/**
 * @author twinners
 */
 rerrors = 0;

function check_terms(v)
{
	
	
	if (v && v == 1) {
	
		return true;
	}
	else {
		alert('You need to accept the terms if u want to be a twinner...');
	return false;
	}
	
}
function preloader() 
{
     // counter 
	     var i = 0;
     // create object 
	     imageObj = new Image();
     // set image list 
	     images = new Array(); 
		     images[0]="Twinner-Male-112.png" ;
			     images[1]="Twinner-Male-113.png";
				     images[2]="Twinner-Male-123.png"; 
					     images[3]="Twinner-Male-111.png";
						 images[4]="Twinner-Male-122.png";
						  images[5]="Twinner-Male-121.png";
						  image[6] = "Twinner-Male-133.png";
						  image[7] = "Twinner-Male-132.png";
						  image[8] = "Twinner-Male-131.png";
						  //female
						  image[9] = "Twinner-Female-111.png";
						  image[10] = "Twinner-Female-112.png";
						  image[11] = "Twinner-Female-113.png";
						  image[12] = "Twinner-Female-311.png";
						  image[13] = "Twinner-Female-312.png";
						  image[14] = "Twinner-Female-313.png";
						  image[15] = "Twinner-Female-211.png";
						  image[16] = "Twinner-Female-212.png";
						  image[17] = "Twinner-Female-213.png";
						  
						   image[18] = "Twinner-Male-212.png";
						   image[19] = "Twinner-Male-213.png";
						   image[20] = "Twinner-Male-211.png";
						    image[21] = "Twinner-Male-222.png";
						   image[22] = "Twinner-Male-223.png";
						   image[23] = "Twinner-Male-221.png";
						    image[24] = "Twinner-Male-232.png";
						   image[25] = "Twinner-Male-233.png";
						   image[26] = "Twinner-Male231.png";
							
							  image[27] = "Twinner-Male-312.png";
						   image[28] = "Twinner-Male-313.png";
						   image[29] = "Twinner-Male-311.png";
						    image[30] = "Twinner-Male-322.png";
						   image[31] = "Twinner-Male-323.png";
						   image[32] = "Twinner-Male-321.png";
						    image[33] = "Twinner-Male-332.png";
						   image[34] = "Twinner-Male-333.png";
						   image[35] = "Twinner-Male-331.png";
						   
     // start preloading   
	   for(i=0; i<=16; i++) 
	        {         
			 imageObj.src=images[i]; 
			     }

} 

gen_counter = 0;
	 sen_counter = 0;
	
	
	step_one = true;
	step_two = false;
	step_three = false;
	step_four = false;
	step_all = false;
	
	
	
	
	 
function select_gender(what)
{
	//document.getElementById('twinner').innerHTML = '';
		//document.getElementById('twinner').innerHTML = '<img src="images/loading.gif" />';
		if (step_all === true)
{
	// he clicked again
	// proceed to delete and set to false all values
	step_two = true;
	step_three = false;
	step_four = false;
	step_all = false;
	// proceed to set the texts to empy
			if (document.getElementById('hair_result'))document.getElementById('hair_result').innerHTML='';
			if (document.getElementById('style_result'))document.getElementById('style_result').innerHTML='';
			if (document.getElementById('clothes_result'))document.getElementById('clothes_result').innerHTML='';
	//alert('lucky');
	document.getElementById('error_message').innerHTML = '';
	//document.getElementById('error_message').innerHTML = 'BLABLAAAAA';
	var display = document.getElementById('status');
		display.innerHTML = '';
	return false;
}

		
		setTimeout('Fat.fade_element("testi",130,300,"#fb7100","#ffffff")',300);

// there is clicked on the gender , proceed to activate next step
step_two = true;


	 var styles = [];
	 styles[0] ='mannlich';
	 styles[1] = 'weiblich';
	 
	 
	
	if (what == '+') {
		if (gen_counter == styles.length){
			gen_counter = 0;
				}
				if (document.getElementById('clothes_key'))document.body.removeChild(document.getElementById('clothes_key'));
			if (document.getElementById('clothes_result'))document.getElementById('clothes_result').innerHTML='';
		for (var x = gen_counter; x < styles.length; x++) {
			if (styles[x]) {
				document.getElementById('gender_result').innerHTML = '';
				document.getElementById('gender_result').innerHTML = styles[x];
				// delete old
				if (document.getElementById('gender_key')) {
					document.body.removeChild(document.getElementById('gender_key'));
					
				}
				var hidden = document.createElement("input");
				hidden.setAttribute("type","hidden");
				hidden.setAttribute("id","gender_key");
				hidden.setAttribute("name", "gender_key");
				hidden.setAttribute("value",styles[x]);
				document.body.appendChild(hidden);
				
				// execute func here
				twinners2();
				break;
			}
		}
	}
	if (what == '-') {
		styles.reverse();
		if (sen_counter == styles.length){
			sen_counter = 0;
				
			}
			if (document.getElementById('clothes_key'))document.body.removeChild(document.getElementById('clothes_key'));
			if (document.getElementById('clothes_result'))document.getElementById('clothes_result').innerHTML='';
			for (var x = sen_counter; x < styles.length; x++) {
		if (styles[x]) {
			document.getElementById('gender_result').innerHTML = '';
			document.getElementById('gender_result').innerHTML = styles[x];
			// delete old
				if (document.getElementById('gender_key'))document.body.removeChild(document.getElementById('gender_key'));
			var hidden = document.createElement("input");
				hidden.setAttribute("type","hidden");
				hidden.setAttribute("id","gender_key");
				hidden.setAttribute("name", "gender_key");
				hidden.setAttribute("value",styles[x]);
				document.body.appendChild(hidden);
			twinners2();
			break;
		   }
		}
	}
	
}
pluscounter = 0;
mincounter = 0;

function select_hair(what)
{
	if (step_one === false || step_two === false) {
		//alert('Please select gender of your twinner first ');
		document.getElementById('error_message').innerHTML = '';
	document.getElementById('error_message').innerHTML = 'Bitte wählen Sie Geschlecht Ihrer ersten Twinner';
	
		return false;
	}
	document.getElementById('error_message').innerHTML = '';
	step_three = true;
	//alert(what);
//	document.getElementById('twinner').innerHTML = '';
	//	document.getElementById('twinner').innerHTML = '<img src="images/loading.gif" />';
		setTimeout('Fat.fade_element("testi",130,300,"#fb7100","#ffffff")',300);

	
	 var styles = [];
	 styles[0] = 'blond';
	 styles[1] = 'braun';
	 styles[2] = 'schwarz';
	 
	
	if (what == '+') {
		if (pluscounter == styles.length){pluscounter = 0;}
		for (var x = pluscounter; x < styles.length; x++) {
			if (styles[x]) {
				document.getElementById('hair_result').innerHTML = '';
				document.getElementById('hair_result').innerHTML = styles[x];
				pluscounter++;
				// delete old
				if (document.getElementById('hair_key'))document.body.removeChild(document.getElementById('hair_key'));
				var hidden = document.createElement("input");
				hidden.setAttribute("type","hidden");
				hidden.setAttribute("id","hair_key");
				hidden.setAttribute("name", "hair_key");
				hidden.setAttribute("value",styles[x]);
				document.body.appendChild(hidden);
				twinners2();
				break;
			}
			
		}
	}
	
	
	if (what == '-') {
		styles.reverse();
		if (mincounter == styles.length){mincounter = 0;}
			for (var x = mincounter; x < styles.length; x++) {
		if (styles[x]) {
			document.getElementById('hair_result').innerHTML = '';
			
			document.getElementById('hair_result').innerHTML = styles[x];
			mincounter++;
			// delete old
			if (document.getElementById('hair_key'))	document.body.removeChild(document.getElementById('hair_key'));
			var hidden = document.createElement("input");
			hidden.setAttribute("type", "hidden");
			hidden.setAttribute("id", "hair_key");
			hidden.setAttribute("name", "hair_key");
			hidden.setAttribute("value", styles[x]);
			document.body.appendChild(hidden);
			twinners2();
			break;
		}
		
		}
	}
	
}
spluscounter = 0;
smincounter = 0;
function select_style(what)
{
	//alert(what);
//	document.getElementById('twinner').innerHTML = '';
	//	document.getElementById('twinner').innerHTML = '<img src="images/loading.gif" />';
		
		
		if (step_one === false || step_two === false  || step_three === false) {
		//alert('Please select hair / gender  of your twinner first ');
		document.getElementById('error_message').innerHTML = '';
	document.getElementById('error_message').innerHTML = 'Bitte wählen Sie Haare / Geschlecht Ihrer ersten Twinner';
	
		return false;
	}
	step_four = true;
	document.getElementById('error_message').innerHTML = '';
	setTimeout('Fat.fade_element("testi",130,300,"#fb7100","#ffffff")',300);

	 var styles = [];
	 styles[0] = 'sport';
	 styles[1] = 'rassiger';
	 styles[2] = 'modern';
	 
	
	if (what == '+') {
		if (spluscounter == styles.length){spluscounter = 0;}
		for (var x = spluscounter; x < styles.length; x++) {
			if (styles[x]) {
				document.getElementById('style_result').innerHTML = '';
				document.getElementById('style_result').innerHTML = styles[x];
				spluscounter++;
				// delete old
				if (document.getElementById('type_key'))document.body.removeChild(document.getElementById('type_key'));
				var hidden = document.createElement("input");
			hidden.setAttribute("type", "hidden");
			hidden.setAttribute("id", "type_key");
			hidden.setAttribute("name", "type_key");
			hidden.setAttribute("value", styles[x]);
			document.body.appendChild(hidden);
			twinners2();
				break;
			}
			
		}
	}
	
	
	if (what == '-') {
		styles.reverse();
		if (smincounter == styles.length){smincounter = 0;}
			for (var x = smincounter; x < styles.length; x++) {
		if (styles[x]) {
			document.getElementById('style_result').innerHTML = '';
			
			document.getElementById('style_result').innerHTML = styles[x];
			smincounter++;
			// delete old
				if (document.getElementById('type_key'))document.body.removeChild(document.getElementById('type_key'));
			var hidden = document.createElement("input");
			hidden.setAttribute("type", "hidden");
			hidden.setAttribute("id", "type_key");
			hidden.setAttribute("name", "type_key");
			hidden.setAttribute("value", styles[x]);
			document.body.appendChild(hidden);
			twinners2();
			break;
			
		}
		
		}
	}
	
}




cpluscounter = 0;
cmincounter = 0;


function select_clothes(what)
{
	//alert(what);
	//document.getElementById('twinner').innerHTML = '';
		//document.getElementById('twinner').innerHTML = '<img src="images/loading.gif" />';
	
	if (step_one === false || step_two === false  || step_three === false || step_four === false) {
		//alert('Please select hair / gender / style  of your twinner first ');
	
	document.getElementById('error_message').innerHTML = '';
	document.getElementById('error_message').innerHTML = 'Bitte wählen Sie Haare / Geschlecht Ihrer ersten Twinner';
	
	
		return false;
	}
	step_all = true;
	document.getElementById('error_message').innerHTML = '';
	setTimeout('Fat.fade_element("testi",130,300,"#fb7100","#ffffff")',300);

	
	  clothes_ = [];
		if (document.getElementById('gender_key') && document.getElementById('gender_key').value == "mannlich") {
			clothes_[0] = 'rot';
			clothes_[1] = 'blau';
			clothes_[2] = 'grun';
		}else{
			clothes_[0] = 'braun';
			clothes_[1] = 'grun';
			clothes_[2] = 'violett';
		}
	 
	
	if (what == '+') {
		if (cpluscounter == clothes_.length){cpluscounter = 0;}
		for (var x = cpluscounter; x < clothes_.length; x++) {
			if (clothes_[x]) {
				document.getElementById('clothes_result').innerHTML = '';
				document.getElementById('clothes_result').innerHTML = clothes_[x];
				cpluscounter++;
				// delete old
				if (document.getElementById('clothes_key'))document.body.removeChild(document.getElementById('clothes_key'));
				var hidden = document.createElement("input");
			hidden.setAttribute("type", "hidden");
			hidden.setAttribute("id", "clothes_key");
			hidden.setAttribute("name", "clothes_key");
			hidden.setAttribute("value", clothes_[x]);
			document.body.appendChild(hidden);
			twinners2();
				break;
			}
			
		}
	}
	
	
	if (what == '-') {
		clothes_.reverse();
		if (cmincounter == clothes_.length){cmincounter = 0;}
			for (var x = cmincounter; x < clothes_.length; x++) {
		if (clothes_[x]) {
			document.getElementById('clothes_result').innerHTML = '';
			
			document.getElementById('clothes_result').innerHTML = clothes_[x];
			cmincounter++;
			// delete old
			if (document.getElementById('clothes_key'))	document.body.removeChild(document.getElementById('clothes_key'));
			var hidden = document.createElement("input");
			hidden.setAttribute("type", "hidden");
			hidden.setAttribute("id", "clothes_key");
			hidden.setAttribute("name", "clothes_key");
			hidden.setAttribute("value", clothes_[x]);
			document.body.appendChild(hidden);
			twinners2();
			break;
			
		}
		
		}
	}
	
}

// we need some control in place
// 


var twinners2 = function ()
	{
		
		var image = "";
		var path = "components/com_comprofiler/twinners/";
		
		/*
		 *  1. get the gender
		 */
		var sex =( document.getElementById('gender_key') && document.getElementById('gender_key').value) ? document.getElementById('gender_key').value : "mannlich";
		
		/*
		 * 2. get the hair
		 */
		var hair = ( document.getElementById('hair_key') && document.getElementById('hair_key').value) ? document.getElementById('hair_key').value : "blond";
		
		/*
		 *  3. get the type
		 */
		var ttype =( document.getElementById('type_key') && document.getElementById('type_key').value) ? document.getElementById('type_key').value : "sport";
		
		
		/*
		 * 4. make clothes available on selecting gender
		 *  and get the selected id?
		 *  
		 */
		var clothes =  (document.getElementById('clothes_key') && document.getElementById('clothes_key').value ) ? document.getElementById('clothes_key').value : (sex == "mannlich") ? "rot" : "violett" ;	
		
		
		
		var ethnics = "white";
		
		
		if (sex == null || sex == "" )  
		{
			//dropdown();
			return false;
		}
		
		if (hair == null || hair == "" )  return false;
		if (ethnics == null || ethnics == "" )  ethnics = "white";
		if (ttype == null || ttype == "" )  return false;
		if (clothes == null || clothes == "" )  return false;
		
		
		
			
		 
		  
				
		
		
		var code_gender = "";
	    var code_clothes = "";
		var code_hair = "";
		var code_style = "";
		
		
		switch (ttype)
		{
			    
			    
			    
			    case "sport":
			code_style = 1;
			
			        switch (sex)
			                {
				               
				               case "mannlich":
				                 code_gender = 1;
				   
				   switch (ethnics)
				   {
				    case "white":
				    
				    
				    switch (hair)
				    {
				    	case "blond":
				    	code_hair = 1;
				    	
				    switch (clothes)
				    {
				    	case "rot":
				    	image = "Twinner-Male-112.png"
				    code_clothes = 2;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Male-113.png"
				    	 code_clothes = 3;
				    	break;
				    	
				    	case "blau":
				    	image = "Twinner-Male-111.png"
				     code_clothes = 1;
				    	break;
				    	
				    }
				    
				    	break;
				    	
				    	case "braun":
				    	code_hair = 2;
				    	
				    	 switch (clothes)
				    {
				    	case "rot":
				    	image = "Twinner-Male-122.png"
				    	 code_clothes = 2;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Male-123.png"
				    	 code_clothes = 3;
				    	break;
				    	
				    	case "blau":
				    	image = "Twinner-Male-121.png"
				    	 code_clothes = 1;
				    	break;
				    	
				    	
				    }
				    	
				    	
				    	break;
				    	
				    	
				    	case "schwarz":
				    	code_hair = 3;
				    	
				    	 switch (clothes)
				    {
				    	case "rot":
				    	image = "Twinner-Male-132.png"
				    	 code_clothes = 2;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Male-133.png"
				    	 code_clothes = 3;
				    	break;
				    	
				    	case "blau":
				    	image = "Twinner-Male-131.png"
				    	 code_clothes = 1;
				    	break;
				    	
				    	
				    }
				    	
				    	
				    	break;
				    	
				    	
				    	
				    }
				    
				    break;
				    
				    case "schwarz":
				 code_hair = 3;
				   switch (hair)
				    {
				    	case "blond":
				    	image = "populus_02_black_blond.png"
				    	code += ','+ 1;
				    	break;
				    	
				    	case "schwarz":
				    	code += ','+ 2;
				    	image = "populus_02_black_black.png"
				    	break;
				    	
				    	
				    }
				    
				    break;
				    
				    
				   }
				
				break;
				
				case "weiblich":
				   code_gender = 2;
				   
				     switch (ethnics)
				   {
				   
				    case "white":
				    
				    
				    switch (hair)
				    {
				    	
				    	case "blond":
				    code_hair = 1;
				    
				    	switch (clothes)
				    {
				    	case "braun":
				    	image = "Twinner-Female-111.png"
				    	 code_clothes = 1;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Female-113.png"
				    	 code_clothes = 3;
				    	break;
				    	
				    	case "violett":
				    	image = "Twinner-Female-112.png"
				    	 code_clothes = 2;
				    	break;
				    	
				    }
				    		
				    	break;
				    	
				    	case "braun":
				    		
				    		code_hair = 2;
				    		switch (clothes)
				    {
				    	case "braun":
				    	image = "Twinner-Female-121.png"
				    	 code_clothes = 1;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Female-123.png"
				     code_clothes = 3;
				    	break;
				    	
				    	case "violett":
				    	image = "Twinner-Female-122.png"
				    	 code_clothes = 2;
				    	break;
				    	
				    }
				    
				    	break;
				    	
				    	
				    	
				    	case "schwarz":
				    	code_hair = 3;
				    		switch (clothes)
				    {
				    	case "braun":
				    	image = "Twinner-Female-131.png"
				    	 code_clothes = 1;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Female-133.png"
				    	 code_clothes = 3;
				    	break;
				    	
				    	case "violett":
				    	image = "Twinner-Female-132.png"
				    	 code_clothes = 1;
				    	break;
				    	
				    }
				    
				    	break;
				    	
				    	
				    }
				    
				    
				    break;
				    
				    case "schwarz":
				  code_hair = 3;
				    
				    switch (hair)
				    {
				    	case "blond":
				    		image = "populus_05_black_blond.png"
				    		code_hair = 1;
				    	break;
				    	
				    	case "schwarz":
				    	code_hair =2;
				    		image = "populus_05_black_black.png"
				    	break;
				    	
				    	
				    }
				    
				    break;
				   
				   
				   }
				   
				break;
			}
			
			
			
			break;
			
			case "rassiger":
			code_style = 2;
			switch (sex)
			{
				case "mannlich":
				   
				   code_gender = 1;
				  
				    
				    
				    switch (hair)
				    {
				    	
				    	case "blond":
				    	code_hair = 1;
				    	
				    switch (clothes)
				    {
				    	case "rot":
				    	image = "Twinner-Male-212.png"
				     code_clothes = 2;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Male-213.png"
				     code_clothes = 3;
				    	break;
				    	
				    	case "blau":
				    	image = "Twinner-Male-211.png"
				    	 code_clothes = 1;
				    	break;
				    	
				    }
				    
				    	break;
				    	
				    	case "braun":
				    	code_hair = 2;
				    	
				    	 switch (clothes)
				    {
				    	case "rot":
				    	image = "Twinner-Male-222.png"
				     code_clothes = 2;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Male-223.png"
				     code_clothes = 3;
				    	break;
				    	
				    	case "blau":
				    	image = "Twinner-Male-221.png"
				    	 code_clothes = 1;
				    	break;
				    	
				    	
				    }
				    	
				    	
				    	break;
				    	
				    	
				    	case "schwarz":
				    code_hair = 3;
				    	
				    	 switch (clothes)
				    {
				    	case "rot":
				    	image = "Twinner-Male-232.png"
				    	 code_clothes = 2;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Male-233.png"
				    	 code_clothes = 3;
				    	break;
				    	
				    	case "blau":
				    	image = "Twinner-Male-231.png"
				    	 code_clothes = 1;
				    	break;
				    	
				    	
				    }
				    	
				    	
				    	break;
				    	
				    }
				    	
				   
				    
				  
				
				break;
				
				
				case "weiblich":
				  code_gender = 2; 
				    
				    
				    switch (hair)
				    {
				    	
				    	case "blond":
				    	code_hair = 1;
				    
				    	switch (clothes)
				    {
				    	case "braun":
				    	image = "Twinner-Female-211.png"
				    	 code_clothes = 1;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Female-213.png"
				    	 code_clothes = 3;
				    	break;
				    	
				    	case "violett":
				    	image = "Twinner-Female-212.png"
				    	 code_clothes = 2;
				    	break;
				    	
				    }
				    		
				    	break;
				    	
				    	case "braun":
				    		code_hair = 2;
				    		switch (clothes)
				    {
				    	case "braun":
				    	image = "Twinner-Female-221.png"
				    	 code_clothes = 1;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Female-223.png"
				    	 code_clothes = 3;
				    	break;
				    	
				    	case "violett":
				    	image = "Twinner-Female-222.png"
				    	 code_clothes = 2;
				    	break;
				    	
				    }
				    
				    	break;
				    	
				    	
				    	
				    	case "schwarz":
				    		code_hair = 3;
				    		switch (clothes)
				    {
				    	case "braun":
				    	image = "Twinner-Female-231.png"
				    	 code_clothes = 1;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Female-233.png"
				    	 code_clothes = 3;
				    	break;
				    	
				    	case "violett":
				    	image = "Twinner-Female-232.png"
				    	 code_clothes = 2;
				    	break;
				    	
				    }
				    
				    	break;
				    	
				    	
				    }
				    
				    
				    
			
			break;
			}
			
			
			
			
			break;
			
			case "flintstone":
			image = "populus_06.png";
			break;
			
			case "modern":
			code_style = 3;
			switch (sex)
			{
				case "mannlich":
				  code_gender = 1; 
				   
				  
				    
				    
				    switch (hair)
				    {
				    	
				    	case "blond":
				    	code_hair = 1;
				    	
				    switch (clothes)
				    {
				    	case "rot":
				    	image = "Twinner-Male-312.png"
				   	     code_clothes = 2;
		
		
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Male-313.png"
				    code_clothes = 3;
				    	break;
				    	
				    	case "blau":
				    	image = "Twinner-Male-311.png"
				    	code_clothes = 1;
				    	break;
				    	
				    }
				    
				    	break;
				    	
				    	case "braun":
				    	
				    	code_hair = 2;
				    	 switch (clothes)
				    {
				    	case "rot":
				    	image = "Twinner-Male-322.png"
				    code_clothes = 2;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Male-323.png"
				    code_clothes = 3;
				    	break;
				    	
				    	case "blau":
				    	image = "Twinner-Male-321.png"
				    	code_clothes = 1;
				    	break;
				    	
				    	
				    }
				    	
				    	
				    	break;
				    	
				    	
				    	case "schwarz":
				    code_hair = 3;
				    	
				    	 switch (clothes)
				    {
				    	case "rot":
				    	image = "Twinner-Male-332.png"
				    	code_clothes = 2;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Male-333.png"
				    	code_clothes = 3;
				    	break;
				    	
				    	case "blau":
				    	image = "Twinner-Male-331.png"
				    	code_clothes = 1;
				    	break;
				    	
				    	
				    }
				    	
				    	
				    	break;
				    	
				    }
				    	
				   
				    
				  
				
				break;
				
				
				case "weiblich":
				   
				    code_gender = 2;
				    
				    switch (hair)
				    {
				    	
				    	case "blond":
				    	code_hair = 1;
				    
				    	switch (clothes)
				    {
				    	case "braun":
				    	image = "Twinner-Female-311.png"
				    	code_clothes = 1;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Female-313.png"
				    	code_clothes = 3;
				    	break;
				    	
				    	case "violett":
				    	image = "Twinner-Female-312.png"
				    	code_clothes = 2;
				    	break;
				    	
				    }
				    		
				    	break;
				    	
				    	case "braun":
				    		code_hair = 2;
				    		switch (clothes)
				    {
				    	case "braun":
				    	image = "Twinner-Female-321.png"
				    	code_clothes = 1;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Female-323.png"
				    	code_clothes = 3;
				    	break;
				    	
				    	case "violett":
				    	image = "Twinner-Female-322.png"
				    	code_clothes = 2;
				    	break;
				    	
				    }
				    
				    	break;
				    	
				    	
				    	
				    	case "schwarz":
				    		code_hair = 3;
				    		switch (clothes)
				    {
				    	case "braun":
				    	image = "Twinner-Female-331.png"
				    	code_clothes = 1;
				    	break;
				    	
				    	case "grun":
				    	image = "Twinner-Female-333.png"
				    	code_clothes = 3;
				    	break;
				    	
				    	case "violett":
				    	image = "Twinner-Female-332.png"
				    	code_clothes = 2;
				    	break;
				    	
				    }
				    
				    	break;
				    	
				    	
				    }
				    
				    
				    
			
			break;
			}
			
			break;
			
		}
		var img = document.createElement('img');
		img.src = path+image;
		img.setAttribute('width',238);
		img.setAttribute('height',366);
		img.setAttribute('align','center');
			document.getElementById('twinner').innerHTML = '';
		 document.getElementById('twinner').appendChild(img);
		
		var display = document.getElementById('status');
		display.innerHTML = '';
		//var code = Math.random();
		//var tmp = image.split(".");
		//var tmp2 = tmp.split("-");
		if (step_all === true) {
			display.innerHTML = '<span style="">Geben Sie diesen Code auf Ihrem Handy an den Raum mit Ihrem gew&auml;hlten avatar<br />&nbsp;<br /><span id="bigger">' +
			code_gender +
			', ' +
			code_clothes +
			', ' +
			code_hair +
			', ' +
			code_style +
			'.</span><br />';
			;
			
			display.innerHTML += '<br /><br /><br /><input type="hidden" name="avatarcode" value="' + code_gender + ',' + code_clothes + ',' + code_hair + ',' + code_style + '"<br /><br />  <br /><br /><br /><center><input style="margin-top:9px;" class="submitbuttonv" type="submit" value="      n&auml;chster Schritt -&gt;&gt;" onclick="do_this();"/></center><br />';
		}
	}
	
	function do_this()
	{
		document.forms['test'].submit();
	}
	function dropdown()
	{
		if (document.forms['test'].sex.options[document.forms['test'].sex.selectedIndex].value == null || !document.forms['test'].sex.options[document.forms['test'].sex.selectedIndex].value)
		{
			// none
		//	 clothes = document.forms['test'].clothes.options[document.forms['test'].clothes.selectedIndex].value;
		}else
			{
				if  (document.forms['test'].sex.options[document.forms['test'].sex.selectedIndex].value == "mannlich")
				{
					// male
				cor_dropdown  = document.createElement("select");
       cor_dropdown.setAttribute('name','clothes'); 
       cor_dropdown.setAttribute('id','clothes'); 
      cor_dropdown.onchange = twinners;
       var colors = new Array("blau","grun","rot");
      
       
       for (j = 0; j < 3; j++)
       {
       	cor_dropdown.options[j] = new Option( colors[j],colors[j] );

       }
       
       document.getElementById('clothesdiv').innerHTML = '';
       document.getElementById('clothesdiv').innerHTML = '<label for="clothes">Clothes:</label>';
		 document.getElementById('clothesdiv').appendChild(cor_dropdown);
				}else
					{
						// Female
							cor_dropdown  = document.createElement("select");
       cor_dropdown.setAttribute('name','clothes'); 
       cor_dropdown.setAttribute('id','clothes'); 
      cor_dropdown.onchange = twinners;
        var colors = new Array("braun","grun","violett");
        
       
       
       for (j = 0; j < 3; j++)
       {
       	cor_dropdown.options[j] = new Option( colors[j], colors[j] );

       }
       
       document.getElementById('clothesdiv').innerHTML = '';
       document.getElementById('clothesdiv').innerHTML = '<label for="clothes">Clothes:</label>';
		 document.getElementById('clothesdiv').appendChild(cor_dropdown);
					}
			}
	}
	
















	var Fat = {
	make_hex : function (r,g,b) 
	{
		r = r.toString(16); if (r.length == 1) r = '0' + r;
		g = g.toString(16); if (g.length == 1) g = '0' + g;
		b = b.toString(16); if (b.length == 1) b = '0' + b;
		return "#" + r + g + b;
	},
	fade_all : function ()
	{
		var a = document.getElementsByTagName("*");
		for (var i = 0; i < a.length; i++) 
		{
			var o = a[i];
			var r = /fade-?(\w{3,6})?/.exec(o.className);
			if (r)
			{
				if (!r[1]) r[1] = "";
				if (o.id) Fat.fade_element(o.id,null,null,"#"+r[1]);
			}
		}
	},
	fade_element : function (id, fps, duration, from, to) 
	{
		if (!fps) fps = 30;
		if (!duration) duration = 3000;
		if (!from || from=="#") from = "#FFFF33";
		if (!to) to = this.get_bgcolor(id);
		
		var frames = Math.round(fps * (duration / 1000));
		var interval = duration / frames;
		var delay = interval;
		var frame = 0;
		
		if (from.length < 7) from += from.substr(1,3);
		if (to.length < 7) to += to.substr(1,3);
		
		var rf = parseInt(from.substr(1,2),16);
		var gf = parseInt(from.substr(3,2),16);
		var bf = parseInt(from.substr(5,2),16);
		var rt = parseInt(to.substr(1,2),16);
		var gt = parseInt(to.substr(3,2),16);
		var bt = parseInt(to.substr(5,2),16);
		
		var r,g,b,h;
		while (frame < frames)
		{
			r = Math.floor(rf * ((frames-frame)/frames) + rt * (frame/frames));
			g = Math.floor(gf * ((frames-frame)/frames) + gt * (frame/frames));
			b = Math.floor(bf * ((frames-frame)/frames) + bt * (frame/frames));
			h = this.make_hex(r,g,b);
		
			setTimeout("Fat.set_bgcolor('"+id+"','"+h+"')", delay);

			frame++;
			delay = interval * frame; 
		}
		setTimeout("Fat.set_bgcolor('"+id+"','"+to+"')", delay);
		delay = 0;
		duration = 0;
	},
	set_bgcolor : function (id, c)
	{
		var o = document.getElementById(id);
		o.style.backgroundColor = c;
	},
	get_bgcolor : function (id)
	{
		var o = document.getElementById(id);
		while(o)
		{
			var c;
			if (window.getComputedStyle) c = window.getComputedStyle(o,null).getPropertyValue("background-color");
			if (o.currentStyle) c = o.currentStyle.backgroundColor;
			if ((c != "" && c != "transparent") || o.tagName == "BODY") { break; }
			o = o.parentNode;
		}
		if (c == undefined || c == "" || c == "transparent") c = "#FFFFFF";
		var rgb = c.match(/rgb\s*\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/);
		if (rgb) c = this.make_hex(parseInt(rgb[1]),parseInt(rgb[2]),parseInt(rgb[3]));
		return c;
	}
}

	
	
	
	/*
	 *  Ajax request for checking username
	 *  
	 */
	
	  function getXmlHttpRequestObject() {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		alert("Your Browser Sucks!\nIt's about time to upgrade don't you think?");
	}
}
function checkfirstname(v){
	pobreq = getXmlHttpRequestObject();
	
	if (pobreq.readyState == 4 || pobreq.readyState == 0) {
		pobreq.open("GET", 'checkusername.php?firstname=' + encodeURIComponent(v), true);
		
		pobreq.onreadystatechange = function(){
		
			if (pobreq.readyState == 4 && pobreq.status == 200) {
				
				var result = pobreq.responseText.split("|");
				
				if (parseInt(result[0]) == 1) {
					document.getElementById('firstname_status').innerHTML = '';
					document.getElementById('firstname_status').innerHTML = '&nbsp;<img src="images/ok.png" style="width:16px;height:16px;" />';
					                                                       
				document.getElementById('firstname').className = '';
				document.getElementById('firstname').style.border = '1px solid #025523';
				document.getElementById('firstname').style.backgroundColor = '#b7f58d';
			//	rerrors--;
				}
				else {
					document.getElementById('firstname_status').innerHTML = '';
					document.getElementById('firstname_status').innerHTML = '&nbsp;<img src="images/alert.png" style="width:16px;height:16px;"/>'
					+ '<span class="reg_error">' + result[1] + '</span>';
					
					
					document.getElementById('firstname').className = 'user_error';
		//		rerrors++;
			//	document.getElementById('username').style.border = '1px solid red';
				//document.getElementById('username').style.backgroundColor = '#e8b0ba';
				}
				
			}
		}
		pobreq.send(null);
		
		return false;
		
		
	}
	
}function checklastname(v){
	pobreq = getXmlHttpRequestObject();
	
	if (pobreq.readyState == 4 || pobreq.readyState == 0) {
		pobreq.open("GET", 'checkusername.php?lastname=' + encodeURIComponent(v), true);
		
		pobreq.onreadystatechange = function(){
		
			if (pobreq.readyState == 4 && pobreq.status == 200) {
				
				var result = pobreq.responseText.split("|");
				
				if (parseInt(result[0]) == 1) {
					document.getElementById('lastname_status').innerHTML = '';
					document.getElementById('lastname_status').innerHTML = '&nbsp;<img src="images/ok.png" style="width:16px;height:16px;" />';
					                                                       
				document.getElementById('lastname').className = '';
				document.getElementById('lastname').style.border = '1px solid #025523';
				document.getElementById('lastname').style.backgroundColor = '#b7f58d';
			//	rerrors--;
				}
				else {
					document.getElementById('lastname_status').innerHTML = '';
					document.getElementById('lastname_status').innerHTML = '&nbsp;<img src="images/alert.png" style="width:16px;height:16px;"/>'
					+ '<span class="reg_error">' + result[1] + '</span>';
					
					
					document.getElementById('lastname').className = 'user_error';
		//		rerrors++;
			//	document.getElementById('username').style.border = '1px solid red';
				//document.getElementById('username').style.backgroundColor = '#e8b0ba';
				}
				
			}
		}
		pobreq.send(null);
		
		return false;
		
		
	}
	
}
function checkusername(v){
	pobreq = getXmlHttpRequestObject();
	
	if (pobreq.readyState == 4 || pobreq.readyState == 0) {
		pobreq.open("GET", 'checkusername.php?username=' + encodeURIComponent(v), true);
		
		pobreq.onreadystatechange = function(){
		
			if (pobreq.readyState == 4 && pobreq.status == 200) {
				
				var result = pobreq.responseText.split("|");
				
				if (parseInt(result[0]) == 1) {
					document.getElementById('username_status').innerHTML = '';
					document.getElementById('username_status').innerHTML = '&nbsp;<img src="images/ok.png" style="width:16px;height:16px;" />';
					                                                       
				document.getElementById('username').className = '';
				document.getElementById('username').style.border = '1px solid #025523';
				document.getElementById('username').style.backgroundColor = '#b7f58d';
				rerrors--;
				}
				else {
					document.getElementById('username_status').innerHTML = '';
					document.getElementById('username_status').innerHTML = '&nbsp;<img src="images/alert.png" style="width:16px;height:16px;"/>'
					+ '<span class="reg_error">' + result[1] + '</span>';
					
					
					document.getElementById('username').className = 'user_error';
				rerrors++;
			//	document.getElementById('username').style.border = '1px solid red';
				//document.getElementById('username').style.backgroundColor = '#e8b0ba';
				}
				
			}
		}
		pobreq.send(null);
		
		return false;
		
		
	}
	
}
function checkemail(v){
	pobreq = getXmlHttpRequestObject();
	
	if (pobreq.readyState == 4 || pobreq.readyState == 0) {
		pobreq.open("GET", 'checkusername.php?email=' + encodeURIComponent(v), true);
		
		pobreq.onreadystatechange = function(){
		
			if (pobreq.readyState == 4 && pobreq.status == 200) {
				
				var result = pobreq.responseText.split("|");
				
				if (parseInt(result[0]) == 1) {
					document.getElementById('email_status').innerHTML = '';
					document.getElementById('email_status').innerHTML = '<img src="images/ok.png" style="width:16px;height:16px;" />';
					                                                       
				document.getElementById('email').className = '';
				document.getElementById('email').style.border = '1px solid #025523';
				document.getElementById('email').style.backgroundColor = '#b7f58d';
				rerrors--;
				}
				else {
					document.getElementById('email_status').innerHTML = '';
					document.getElementById('email_status').innerHTML = '<img src="images/alert.png" style="width:16px;height:16px;"/>'
					+ '<span class="reg_error">' + result[1] + '</span>';
					
					rerrors++;
					document.getElementById('email').className = 'user_error';
				
			//	document.getElementById('username').style.border = '1px solid red';
				//document.getElementById('username').style.backgroundColor = '#e8b0ba';
				}
				
			}
		}
		pobreq.send(null);
		
		return false;
		
		
	}
	
}

function checkphone(v){
	pobreq = getXmlHttpRequestObject();
	
	if (pobreq.readyState == 4 || pobreq.readyState == 0) {
		pobreq.open("GET", 'checkusername.php?phone=' + encodeURIComponent(v), true);
		
		pobreq.onreadystatechange = function(){
		
			if (pobreq.readyState == 4 && pobreq.status == 200) {
				
				var result = pobreq.responseText.split("|");
				
				if (parseInt(result[0]) == 1) {
					document.getElementById('phone_status').innerHTML = '';
					document.getElementById('phone_status').innerHTML = '&nbsp;<img src="images/ok.png" style="width:16px;height:16px;" />';
					                                                       
				document.getElementById('phone').className = '';
				document.getElementById('phone').style.border = '1px solid #025523';
				document.getElementById('phone').style.backgroundColor = '#b7f58d';
			//	rerrors--;
				}
				else {
					document.getElementById('phone_status').innerHTML = '';
					document.getElementById('phone_status').innerHTML = '&nbsp;<img src="images/alert.png" style="width:16px;height:16px;"/>'
					+ '<span class="reg_error">' + result[1] + '</span>';
					
					
					document.getElementById('phone').className = 'user_error';
		//		rerrors++;
			//	document.getElementById('username').style.border = '1px solid red';
				//document.getElementById('username').style.backgroundColor = '#e8b0ba';
				}
				
			}
		}
		pobreq.send(null);
		
		return false;
		
		
	}
	
}
function LanguageBox()
{
	
	var box = document.createElement("div");
	box.setAttribute("id","langbox");
	box.onclick = function()
	{
		if (document.getElementById('langbox')) {
			document.body.removeChild(box);
		}
		
	}
	document.body.appendChild(box);
	
}



	window.onload = function()
	{
		//dropdown;
		if (document.getElementById('username') && document.getElementById('email')) {
			document.getElementById('username').focus();
			if (document.getElementById('email').value) {
				//checkusername(document.getElementById('email').value);
			}
			if (document.getElementById('username').value) {
				//checkemail(document.getElementById('username').value)
			}
			
		}
		
        preloader;
		
	}