function valider()
	{
		if(
			document.getElementById("TYPE").value != "" &&
			document.getElementById("COLOR").value != "" &&
			document.getElementById("NUMERO").value != ""
		)
		{ 
		document.getElementById("SIL_XPOS").value = dd.elements.coiffure.x - dd.elements.imageOriginale.defx;
		document.getElementById("SIL_YPOS").value = dd.elements.coiffure.y - dd.elements.imageOriginale.defy;
		document.getElementById("SIL_WIDTH").value = dd.elements.coiffure.w;
		document.getElementById("SIL_HEIGHT").value = dd.elements.coiffure.h;
	
		document.getElementById("CmdPhoto").click();
		} else {
		alert("Vous devez placer une coiffure sur votre photo avant de valider");
		}
					
	}
		
function my_DragFunc()
{
    if (dd.obj == rb)
    {
        coiffure.resizeTo(rb.x-lb.x, rb.y-rt.y);
    }
    else if (dd.obj == rt)
    {
        coiffure.resizeTo(rt.x-lt.x, rb.y-rt.y);
        coiffure.moveTo(rt.x-coiffure.w+rt.w/2, rt.y+rt.h/2);
    }
    else if (dd.obj == lb)
    {
        coiffure.moveTo(lb.x+lb.w/2, lt.y+lt.h/2);
        coiffure.resizeTo(rb.x-lb.x, lb.y-lt.y);
    }
    else if (dd.obj == lt)
    {
        coiffure.moveTo(lt.x+lt.w/2, lt.y+lt.h/2);
        coiffure.resizeTo(rt.x-lt.x, lb.y-lt.y);
    }
    moveGripsToCorners();
}

function showAll()
{
	coiffure.show();
    moveGripsToCorners();
    var i = 4; while(i--)
    {
        grips[i].setZ(coiffure.z+1);
        grips[i].show();
    }
}

function moveGripsToCorners()
{
    lt.moveTo(coiffure.x-lt.w/2, coiffure.y-lt.h/2);
    rt.moveTo(coiffure.x+coiffure.w-lt.w/2, coiffure.y-lt.h/2);
    rb.moveTo(coiffure.x+coiffure.w-lt.w/2, coiffure.y+coiffure.h-lt.h/2);
    lb.moveTo(coiffure.x-lt.w/2, coiffure.y+coiffure.h-lt.h/2);
}

function swapSrc()
{
	if(
		document.getElementById("TYPE").value != "" &&
		document.getElementById("COLOR").value != "" &&
		document.getElementById("NUMERO").value != ""
	) 
	{
		coiffure.swapImage("images/" + document.getElementById("TYPE").value + "/" + document.getElementById("COLOR").value + document.getElementById("NUMERO").value + ".gif");
		showAll();
	}
}

function swapColor(color)
{
	document.getElementById("COLOR").value = color;
	swapSrc();
	
}

function changeSrc(type,numero)
{
	document.getElementById("TYPE").value = type;
	document.getElementById("NUMERO").value = numero;
	
	swapSrc();
	coiffure.setZ(dd.elements.imageOriginale.z+1);
	if (coiffure.w == 0)
	{
		coiffure.moveTo(dd.elements.imageOriginale.defx,dd.elements.imageOriginale.defy);
		coiffure.resizeTo(200,200);
		showAll();
	
	}
	
	
}

function liste(type)
{
	var tableau;	
	
	document.miniCourt.src = "images/miniCourt.gif";
	document.miniMiLong.src = "images/miniMiLong.gif";
	document.miniLong.src = "images/miniLong.gif";
		
	switch (type)
	{
	case 'C':
		document.miniCourt.src = "images/miniCourtS.gif";
		tableau = C.split(";");
	break;
	case 'M':
		document.miniMiLong.src = "images/miniMiLongS.gif";
		tableau = M.split(";");
	break;
	case 'L':
		document.miniLong.src = "images/miniLongS.gif";
		tableau = L.split(";");
	break;
	default:
		document.miniCourt.src = "images/miniCourtS.gif";
		type= 'C';
		tableau = C.split(";");
	break;
	}
	
	var result = "<div style ='width:" + (70 * tableau.length) + "px;height=100px'>";
		
	for (var i=0; i<tableau.length; i++) {
		result = result  + "<div class='floatleft' onclick='changeSrc(\"" +  type +"\"," + tableau[i] + " );'>"
		result = result  +  
		 "<img src='images/" + type + "/X" + tableau[i] + "S.gif' width=70 height=100 border=0  style='cursor: pointer;'>"
		result = result  +  "</div>";
	}
	result = result +"</div>";
	document.getElementById("conteneur").innerHTML = result;
	}

function preChargement()
{
	if(
		document.getElementById("TYPE").value != "" &&
		document.getElementById("COLOR").value != "" &&
		document.getElementById("NUMERO").value != ""
	)
	{
		var xOffset = parseInt(dd.elements.imageOriginale.x,10) + parseInt(document.getElementById("SIL_XPOS").value,10);
		var yOffset = parseInt(dd.elements.imageOriginale.y,10) + parseInt(document.getElementById("SIL_YPOS").value,10);
						
		var iWidth = parseInt(document.getElementById("SIL_WIDTH").value,10);
		var iHeight = parseInt(document.getElementById("SIL_HEIGHT").value,10);
						
		coiffure.moveTo(xOffset,yOffset);
		coiffure.resizeTo(iWidth, iHeight);
		moveGripsToCorners();
		swapSrc();
	} else {
		if (document.getElementById("TYPE").value == "")
		{
			document.getElementById("TYPE").value = "C";
		}
		
		if (document.getElementById("NUMERO").value == "")
		{
			document.getElementById("NUMERO").value = 1;
		} 
		
		if (document.getElementById("COLOR").value == "") 
		{
			document.getElementById("COLOR").value = "N";
		}	
	}

}