/***************************************************************
*	E-Card JS - Variablen deklarieren
***************************************************************/

	var mousex = 0;
	var mousey = 0;
	var ecard_pageid = "";
	var req = "";
	var step = 1;
	var aktcard = 1;
	var gescard = 1;
	var ec_error = 0;
	var ec_error1 = 0;
	var ec_error2 = 0;
	var ec_error3 = 0;
	var ec_error4 = 0;
	var ec_error5 = 0;
	var ec_error6 = 0;
	var ec_errormsg = '';
	var automatic = 1;
	var savevid = '';
	var track = 1;
	ecinhalte = new Array();
	ecinhalte['msg'] = '';
	ecinhalte['absname'] = '';
	ecinhalte['absmail'] = '';
	ecinhalte['empname'] = '';
	ecinhalte['empmail'] = '';
	
	
/***************************************************************
*	E-Card JS - onload die PageID speichern
***************************************************************/
	
	onloadHooks.push(function(){ addecardonload(); });
	function addecardonload()
	{
		
	}
	
/***************************************************************
*	E-Card JS - Lightbox öffnen, Funktionen aufrufen
***************************************************************/
	
	function openEcardTool()
	{
		setContent(step,'1','1',ecinhalte,'','0');
	}
	
	function openEcard(vid)
	{
		setContent('6','1','1',ecinhalte,vid,track);
	}

/***************************************************************
*	E-Card JS - Request an PageExtension (pi1) für Schritte
***************************************************************/

	function setContent(step,aktcard,cid,ecinhalte,vid,track)
	{
		req = new Request.HTML({url:'/ecards.html?id='+ecard_pageid+'&ajax=true&step='+step+'&card='+aktcard+'&cid='+cid+'&vid='+vid+'&track='+track, 
			onSuccess: function(html) {
				$('ecardtool').set('text', '');
				$('ecardtool').adopt(html);
				setInnerFunctions();
			},
			onFailure: function() {
				$('ecardtool').set('text', 'Ladevorgang fehlgeschalgen, bitte laden Sie erneut.');
			}
		});
		req.send();	
	}
	

/***************************************************************
*	E-Card JS - Request an PageExtension - E-Card versenden
***************************************************************/

	function sendCard(step,aktcard,cid)
	{
		req = new Request.HTML({url:'/ecards.html?id='+ecard_pageid+'&ajax=true&step='+step+'&card='+aktcard+'&cid='+cid+'&ecard_empmail='+escape($('empmail').value)+'&ecard_empname='+escape($('empname').value)+'&ecard_absmail='+escape($('absmail').value)+'&ecard_absname='+escape($('absname').value)+'&ecard_msg='+escape($('msg').value), 
			onSuccess: function(html) {
				$('ecardtool').set('text', '');
				$('ecardtool').adopt(html);
				setInnerFunctions();
			},
			onFailure: function() {
				$('ecardtool').set('text', 'Ladevorgang fehlgeschalgen, bitte laden Sie erneut.');
			}
		});
		req.send();	
	}
	

/***************************************************************
*	E-Card JS - Klickfunktionen der einzelnen Schritte
***************************************************************/
	
	function setInnerFunctions()
	{
		if($('step1'))
		{
			var karten = $$('.card_wrap');
			$('cardselect_inner').setStyle("width",karten.length*183+'px');
			$$('#cardselect_inner .card_normal').addEvent('mouseenter', function() {
				hoverid = this.id.split("card_normal_").join("");
				$('card_normal_'+hoverid).setStyle("display","none");
				$('card_hover_'+hoverid).setStyle("display","block");
			});
			$$('#cardselect_inner .card_hover').addEvent('click', function() {
				clearInterval ( slideNaviIntervalId );
				aktcard = this.id.split("card_hover_").join("");
				cid = aktcard;
				step = 2;
				setContent(step,aktcard,cid,ecinhalte,'','0');				
			});
			$$('#cardselect_inner .card_hover').addEvent('mouseout', function() {
				hoverid = this.id.split("card_hover_").join("");
				$('card_hover_'+hoverid).setStyle("display","none");
				$('card_normal_'+hoverid).setStyle("display","block");
			});
			
			if(document.attachEvent)
    			document.attachEvent('onmousemove',getXY);
			else if(document.addEventListener)
   				document.addEventListener('mousemove',getXY,false);
			
			slideNaviIntervalId = setInterval ( "slideNavi()", 50 );	
		}
	
		if($('step2'))
		{
			
			var myEffect = new Fx.Morph('ec_karte', {duration: 500, transition: Fx.Transitions.Sine.linear});
			myEffect.start({
				'height': [0, 420],
				'width': [0, 548], 
				'top': [210, 0], 
				'left': [274, 0]  
			});
			
			$('btn_next').addEvent('click', function() {
				step = 3;
				setContent(step,aktcard,cid,ecinhalte,'','0');
			});
			$('btn_prev').addEvent('click', function() {
				step = 1;
				setContent(step,aktcard,cid,ecinhalte,'','0');
			});
		}
		
		if($('step3'))
		{
			$('ecard_msg').value = ecinhalte['msg'];
			$('ec_formbg').set('tween', {
				onComplete: function(e) {
					$(e.id).set('tween', { onComplete: Class.empty });
					$('ec_form').setStyle("display","block");
					if(ecinhalte['msg'] == "" || ecinhalte['msg'] == "Geben Sie hier Ihre Botschaft ein!"){	document.msgform.ecard_msg.value = 'Geben Sie hier Ihre Botschaft ein!'; }
					else { $('ecard_msg').setStyle('color','#3b4b6a'); document.msgform.ecard_msg.value = ecinhalte['msg'];  }
				}
			});
			$('ec_formbg').tween('top', [17,17]);
			
			$('btn_prev').addEvent('click', function() {
				step = 2;
				setContent(step,aktcard,cid,ecinhalte,'','0');
				ecinhalte['msg'] = $('ecard_msg').value;
			});
			$('btn_next').addEvent('click', function() {
				if(ecCheck2() == true)
				{
					ecinhalte['msg'] = $('ecard_msg').value; 
					step = 4;
					setContent(step,aktcard,cid,ecinhalte,'','0');
				}
			});
		}
		
		if($('step4'))
		{
			$('absname').value = ecinhalte['absname'];
			$('absmail').value = ecinhalte['absmail'];
			$('empname').value = ecinhalte['empname'];
			$('empmail').value = ecinhalte['empmail'];
			$('msg').value = ecinhalte['msg'];
		
			$('ec_formbg').set('tween', {
				onComplete: function(e) {
					$(e.id).set('tween', { onComplete: Class.empty });
					$('ec_form').setStyle("display","block");
					if(ecinhalte['absname'] == "" || ecinhalte['absname'] == "Ihr Name"){	document.adrform.absname.value = 'Ihr Name';  }
					else { $('absname').setStyle('color','#3b4b6a'); document.adrform.absname.value = ecinhalte['absname'];  }
					if(ecinhalte['absmail'] == "" || ecinhalte['absmail'] == "Ihre E-Mail-Adresse"){	document.adrform.absmail.value = 'Ihre E-Mail-Adresse';  }
					else { $('absmail').setStyle('color','#3b4b6a'); document.adrform.absmail.value = ecinhalte['absmail'];  }
					if(ecinhalte['empname'] == "" || ecinhalte['empname'] == "Name"){	document.adrform.empname.value = 'Name';  }
					else { $('empname').setStyle('color','#3b4b6a'); document.adrform.empname.value = ecinhalte['empname'];  }
					if(ecinhalte['empmail'] == "" || ecinhalte['empmail'] == "E-Mail-Adresse"){	document.adrform.empmail.value = 'E-Mail-Adresse';  }
					else { $('empmail').setStyle('color','#3b4b6a'); document.adrform.empmail.value = ecinhalte['empmail'];  }
				}
			});
			$('ec_formbg').tween('top', [17,17]);
			
			$('btn_prev').addEvent('click', function() {
				ecinhalte['absname'] = $('absname').value;
				ecinhalte['absmail'] = $('absmail').value
				ecinhalte['empname'] = $('empname').value;
				ecinhalte['empmail'] = $('empmail').value;
				step = 3;
				sendCard(step,aktcard,cid);	
			});	
			$('btn_next').addEvent('click', function() {
				if(ecCheck() == true)
				{
					ecinhalte['absname'] = $('absname').value;
					ecinhalte['absmail'] = $('absmail').value
					ecinhalte['empname'] = $('empname').value;
					ecinhalte['empmail'] = $('empmail').value;
					step = 5;
					sendCard(step,aktcard,cid);	
				}
			});	
		}
		
		if($('step5'))
		{
			$('ec_formbg').set('tween', {
			onComplete: function(e) {
				$(e.id).set('tween', { onComplete: Class.empty });
				$('ec_form').setStyle("display","block");
				}
			});
			$('ec_formbg').tween('top', [17,17]);
		}
		if($('step6'))
		{
			$('btn_nachricht').addEvent('click', function() {
				$('ec_formbg').setStyle("display","block");
				$('ec_shadow').setStyle("display","block");
				$('ec_form').setStyle("display","block");
				$('btn_nachricht').setStyle("display","none");
			});
			$('btn_close').addEvent('click', function() {
				$('ec_formbg').setStyle("display","none");
				$('ec_shadow').setStyle("display","none");
				$('ec_form').setStyle("display","none");
				$('btn_nachricht').setStyle("display","block");
			});
		}
		
		
	}


/***************************************************************
*	E-Card JS - Felder validieren
***************************************************************/

	function ecCheck()
	{
		if( $('absname').value == '' || $('absname').value == 'Ihr Name' || 
			$('absmail').value == '' || $('absmail').value == 'Ihre E-Mail-Adresse' || 
			$('empname').value == '' || $('empname').value == 'Name' || 
			$('empmail').value == '' || $('empmail').value == 'E-Mail-Adresse') {
			ec_error1 = 1; $('errorfield').set('html','Bitte alle Felder ausfüllen.');
		}else{
			ec_error1 = 0; $('errorfield').set('html','');	
		}
		if($('absname').value.length > 25 ) {
			ec_error2 = 1; if(!$('errorfield').get('html') || $('errorfield').get('html') == 'Bitte alle Felder ausfüllen.') { $('errorfield').set('html','Bitte nicht mehr als 25 Zeichen verwenden.');	}
		}else{
			ec_error2 = 0; if(!$('errorfield').get('html') || $('errorfield').get('html') == 'Bitte alle Felder ausfüllen.') { $('errorfield').set('html',''); }
		}
		if($('empname').value.length > 25 ) {
			ec_error3 = 1; if(!$('errorfield').get('html') || $('errorfield').get('html') == 'Bitte alle Felder ausfüllen.') { $('errorfield').set('html','Bitte nicht mehr als 25 Zeichen verwenden.');	}
		}else{
			ec_error3 = 0; if(!$('errorfield').get('html') || $('errorfield').get('html') == 'Bitte alle Felder ausfüllen.') { $('errorfield').set('html',''); }
		}
		if(!$('absmail').value.match(/^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,6}$/i)) {
			ec_error4 = 1; if(!$('errorfield').get('html') || $('errorfield').get('html') == 'Bitte alle Felder ausfüllen.') { $('errorfield').set('html','Bitte gültige E-Mail-Adressen eintragen.'); }
		}else{
			ec_error4 = 0; if(!$('errorfield').get('html') || $('errorfield').get('html') == 'Bitte alle Felder ausfüllen.') { $('errorfield').set('html',''); }
		}
		if(!$('empmail').value.match(/^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,6}$/i)) {
			ec_error5 = 1; if(!$('errorfield').get('html') || $('errorfield').get('html') == 'Bitte alle Felder ausfüllen.') { $('errorfield').set('html','Bitte gültige E-Mail-Adressen eintragen.'); }
		}else{
			ec_error5 = 0; if(!$('errorfield').get('html') || $('errorfield').get('html') == 'Bitte alle Felder ausfüllen.') { $('errorfield').set('html',''); }
		}
		
		ec_error = ec_error1+ec_error2+ec_error3+ec_error4+ec_error5+ec_error6;
		if(ec_error == 0) {
			$('errorfield').set('html',''); 
			return true;
		}
	}
	
	function ecCheck2()
	{
		var maxzeilen = 8;
		var vollezeilen = 0;
		var umbrucharray = $('ecard_msg').value.split('\n');
		for(var i = 0; i < umbrucharray.length; i++) {
			if(umbrucharray[i].length > 29 ) {
				vollezeilen = vollezeilen +	Math.ceil(umbrucharray[i].length/29);
			}
		}
		if((umbrucharray.length + vollezeilen) >= maxzeilen || $('ecard_msg').value.length > 200) {
			ec_error1 = 1; $('errorfield').set('html','Bitte reduzieren Sie die Textmege.');
		}else{ ec_error1 = 0;  }			
				
	
		var wordarray = $('ecard_msg').value.split(' ');
		for(var j = 0; j < wordarray.length; j++) {
			if(wordarray[j].length > 25 ) {
				ec_error2 = 1; $('errorfield').set('html','Ein Wort ist zu lang.');
			}else{ ec_error2 = 0;  }			
		}
	
		ec_error = ec_error1+ec_error2;
		if(ec_error == 0) {
			$('errorfield').set('html',''); 
			return true;
		}	
	}
	
	function getXY(e)
	{
		if(!e) e = window.event;
		var body = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ? window.document.documentElement : window.document.body || null;
		mousey = e.pageY ? e.pageY : e.clientY + body.scrollTop;
		mousex = e.pageX ? e.pageX : e.clientX + body.scrollLeft;
		mousex = mousex-$('ec_wrap').getCoordinates().left;
		mousey = mousey-$('ec_wrap').getCoordinates().top;
	}
	
	function slideNavi()
	{	
		position = $('cardselect_inner').getStyle("left").toInt()*-1;
		grenze_rechts = $('cardselect_inner').getStyle("width").toInt()-548;
		grenze_links = 0;

		if(mousex >= 500 && mousex <= 548 && position <= grenze_rechts){
			aktleft = $('cardselect_inner').getStyle("left").toInt();
			$('cardselect_inner').setStyle("left",aktleft-10+"px");
		}else if(mousex >= 450 && mousex <= 548 && position <= grenze_rechts){
			aktleft = $('cardselect_inner').getStyle("left").toInt();
			$('cardselect_inner').setStyle("left",aktleft-8+"px");
		}else if(mousex >= 400 && mousex <= 548 && position <= grenze_rechts){
			aktleft = $('cardselect_inner').getStyle("left").toInt();
			$('cardselect_inner').setStyle("left",aktleft-6+"px");
		}else if(mousex >= 350 && mousex <= 548 && position <= grenze_rechts){
			aktleft = $('cardselect_inner').getStyle("left").toInt();
			$('cardselect_inner').setStyle("left",aktleft-4+"px");
		}else if(mousex >= 300 && mousex <= 548 && position <= grenze_rechts){
			aktleft = $('cardselect_inner').getStyle("left").toInt();
			$('cardselect_inner').setStyle("left",aktleft-2+"px");

		}else if(mousex <= 50 && mousex >= 0 && position >= grenze_links ){
			aktleft = $('cardselect_inner').getStyle("left").toInt();
			$('cardselect_inner').setStyle("left",aktleft+10+"px");
		}else if(mousex <= 100 && mousex >= 0 && position >= grenze_links ){
			aktleft = $('cardselect_inner').getStyle("left").toInt();
			$('cardselect_inner').setStyle("left",aktleft+8+"px");
		}else if(mousex <= 150 && mousex >= 0 && position >= grenze_links ){
			aktleft = $('cardselect_inner').getStyle("left").toInt();
			$('cardselect_inner').setStyle("left",aktleft+6+"px");
		}else if(mousex <= 200 && mousex >= 0 && position >= grenze_links ){
			aktleft = $('cardselect_inner').getStyle("left").toInt();
			$('cardselect_inner').setStyle("left",aktleft+4+"px");
		}else if(mousex <= 250 && mousex >= 0 && position >= grenze_links ){
			aktleft = $('cardselect_inner').getStyle("left").toInt();
			$('cardselect_inner').setStyle("left",aktleft+2+"px");
		}
	}
	
	function ec_fill(itsme)
	{
		if(itsme == '1')
		{
			if(document.msgform.ecard_msg.value == '') {
				document.msgform.ecard_msg.value = 'Geben Sie hier Ihre Botschaft ein!'; 
				$('ecard_msg').setStyle('color','#A6C3CE');
			}
		}
		if(itsme == '2')
		{
			if(document.adrform.absname.value == '') {
				document.adrform.absname.value = 'Ihr Name'; 
				$('absname').setStyle('color','#A6C3CE');
			}
		}
		if(itsme == '3')
		{
			if(document.adrform.absmail.value == '') {
				document.adrform.absmail.value = 'Ihre E-Mail-Adresse'; 
				$('absmail').setStyle('color','#A6C3CE');
			}
		}
		if(itsme == '4')
		{
			if(document.adrform.empname.value == '') {
				document.adrform.empname.value = 'Name'; 
				$('empname').setStyle('color','#A6C3CE');
			}
		}	
		if(itsme == '5')
		{
			if(document.adrform.empmail.value == '') {
				document.adrform.empmail.value = 'E-Mail-Adresse'; 
				$('empmail').setStyle('color','#A6C3CE');
			}
		}
	}
	
	function ec_empty(itsme)
	{
		if(itsme == '1')
		{
			if(document.msgform.ecard_msg.value == 'Geben Sie hier Ihre Botschaft ein!') {
				document.msgform.ecard_msg.value = '';
				$('ecard_msg').setStyle('color','#3b4b6a');
			}
		}
		if(itsme == '2')
		{
			if(document.adrform.absname.value == 'Ihr Name') {
				document.adrform.absname.value = '';
				$('absname').setStyle('color','#3b4b6a');
			}
		}
		if(itsme == '3')
		{
			if(document.adrform.absmail.value == 'Ihre E-Mail-Adresse') {
				document.adrform.absmail.value = '';
				$('absmail').setStyle('color','#3b4b6a');
			}
		}
		if(itsme == '4')
		{
			if(document.adrform.empname.value == 'Name') {
				document.adrform.empname.value = '';
				$('empname').setStyle('color','#3b4b6a');
			}
		}
		if(itsme == '5')
		{
			if(document.adrform.empmail.value == 'E-Mail-Adresse') {
				document.adrform.empmail.value = '';
				$('empmail').setStyle('color','#3b4b6a');
			}
		}
	}