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');
	var c = document.getElementById('textColor').style.backgroundColor;
	var cm1 = document.getElementById('cm1').style.backgroundColor;
	var cm2 = document.getElementById('cm2').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+"&cm1="+escape(cm1)+"&cm2="+escape(cm2);
		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+"&cm1="+escape(cm1)+"&cm2="+escape(cm2);
		pdf.href=p.src+"&pdf=true";
	}
}

function start()
{
	ts = document.getElementsByTagName('table');
	for(var j=0;j<ts.length;j++)
	{
		liens = ts.item(j).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()
{
	table = this.parentNode.parentNode.parentNode.parentNode;
	table.className='colorPicker';
	table.parentNode.firstChild.style.backgroundColor=this.style.backgroundColor;
	updatePreview();
	return false;
}

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

window.onload=start;