var nbTissu = 1;
var nbFil = 1;
var totalTissu = 5;
var totalFil = 15;
var selected="";

function addTissu(quoi)
{
	if (nbTissu<=totalTissu)
	{
		thesame=false;
		for(var i=1; i<nbTissu; i++){
			if(quoi.src==document.getElementById("tissu"+i).src){
				alert("You cannot add the same color twice.")
				thesame=true;
			}
		}
		if(thesame==false){
			document.getElementById("tissu"+nbTissu).src = quoi.src;
			nbTissu++;
		}
	}
	else
	{
	    alert("You cannot add any fabric colours anymore because you have reached the limit ("+totalTissu+").");
	}
}
function addFil(quoi)
{
	if (nbFil<=totalFil)
	{
		thesame=false;
		for(var i=1; i<nbFil; i++){
			if(quoi.src==document.getElementById("fil"+i).src){
				alert("You cannot add the same color twice.")
				thesame=true;
			}
		}
		if(thesame==false){
			document.getElementById("fil"+nbFil).src = quoi.src;
			nbFil++;
		}
	}
	else
	{
	    alert("You cannot add any thread colours anymore because you have reached the limit ("+totalFil+").");
	}
}

function eraseAll()
{
    resetBordersTissu();
	nbTissu=1;
	for (i=1; i<=totalTissu; i++)
	{
		document.getElementById("tissu"+i).src = "images/empty.gif";
	}
}
function eraseAllFil()
{
    resetBordersFil();
	nbFil=1;
	for (i=1; i<=totalFil; i++)
	{
		document.getElementById("fil"+i).src = "images/empty.gif";
	}
}

function highlightTissu(quel)
{
	var filename = document.getElementById("tissu"+(quel)).src;
	filename = filename.split("/");
	filename = filename[filename.length-1];
	if (filename!="empty.gif")
	{
	    resetBordersTissu();
	    selected = quel;
	    document.getElementById("tissu"+quel).style.border="double #000000";
    }
}
function highlightFil(quel)
{
	var filename = document.getElementById("fil"+(quel)).src;
	filename = filename.split("/");
	filename = filename[filename.length-1];
	if (filename!="empty.gif")
	{
	    resetBordersFil();
	    selected = quel;
	    document.getElementById("fil"+quel).style.border="double #000000";
    }
}

function resetBordersTissu()
{
    for (i=1; i<=totalTissu; i++)
    {
        document.getElementById("tissu"+i).style.border="0px";
    }
}
function resetBordersFil()
{
    for (i=1; i<=totalFil; i++)
    {
        document.getElementById("fil"+i).style.border="0px";
    }
}

function eraseSelected()
{
    if (selected!="")
    {
        resetBordersTissu();
	    var filename = document.getElementById("tissu"+selected).src;
	    filename = filename.split("/");
	    finename = filename[filename.length-1];
    	
	    if (finename!="empty.gif")
	    {
		    if (nbTissu>totalTissu)
		    {
			    nbTissu-=1;
		    }
		    else
		    {
			    nbTissu--;
		    }
		    document.getElementById("tissu"+selected).src="images/empty.gif";
		    collapseTissu();
	    }
	}
}
function eraseSelectedFil()
{
    if (selected!="")
    {
        resetBordersFil();
	    var filename = document.getElementById("fil"+selected).src;
	    filename = filename.split("/");
	    finename = filename[filename.length-1];
    	
	    if (finename!="empty.gif")
	    {
		    if (nbFil>totalFil)
		    {
			    nbFil-=1;
		    }
		    else
		    {
			    nbFil--;
		    }
		    document.getElementById("fil"+selected).src="images/empty.gif";
		    collapseFil();
	    }
	}
}

function collapseTissu()
{
	for (i=selected; i<totalTissu; i++)
	{
		filename = document.getElementById("tissu"+(i+1)).src;
		filename = filename.split("/");
		filename = filename[filename.length-1];
		if (filename!="images/empty.gif")
		{
			document.getElementById("tissu"+i).src = document.getElementById("tissu"+(i+1)).src;
			document.getElementById("tissu"+(i+1)).src="images/empty.gif";
		}
	}
	selected=""
}
function collapseFil()
{
	for (i=selected; i<totalFil; i++)
	{
		filename = document.getElementById("fil"+(i+1)).src;
		filename = filename.split("/");
		filename = filename[filename.length-1];
		if (filename!="images/empty.gif")
		{
			document.getElementById("fil"+i).src = document.getElementById("fil"+(i+1)).src;
			document.getElementById("fil"+(i+1)).src="images/empty.gif";
		}
	}
	selected=""
}

function refreshEmailHTML()
{
    var contentTissu = document.getElementById("choixTissu").innerHTML;
    var contentFil = document.getElementById("choixFil").innerHTML;

    document.getElementById("hidTissu").value = contentTissu;
    document.getElementById("hidFil").value = contentFil;
}

function ouvreBoite()
{
    $("#box").fadeIn("slow");
}
function fermeBoite()
{
    $("#box").fadeOut("slow");
}