function format(choix)
{
	f = document.getElementById('format');
	f.src=choix;
	p = document.getElementById('preview');
	if(choix=='img/portrait.png')
		p.className='formatPortrait'
	else
		p.className='formatPaysage'
	updatePreview();
}

function updatePreview()
{
	var p = document.getElementById('preview');
	var m = document.getElementById('motif');
	var fl = document.getElementById('fl');
	var sl = document.getElementById('sl');
	var a1 = document.getElementById('a1').value;
	var a2 = document.getElementById('a2').value;
	var sx = document.getElementById('sx').value;
	var sy = document.getElementById('sy').value;
	var pdf = document.getElementById('pdf');
	c = document.getElementById('textColor').style.backgroundColor;
	if(p.className=='formatPortrait')
	{
		p.src="getImage.php?format=formatPortrait&image="+m.src+"&fl="
		+fl.value+"&sl="+sl.value+"&c="+escape(c)
		+"&a1="+a1+"&a2="+a2+"&sx="+sx+"&sy="+sy;
		pdf.href=p.src+"&pdf=true";
	}
	else
	{
		p.src="getImage.php?format=formatPaysage&image="+m.src+"&fl="
		+fl.value+"&sl="+sl.value+"&c="+escape(c)
		+"&a1="+a1+"&a2="+a2+"&sx="+sx+"&sy="+sy;
		pdf.href=p.src+"&pdf=true";
	}
}

function start()
{
	t = document.getElementById('colorPicker');
	liens = t.getElementsByTagName('a');
	for(var i=0;i<liens.length;i++)
	{
		liens.item(i).onclick=displayColor;
	}
	t = document.getElementById('motifs');
	liens = t.getElementsByTagName('a');
	for(var i=0;i<liens.length;i++)
	{
		liens.item(i).onclick=displayMotif;
	}
	updatePreview();
}

function displayColor()
{
	ct = document.getElementById('textColor');
	ct.style.backgroundColor=this.style.backgroundColor;
	updatePreview();
}

function displayMotif()
{
	m = document.getElementById('motif');
	m.src=this.firstChild.firstChild.src;
	updatePreview();
}

window.onload=start;