var ankle = "ankle_1";
var back1 = "back1_1";
var back2 = "back2_1";
var base = "base_1";
var corn = "corn_1";
var head = "head_1";
var hair = "hair_1";
var neck = "neck_1";
var rump = "rump_1";
var saddle = "saddle_1";
var tailacces = "tailacces_1";
var tail = "tail_1";
var wings = "wings_1";
var wrist = "wrist_1";


function multiTab(tabId) {
	tabLienId = new Array('_0','_1','_2');
	intNbLientab = new Number(tabLienId.length);
	arrClassLien = new Array('visible','cache');
	strContent = new String()
	for (i=0; i<intNbLientab; i++) {
		strContent = "dmmenu"+tabLienId[i];
		if ( tabLienId[i] == tabId ) {
			document.getElementById(tabLienId[i]).className = arrClassLien[0];
			document.getElementById(strContent).className = 'on content';
		} else {
			document.getElementById(tabLienId[i]).className = arrClassLien[1];
			document.getElementById(strContent).className = 'off content';
		}
	}	
}
var fharray = new Array(35);
for (a=0;a<=35;a++){fharray[a]=0;}
fharray[32]="images/fhmaker/hair/hair_1_1_front.png";
fharray[12]="images/fhmaker/tail/tail_1_1.png";
fharray[8]="images/fhmaker/base/base_1_1.png";
fharray[9]="images/fhmaker/hair/hair_1_1_back.png";



function additem(place,type,nbre,color,layers)
{
var newimgitem = 'images/fhmaker/'+type+'/'+type+'_'+nbre+'_'+color+'.png';
var frontitem = 'images/fhmaker/'+type+'/'+type+'_'+nbre+'_'+color+'_front.png';
var backitem = 'images/fhmaker/'+type+'/'+type+'_'+nbre+'_'+color+'_back.png';

switch(type){
	case "ankle" : ankle = "ankle_"+nbre; var pos=20; break;
	case "back1" : back1 = "back1_"+nbre; var pos=24; break;
	case "back2" : back2 = "back2_"+nbre; var pos=22; break;
	case "base" : base = "base_"+nbre; var pos=8; break;
	case "corn" : corn = "corn_"+nbre; var pos=30; break;
	case "head" : head = "head_"+nbre; var pos=34; break;
	case "hair" : hair = "hair_"+nbre; var pos1=32; var pos2=9; break;
	case "neck" : neck = "neck_"+nbre; var pos1=28; var pos2=6; break;
	case "rump" : rump = "rump_"+nbre; var pos=10; break;
	case "saddle" : saddle = "saddle_"+nbre; var pos1=26; var pos2=14; break;
	case "tailacces" : tailacces = "tailacces_"+nbre; var pos=25; break;
	case "tail" : tail = "tail_"+nbre; var pos=12; break;
	case "wings" : wings = "wings_"+nbre; var pos1=16; var pos2=2; break;
	case "wrist" : wrist = "wrist_"+nbre; var pos=18; break;
	default: break;}

	if(layers==2 && (!document.getElementById("div"+place+"_front") && !document.getElementById("div"+place+"_back")))
		{
		var newitem1 = document.createElement("div");

		var nomdiv1 = "div"+place+"_front";
		newitem1.setAttribute("id",nomdiv1);

		var imgitem1 = new Image();
		imgitem1.src = frontitem;
		imgitem1.className = 'item'+place+'_front';
		newitem1.appendChild(imgitem1);
		
		var newitem2 = document.createElement("div");

		var nomdiv2 = "div"+place+"_back";
		newitem2.setAttribute("id",nomdiv2);

		var imgitem2 = new Image();
		imgitem2.src = backitem;
		imgitem2.className = 'item'+place+'_back';
		newitem2.appendChild(imgitem2);

		var divref = document.getElementById("div_reference");
		divref.appendChild(newitem1);
		divref.appendChild(newitem2);

		

		var nominput1 = "item"+type+"_front";
		var idinput1 = "id"+type+"_front";
		var keyimg1 = pos1;
		fharray[keyimg1] = frontitem;
		
				
		var nominput2 = "item"+type+"_back";
		var idinput2 = "id"+type+"_back";
		var keyimg2 = pos2;
		fharray[keyimg2] = backitem;
		
		
		}
	else if	(layers==2 && !(curimg1 == frontitem) && !(curimg2 == backitem))
		{
		
			var curimg1 = document.getElementById("div"+place+"_front").lastChild.src;
			var curimg2 = document.getElementById("div"+place+"_back").lastChild.src;
			
			var imgitem1 = new Image();
			imgitem1.src = frontitem;
			imgitem1.className = 'item'+place+'_front';
			document.getElementById("div"+place+"_front").replaceChild(imgitem1, document.getElementById("div"+place+"_front").lastChild);
			var keyimg1 = pos1;
			fharray[keyimg1] = frontitem;
		
			
			var imgitem2 = new Image();
			imgitem2.src = backitem;
			imgitem2.className = 'item'+place+'_back';
			document.getElementById("div"+place+"_back").replaceChild(imgitem2, document.getElementById("div"+place+"_back").lastChild);
			var keyimg2 = pos2;
			
			fharray[keyimg2] = backitem;
			
		}
	else if(!document.getElementById("div"+place))
		{
		
		var newitem = document.createElement("div");

		var nomdiv = "div"+place;
		newitem.setAttribute("id",nomdiv);

		var imgitem = new Image();
		imgitem.src = newimgitem;
		imgitem.className = 'item'+place;
		newitem.appendChild(imgitem);

		var divref = document.getElementById("div_reference");
		divref.appendChild(newitem);


		var nominput = "item"+type;
		var idinput = "id"+type;
		var keyimg = pos;
		fharray[keyimg] = newimgitem;
		
		
		}
		
	
else if(!(curimg == newimgitem))
		{
		var curimg = document.getElementById("div"+place).lastChild.src;
		var imgitem = new Image();
		imgitem.src = newimgitem;
		imgitem.className = 'item'+place;
		document.getElementById("div"+place).replaceChild(imgitem, document.getElementById("div"+place).lastChild);
		var keyimg = pos;
		fharray[keyimg] = newimgitem;
		
		
		}
	document.getElementById("formfhmaker").fhtable_value.value = fharray.join(",");
	}


function delitem(place,type,layers)
{
switch(type){
	case "ankle" : var pos=20; break;
	case "back1" : var pos=24; break;
	case "back2" : var pos=22; break;
	case "corn" : var pos=30; break;
	case "head" : var pos=34; break;
	case "neck" : var pos1=28; var pos2=6; break;
	case "rump" : var pos=10; break;
	case "saddle" : var pos1=26; var pos2=14; break;
	case "tailacces" : var pos=25; break;
	case "wings" : var pos1=16; var pos2=2; break;
	case "wrist" : var pos=18; break;
	default: break;}


	if(layers==2)
		{
		var nomdiv1 = "div"+place+"_front";
	
		document.getElementById(nomdiv1).parentNode.removeChild(document.getElementById(nomdiv1));

		var keyimg1 = pos1;
		fharray[keyimg1] = 0;
		
		var nomdiv2 = "div"+place+"_back";
	
		document.getElementById(nomdiv2).parentNode.removeChild(document.getElementById(nomdiv2));

		var keyimg2 = pos2;
		fharray[keyimg2] = 0;
		}
	else
		{
		var nomdiv = "div"+place;
	
		document.getElementById(nomdiv).parentNode.removeChild(document.getElementById(nomdiv));

		var keyimg = pos;
		fharray[keyimg] = 0;
		}
	document.getElementById("formfhmaker").fhtable_value.value = fharray.join(",");	
}

function changecolor(place,type,color,layers)
{

	switch(type){
					case "ankle" : var colobj = ankle+'_'+color; var posi=20; break;
					case "back1" : var colobj = back1+'_'+color; var posi=24; break;
					case "back2" : var colobj = back2+'_'+color; var posi=22; break;
					case "base" : var colobj = base+'_'+color; var posi=8; break;
					case "corn" : var colobj = corn+'_'+color; var posi=30; break;
					case "head" : var colobj = head+'_'+color; var posi=34; break;
					case "hair" : var colobj = hair+'_'+color; var posi1=32; var posi2=9; break;
					case "neck" : var colobj = neck+'_'+color; var posi1=28; var posi2=6; break;
					case "rump" : var colobj = rump+'_'+color; var posi=10; break;
					case "saddle" : var colobj = saddle+'_'+color; var posi1=26; var posi2=14; break;
					case "tailacces" : var colobj = tailacces+'_'+color; var posi=25; break;
					case "tail" : var colobj = tail+'_'+color; var posi=12; break;
					case "wings" : var colobj = wings+'_'+color; var posi1=16; var posi2=2; break;
					case "wrist" : var colobj = wrist+'_'+color; var posi=18; break;
					default: break;
				}

		if(layers==2)
			{	
			var frontimg = 'images/fhmaker/'+type+'/'+colobj+'_front.png';
			var backimg = 'images/fhmaker/'+type+'/'+colobj+'_back.png';
			
			
			var imgitem1 = new Image();
			imgitem1.src = frontimg;
			imgitem1.className = 'item'+place+'_front';
			document.getElementById("div"+place+"_front").replaceChild(imgitem1, document.getElementById("div"+place+"_front").lastChild);
			var keypos1 = posi1;
			fharray[keypos1] = frontimg;
			
			var imgitem2 = new Image();
			imgitem2.src = backimg;
			imgitem2.className = 'item'+place+'_back';
			document.getElementById("div"+place+"_back").replaceChild(imgitem2, document.getElementById("div"+place+"_back").lastChild);
			var keypos2 = posi2;
			fharray[keypos2] = backimg;
			}
	else
		{
		var imgchange = 'images/fhmaker/'+type+'/'+colobj+'.png';

		var idinput = "id"+type;
		var nomdiv = "div"+place;
	
			var imgitem = new Image();
			imgitem.src = imgchange;
			imgitem.className = 'item'+place;
			document.getElementById("div"+place).replaceChild(imgitem, document.getElementById("div"+place).lastChild);
			var keypos = posi;
			fharray[keypos] = imgchange;
		
			}
		document.getElementById("formfhmaker").fhtable_value.value = fharray.join(",");
			
		}