//Loads Trees for 'tree international'
function loadTree(country) {
	document.getElementById('innerContent').innerHTML = '<p><img src="images/trees/tree'+country+'.gif" alt="'+country+'" /></p>';
} 

//Loads Snowmen for 'snowmen international'
function loadSnowmen(country) {
	document.getElementById('innerContent').innerHTML = '<p><img src="images/snowmen/sm'+country+'.jpg" alt="'+country+'" /></p>';
} 

//Loads crown for 'crowm international'
function loadCrown(country) {
	document.getElementById('innerContent').innerHTML = '<p><img src="images/crowns/kr'+country+'.jpg" alt="'+country+'" /></p>';
} 

//Loads balls
function loadBallImage () {
	error = 0;
	if($('ballText').value == "") {
		error = 1;
		$('ballText').style.border = "1px solid red";		
	} else {
		$('ballText').style.border = "1px solid black";	
	}
	if($('ballTextMessage').value == "") {
		error = 1;
		$('ballTextMessage').style.border = "1px solid red";		
	} else {
		$('ballTextMessage').style.border = "1px solid black";	
	}
	if($('ballSender').value == "") {
		error = 1;
		$('ballSender').style.border = "1px solid red";		
	} else {
		$('ballSender').style.border = "1px solid black";	
	}
	if(error == 1) {
		$("layoutError").innerHTML = "Bitte korrigieren Sie Ihre Eingaben. Die Felder dürfen nicht leer sein!<br />";
		return;
	} else {
		$("layoutError").innerHTML = "";
	}
	
	if(currentSelBallLayout == null) 
	{
		currentSelBallLayout = 1;
		$("imBallLayout"+currentSelBallLayout).style.border  = "2px solid red";
	}
	text = document.getElementById('ballText').value;
	
	$('ballLayoutImage').innerHTML = '<img src="/images/balls/layouts/ABCFoto'+currentSelBallLayout+'.jpg">';
	
	if(text.length >= 14) {
		textArr = text.split(" ");
		//alert(textArr.length);
		$('ballImage').innerHTML = "";
		for(i=0; i<textArr.length; i++)
		{
			$('ballImage').innerHTML += '<img src="images/balls/generator.php?text='+textArr[i]+'" alt="Das Bild konnte nicht geladen werden!" /><br />';
		}
	}
	else
	{
		$('ballImage').innerHTML = '<img src="images/balls/generator.php?text='+text+'" alt="Das Bild konnte nicht geladen werden!" />';	}
	
	
	//alert($('ballTextMessage').value);
	$("ballText_a").innerHTML = $('ballTextMessage').value+'<p>';
	
	//alert($("ballText_a").innerHTML);
	
	if($('ballSender').value.length >= 14) {
		textArr = $('ballSender').value.split(" ");
		//alert(textArr.length);
		for(i=0; i<textArr.length; i++)
		{
			$('ballText_a').innerHTML += '<img src="images/balls/generator.php?text='+textArr[i]+'" alt="Das Bild konnte nicht geladen werden!" /><br />';
		}
		$('ballText_a').innerHTML += "</p>";
	}
	else
	{
		$("ballText_a").innerHTML = $('ballTextMessage').value + '<p><img src="images/balls/generator.php?text='+$('ballSender').value+'" alt="Das Bild konnte nicht geladen werden!" /></p>'; 
	}
}

var active = true;

function sendBall() {
	if(active == true) {
	active = false;
	
	error = 0;
	if($('ballText').value == "") {
		error = 1;
		$('ballText').style.border = "1px solid red";		
	} else {
		$('ballText').style.border = "1px solid black";	
	}
	if($('ballTextMessage').value == "") {
		error = 1;
		$('ballTextMessage').style.border = "1px solid red";		
	} else {
		$('ballTextMessage').style.border = "1px solid black";	
	}
	if($('ballSender').value == "") {
		error = 1;
		$('ballSender').style.border = "1px solid red";		
	} else {
		$('ballSender').style.border = "1px solid black";	
	}
	if(error == 1) {
		$("layoutError").innerHTML = "Bitte korriegieren Sie Ihre eingaben. Die Felder dürfen nicht leer sein!<br />";
	} else {
		$("layoutError").innerHTML = "";
	}
	
	error = 0;
	if($('usrMailTo').value == "") {
		error = 1;
		$('usrMailTo').style.border = "1px solid red";		
	} else {
		$('usrMailTo').style.border = "1px solid black";	
	}
	if($('usrNameTo').value == "") {
		error = 1;
		$('usrNameTo').style.border = "1px solid red";		
	} else {
		$('usrNameTo').style.border = "1px solid black";	
	}
	if($('usrNameFrom').value == "") {
		error = 1;
		$('usrNameFrom').style.border = "1px solid red";		
	} else {
		$('usrNameFrom').style.border = "1px solid black";	
	}
	if($('usrMailFrom').value == "") {
		error = 1;
		$('usrMailFrom').style.border = "1px solid red";		
	} else {
		$('usrMailFrom').style.border = "1px solid black";	
	}
	if(error == 1) {
		$("mailError").innerHTML = "Bitte korriegieren Sie Ihre eingaben. Die Felder dürfen nicht leer sein!<br />";
		return;
	} else {
		$("mailError").innerHTML = "";
	}
	
	
	if(currentSelBallLayout == null) {
		currentSelBallLayout = 1;
		$("imBallLayout"+currentSelBallLayout).style.border  = "2px solid red";
	}
	
	AO = createAjaxObject();
	
	AO.open('POST', 'loader.php?go=sendBallMail', true);     //TODO relative Path
   AO.setRequestHeader('If-Modified-Since', 'Tue, 22 Jan 2008 00:00:00 GMT');
   AO.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
   AO.onreadystatechange = function () {
   	if (AO.readyState == 4) {
  			$('result').innerHTML = AO.responseText;  
      }
   };
   AO.send("usrAnrede="+$('ballText').value+"&usrText="+$('ballTextMessage').value+"&usrMailTo="+$('usrMailTo').value+"&usrMailFrom="+$('usrMailFrom').value+"&usrNameTo="+$('usrNameTo').value+"&usrNameFrom="+$('usrNameFrom').value+"&layout="+currentSelBallLayout+"&sender="+$('ballSender').value);	
   
   } else {
   	$('result').innerHTML = "";
   	$('mailError').innerHTML = '<br />Sie haben bereits gesendet! <a href="javascript:;" onClick="setActive()"><br />Klicken Sie hier, um das Formular erneut freizuschalten!</a>';
   }
}

function setActive () {
	$('mailError').innerHTML = "";
	active = true;
}

function loadBall(code) {
	AO = createAjaxObject();
	
	AO.open('POST', 'loader.php?go=loadBall&code='+code, true);     //TODO relative Path
   AO.setRequestHeader('If-Modified-Since', 'Tue, 22 Jan 2008 00:00:00 GMT');
   AO.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
   AO.onreadystatechange = function () {
   	if (AO.readyState == 4) {
  			arr = AO.responseText.split("##");
  			
  			/*$('ballLayoutImage').innerHTML = '<img src="/images/balls/layouts/ABCFoto'+arr[3]+'.jpg">';
			$('ballImage').innerHTML = '<img src="images/balls/generator.php?text='+arr[0]+'" alt="Das Bild konnte nicht geladen werden!" />';
			$("ballText_a").innerHTML = arr[2]+'<p><img src="images/balls/generator.php?text='+arr[4]+'" alt="Das Bild konnte nicht geladen werden!" /></p>';*/
			
			//////////////////
			
			$('ballLayoutImage').innerHTML = '<img src="/images/balls/layouts/ABCFoto'+arr[3]+'.jpg">';
	
			if(arr[0].length >= 14) 
			{
				textArr = arr[0].split(" ");
				$('ballImage').innerHTML = "";
				for(i=0; i<textArr.length; i++)
				{
					$('ballImage').innerHTML += '<img src="images/balls/generator.php?text='+textArr[i]+'" alt="Das Bild konnte nicht geladen werden!" /><br />';
				}
			}
			else
			{
				$('ballImage').innerHTML = '<img src="images/balls/generator.php?text='+arr[0]+'" alt="Das Bild konnte nicht geladen werden!" />';	
			}
	
	
			$("ballText_a").innerHTML = arr[2]+'<p>';
	
			if(arr[4].length >= 14) {
				textArr = arr[4].split(" ");
				//alert(textArr.length);
				for(i=0; i<textArr.length; i++)
				{
					$('ballText_a').innerHTML += '<img src="images/balls/generator.php?text='+textArr[i]+'" alt="Das Bild konnte nicht geladen werden!" /><br />';
				}
				$('ballText_a').innerHTML += "</p>";
			}
			else
			{
				$("ballText_a").innerHTML = arr[2]+'<p><img src="images/balls/generator.php?text='+arr[4]+'" alt="Das Bild konnte nicht geladen werden!" /></p>'; 
			}
			

      }
   };
   AO.send(null);
}

//Sending the recipe from User to server:
function sendRecipe() {
	startUpload();
   return true;
}

function startUpload(){
	document.getElementById('f1_upload_process').style.visibility = 'visible';
   return true;
}

function stopUpload(success){
      var result = '';
      if (success == 1){
         document.getElementById('result').innerHTML =
           '<span class="msg">Die Daten wurden erfolgreich hochgeladen!<\/span><br/><br/>';
      }
      else {
         document.getElementById('result').innerHTML = 
           '<span class="emsg">Vielen Dank! Ihre Daten sind eingegangen! Es wurden keine Dateien hochgeladen!<\/span><br/><br/>';
      }
      document.getElementById('f1_upload_process').style.visibility = 'hidden';
      return true;   
}

//Coupon Sliding:
function slideToCoupon(couponNum) {
	var myFunc = function() {
  			new Effect.toggle($('coupon2'),"appear");
		}
	new Effect.toggle($("coupon1"),"appear",{afterFinish: myFunc });
	

}

function setUserMail() {
	AO = createAjaxObject();
	
	AO.open('POST', 'functions.php', true);     //TODO relative Path
   AO.setRequestHeader('If-Modified-Since', 'Tue, 22 Jan 2008 00:00:00 GMT');
   AO.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
   AO.onreadystatechange = function () {
   	if (AO.readyState == 4) {
             
      }
   };
   AO.send("sFileName="+sPath);	
}


currentSelBallLayout = 1;
function selectBallLayout(image) {
	if(currentSelBallLayout != null) {
		$("imBallLayout"+currentSelBallLayout).style.border = "2px solid white";
	} else {
		currentSelBallLayout = 1;
		$("imBallLayout"+currentSelBallLayout).style.border  = "2px solid #00aeef";
	}
	$("imBallLayout"+image).style.border  = "2px solid #00aeef";
	currentSelBallLayout = image;
	loadBallImage();
}

ballAnredeChars = 0;
ballVonChars = 0;
function changeInput ( element ) {
	$(element+"count").innerHTML = "Zeichen:";
	$(element+"count").innerHTML += 40 - parseInt($(element).value.length);
}

function showHeavenText (element)
{
	myFunc = function () {
		$("HEADER"+element).innerHTML = '<img src="../images/heavenIs/HimmelTEXT'+element+'.gif" alt="HimmelTEXT'+element+'" />';
		$("HEADER"+element).style.marginTop = "90px";
		new Effect.toggle($("HEADER"+element),"appear");	
	};
	new Effect.toggle($("HEADER"+element),"appear",{afterFinish: myFunc });
}

function submitCountries () {
	sendStr = "?test=test&";
	for(i=1;i<32;i++) {
		sendStr += "country"+i+"="+$("selCountry"+i).value+"&";
	}
	sendStr += "name=1"
	//alert(sendStr);
	AO = createAjaxObject();
	
	AO.open('POST', 'loader.php?go=submitCountries', true);     //TODO relative Path
	AO.setRequestHeader('If-Modified-Since', 'Tue, 22 Jan 2008 00:00:00 GMT');
	AO.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
	AO.onreadystatechange = function () {
		if (AO.readyState == 4) {
			//alert(AO.responseText);
			showCountryResult(AO.responseXML);
	   }
	};
	AO.send(sendStr);	
}

globalResult = "";

function showCountryResult ( xmlLit ) {
	countries = xmlLit.getElementsByTagName('count');
	result = 0;
	for(i=1;i<32;i++) {
		//alert(countries[i-1].firstChild.nodeValue); return;
		
		if(countries[i-1].firstChild.nodeValue == "1") {
			result++;
			$("flag"+countries[i-1].getAttribute('country')+"").innerHTML = '<img src="images/flags/FlaggeRICHTIG.png" alt="FlaggeRICHTIG" />';
		} else {
			$("flag"+countries[i-1].getAttribute('country')+"").innerHTML = '<img src="images/flags/FlaggeFALSCH.png" alt="FlaggeFALSCH" />';
		}
	}	
	
	//tmp = $('resulter').innerHTML;
	globalResult = result;
	$('preResult').innerHTML = '<p>Super, Sie haben '+result+' Länder richtig gefunden.</p>';
	new Effect.toggle("resulter","appear");
}

function loadHighscore () {
	AO = createAjaxObject();
	
	AO.open('POST', 'loader.php?go=loadHighscore', true);     //TODO relative Path
	AO.setRequestHeader('If-Modified-Since', 'Tue, 22 Jan 2008 00:00:00 GMT');
	AO.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
	AO.onreadystatechange = function () {
		if (AO.readyState == 4) {
			$("highscoreDiv").innerHTML = AO.responseText;	
	   }
	};
	AO.send(null);	
}

function submitCountryResult( ) {
	var myFunc = function() {
			loadHighscore();
  			new Effect.toggle($("highscoreDiv"),"appear");
		} 
	
	AO = createAjaxObject();
	
	AO.open('POST', 'loader.php?go=submitResult', true);     //TODO relative Path
	AO.setRequestHeader('If-Modified-Since', 'Tue, 22 Jan 2008 00:00:00 GMT');
	AO.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
	AO.onreadystatechange = function () {
		if (AO.readyState == 4) {
			//alert(AO.responseText);
			new Effect.toggle($("preHighscore"),"appear",{afterFinish: myFunc });
	   }
	};
	AO.send("?tmp=tmp&usrName="+document.getElementById('usrName').value+"&points="+globalResult);	
	//alert("?usrName="+document.getElementById('usrName').value+"&points="+globalResult);
}

santa = 2;

function loopSanta() {
	var myFunc = function() {
		$('santaBox').innerHTML = '<img onclick="loopSanta();" src="../images/santa/weihnachtsmann'+santa+'.png" alt="weihnachtsmann'+santa+'" />';
  		new Effect.toggle("santaBox","appear");
  		santa++;
  		if(santa == 6) {
  			santa = 1;
  		}
	} 	
	new Effect.toggle($("santaBox"),"appear",{afterFinish: myFunc });
}

pictures = 2;

function loopPictures() {
	var myFunc = function() {
		if(pictures==5) {
			$('pictures').style.cursor = "default";
			$('pictures').innerHTML = '<img src="../images/jeannePuettman/jeanneKONTAKT.gif" alt="jeanneKONTAKT" /><p><br />wünscht Ihnen eine schöne Weihnachtszeit</p><p><a href="http://www.jeanne-puettmann.de">www.jeanne-puettmann.de</a><br /><a href="mailto:info@jeanne-puettmann.de" >info@jeanne-puettmann.de</a></p>';
		}else {
			$('pictures').innerHTML = '<img onclick="loopPictures();" class="hand" src="/images/jeannePuettman/jeanne'+pictures+'.jpg" alt="fotos'+pictures+'" />';
  		}
  		new Effect.toggle("pictures","appear");
  		pictures++;
	} 	
	new Effect.toggle($("pictures"),"appear",{afterFinish: myFunc });
}

function showArticle(path) {
	ShowImage(path);
}

function ShowImage(path) {
	Effect.Appear('greyBackground', {duration:0.5, from:0.0, to:0.7});
	document.getElementById('imagePopUp').innerHTML = '<img src="/images/tempusRoma/'+path+'" />';
	Effect.Appear('imagePopUp', {duration:0.5});
	Effect.Appear('closeButton', {duration:0.5});
}

function closeAll(path) {
	Effect.Fade('greyBackground', {duration:0.5});
	Effect.Fade('imagePopUp', {duration:0.5});
	Effect.Fade('closeButton', {duration:0.5});
}


var Cities = new Array();
Cities[0] = '';
Cities[1] = 'Lübeck';		//fix
Cities[2] = 'Bremen';		//ficx
Cities[3] = 'Westfahlen'; // FIX
Cities[4] = 'Dresden';
Cities[5] = 'Aachen';   // FIC
Cities[6] = 'Erzgebierge';
Cities[7] = 'Frankfurt';
Cities[8] = 'Nürnberg';
Cities[9] = 'Schwaben';

var Result = new Array();
Result[0] = '';
Result[1] = '';		//fix
Result[2] = '';		
Result[3] = ''; 
Result[4] = '';
Result[5] = '';  
Result[6] = '';
Result[7] = '';
Result[8] = '';
Result[9] = '';

var correct = new Array();
correct[0] = '';
correct[1] = 'Aachen';		//fix
correct[2] = 'Dresden';		
correct[3] = 'Nürnberg'; 
correct[4] = 'Lübeck';
correct[5] = 'Schwaben';  
correct[6] = 'Dresden';
correct[7] = 'Frankfurt';
correct[8] = 'Westfalen';
correct[9] = 'Bremen';


selectedItem = null;
function selStart(id) {
	
	selectedItem = id;
	/*
	newElement = document.createElement("div");
			
	newElement.id = "dragger_"+id;
	newElement.className = "dragObject";
	newElement.innerHTML = Cities[id];
	newElement.style.position = "absolute";
	newElement.style.top = (posy-10)+"px";
	newElement.style.left = parseInt(posx)-10 + "px";
	
	
	$('theBody').appendChild(newElement);
	
	new Draggable('dragger_'+id, { scroll: window, revert: true });*/
	
	
}

function validateSpecials () {
	$('validateButton').style.display = "none";
	for(i=1;i<10;i++) {
		//alert(Result[i] + " - " + correct[i]);
		if(Result[i] == correct[i]) {
			$('drop'+i).innerHTML += '<br /><span style="color:green;">Richtig</span> ';
		} else {
			$('drop'+i).innerHTML += '<br /><span style="color:red;">Leider falsch</span> - Richtig ist: ' + correct[i];
		}
	}
}

var correctV = new Array();
correctV[0] = '';
correctV[1] = 'Deutschland';		
correctV[2] = 'GB';		
correctV[3] = 'USA'; 
correctV[4] = 'Frankreich';
correctV[5] = 'Spanien';  
correctV[6] = 'Portugal';
correctV[7] = 'Italien';
correctV[8] = 'Niederlande';
correctV[9] = 'Polen';
correctV[10] = 'Island';  
correctV[11] = 'Finnland';
correctV[12] = 'Tschechien';
correctV[13] = 'Russland';
correctV[14] = 'Schweden';
correctV[15] = 'Türkei';


function submitVoc () {
	$('validateButton').style.display = "none";
	for(i=1;i<16;i++) {
		//alert($('selCountry'+i).value + " - " + correctV[i]);
		if($('selCountry'+i).value == correctV[i]) {
			$('voc'+i).innerHTML = '<br /><span style="color:green;">Richtig</span> ';
		} else {
			$('voc'+i).innerHTML = '<br /><span style="color:red;">Leider falsch</span> - Richtig ist: ' + correctV[i];
		}
	}	
}