var aanroepbaar = true;

// toon een layer van de teksteditor
function showatt(a) {
	
	for (b = 1; b < 5; b += 1) {
		
  		if (a == b) {
  			// layer tonen
   			document.getElementById("att"+b).style.display = "block";
   			document.getElementById("td_regel"+b).style.backgroundColor = "#cbcbcb";
   			document.getElementById("td_regel"+b).style.borderBottom = "none";
		}
  		else
  		{
  			// layer verbergen
   			document.getElementById("att"+b).style.display = "none";
   			document.getElementById("td_regel"+b).style.backgroundColor = "#FFFFFF";
   			document.getElementById("td_regel"+b).style.borderBottom = "1px #666666 solid";
  		}
  		
 	}
}

function select_font(i) {
	font_element.value = fontslist[i][1];
	value_element.value = fontslist[i][0];
	preview();
	document.getElementById('font_popup').style.display = "none";
	document.getElementById('model').style.display = "inline";
	document.getElementById('placing').style.display = "inline";
	size_element.style.display = "inline";
}

var fontslist = [];
fontslist[0] = ['ALGER.TTF','Algerian'];
fontslist[1] = ['ARIAL.TTF','Arial'];
fontslist[2] = ['ARIBLK.TTF','Arial Black'];
fontslist[3] = ['ARLRDBD.TTF','Arial Rounded'];
fontslist[4] = ['BASKVILL.TTF','Baskerville Old Face'];
fontslist[5] = ['BATAVIA_.TTF','Batavia'];
fontslist[6] = ['BAUHS93.TTF','Bauhaus 93'];
fontslist[7] = ['BOD_BLAR.TTF','Bodoni MT'];
fontslist[8] = ['BOOKOS.TTF','Boookman Old Style'];
fontslist[9] = ['BRITANIC.TTF','Britannic'];
fontslist[10] = ['BRLNSR.TTF','Berlin'];
fontslist[11] = ['BROADW.TTF','Broadway'];
fontslist[12] = ['BRUSHSCI.TTF','Brush Script'];
fontslist[13] = ['CALIBRI.TTF','Calibri'];
fontslist[14] = ['CALIST.TTF','Calisto'];
fontslist[15] = ['CASMIRA_.TTF','Casmira'];
fontslist[16] = ['CASTELAR.TTF','Castellar'];
fontslist[17] = ['CHILLER.TTF','Chiller'];
fontslist[18] = ['COMIC.TTF','Comic Sans'];
fontslist[19] = ['CONSOLA.TTF','Consolas'];
fontslist[20] = ['CORBEL.TTF','Corbel'];
fontslist[21] = ['COUR.TTF','Courier'];
fontslist[22] = ['CURLZ___.TTF','Curlz'];
fontslist[23] = ['ELEGANCE.TTF','Elegance'];
fontslist[24] = ['ELEPHNT.TTF','Elephant'];
fontslist[25] = ['ERASDEMI.TTF','Eras'];
fontslist[26] = ['EXCESS__.TTF','Excess'];
fontslist[27] = ['FORTE.TTF','Forte'];
fontslist[28] = ['FRAMD.TTF','Franklin Gothic'];
fontslist[29] = ['FREESCPT.TTF','Freestyle Script'];
fontslist[30] = ['FRSCRIPT.TTF','French Script'];
fontslist[31] = ['FTLTLT.TTF','Footlight'];
fontslist[32] = ['GEORGIA.TTF','Georgia'];
fontslist[33] = ['GIGI.TTF','Gigi'];
fontslist[34] = ['GOTHIC.TTF','Century Gothic'];
fontslist[35] = ['HARLOWSI.TTF','Harlow Solid'];
fontslist[36] = ['HERMAN__.TTF','Herman'];
fontslist[37] = ['ITCKRIST.TTF','Kristen'];
fontslist[38] = ['JOAN____.TTF','Joan'];
fontslist[39] = ['JOKERMAN.TTF','Jokerman'];
fontslist[40] = ['JUICE___.TTF','Juice'];
fontslist[41] = ['JUSTICE_.TTF','Justice'];
fontslist[42] = ['LCALLIG.TTF','Lucida Calligraphy'];
fontslist[43] = ['LHANDW.TTF','Lucida Handwriting'];
fontslist[44] = ['MATURASC.TTF','Matura Script'];
fontslist[45] = ['MISTRAL.TTF','Mistral'];
fontslist[46] = ['PAPYRUS.TTF','Papyrus'];
fontslist[47] = ['PLAYBILL.TTF','Playbill'];
fontslist[48] = ['PRETEXT_.TTF','Pretext'];
fontslist[49] = ['PUPPY___.TTF','Puppylike'];
fontslist[50] = ['RAVIE.TTF','Ravie'];
fontslist[51] = ['ROCK.TTF','Rockwell'];
fontslist[52] = ['SHOWG.TTF','Showcard Gothic'];
fontslist[53] = ['SNAP____.TTF','Snap'];
fontslist[54] = ['TEMPSITC.TTF','Tempus Sans'];
fontslist[55] = ['TIMES.TTF','Times'];
fontslist[56] = ['TRENDY__.TTF','Trendy'];
fontslist[57] = ['VERDANA.TTF','Verdana'];
fontslist[58] = ['VINERITC.TTF','Viner Hand'];
fontslist[59] = ['VIVALDII.TTF','Vivaldi'];

// laad de standaardwaarden in de formulieren
function reset()
{
	showatt('1');
	loaddefaults();

	var id = Math.round(1000*Math.random());
	document.getElementById('design_image').src = "http://www.leuketshirts.nl/tshirts/img/image.php?tekst1=hier&font1=ARLRDBD.TTF&size1=300&color1=000000&align1=left&hoek1=0&linespace1=0&tekst2=JOUW&font2=SHOWG.TTF&size2=400&color2=990033&align2=center&hoek2=337.5&linespace2=-0.5&tekst3=tekst!&font3=ARLRDBD.TTF&size3=300&color3=000000&align3=right&hoek3=0&linespace3=0&tekst4=&font4=ITCKRIST.TTF&size4=200&color4=000000&align4=center&hoek4=0&linespace4=0&model=men&side=front&placing=0&id="+id;
	document.getElementById('design_large').href = "http://www.leuketshirts.nl/tshirts/img/image.php?output=display_large&height=400&width=400&tekst1=hier&font1=ARLRDBD.TTF&size1=300&color1=000000&align1=left&hoek1=0&linespace1=0&tekst2=JOUW&font2=SHOWG.TTF&size2=400&color2=990033&align2=center&hoek2=337.5&linespace2=-0.5&tekst3=tekst!&font3=ARLRDBD.TTF&size3=300&color3=000000&align3=right&hoek3=0&linespace3=0&tekst4=&font4=ITCKRIST.TTF&size4=200&color4=000000&align4=center&hoek4=0&linespace4=0&model=men&side=front&placing=0&id="+id;

	try
	{
		myLightbox.updateImageList()
	}
	catch(e)
	{
	}
}
function resetontwerp()
{
	// bepalen of er tekst of een afbeelding is
	if(document.getElementById("tekst1"))
	{
		// volledige reset
		reset()
	}
	else
	{
		// alleen ontwerp resetten
		document.getElementById('design_image').src = "http://www.leuketshirts.nl/tshirts/img/blank.gif";
		
		if(current_side == 'front')
		{
			front_type = 'empty';
			front_value = "";
			document.getElementById('front_type').value = 'empty';
			document.getElementById('front_value').value = '';
		}
		else if(current_side == 'back')
		{
			back_type = 'empty';
			back_value = "";
			document.getElementById('back_type').value = 'empty';
			document.getElementById('back_value').value = '';
		}
	}
	
}
function loaddefaults()
{
	if(document.getElementById(current_side+'_type').value = 'empty')
	{
		aanroepbaar = false;
		
		document.getElementById(current_side+'_type').value = 'tekst';
		
		// tekst
		document.getElementById("tekst1").value = 'hier';	
		document.getElementById("tekst2").value = 'JOUW';	
		document.getElementById("tekst3").value = 'tekst!';	
	
		// font & size
		document.getElementById('font1').selectedIndex = 3;
		document.getElementById('font2').selectedIndex = 52;
		document.getElementById('font3').selectedIndex = 3;
		
		document.getElementById('size1').selectedIndex = 5;
		document.getElementById('size2').selectedIndex = 5;
		document.getElementById('size3').selectedIndex = 5;
		
		// color
		select_color(19,2);
		
		// align
		select_align(0,1);
		select_align(2,2);
		select_align(1,3);
		
		// placing
		select_hoek(15,2)
		
		aanroepbaar = true;
		preview();
	}
}

var colors = new Array(
			"000000","000033","000066","000099","0000cc","0000ff","330000","330033",
			"330066","330099","3300cc","3300ff","660000","660033","660066","660099",
			"6600cc","6600ff","990000","990033","990066","990099","9900cc","9900ff",
			"cc0000","cc0033","cc0066","cc0099","cc00cc","cc00ff","ff0000","ff0033",
			"ff0066","ff0099","ff00cc","ff00ff","003300","003333","003366","003399",
			"0033cc","0033ff","333300","333333","333366","333399","3333cc","3333ff",
			"663300","663333","663366","663399","6633cc","6633ff","993300","993333",
			"993366","993399","9933cc","9933ff","cc3300","cc3333","cc3366","cc3399",
			"cc33cc","cc33ff","ff3300","ff3333","ff3366","ff3399","ff33cc","ff33ff",
			"006600","006633","006666","006699","0066cc","0066ff","336600","336633",
			"336666","336699","3366cc","3366ff","666600","666633","666666","666699",
			"6666cc","6666ff","996600","996633","996666","996699","9966cc","9966ff",
			"cc6600","cc6633","cc6666","cc6699","cc66cc","cc66ff","ff6600","ff6633",
			"ff6666","ff6699","ff66cc","ff66ff","009900","009933","009966","009999",
			"0099cc","0099ff","339900","339933","339966","339999","3399cc","3399ff",
			"669900","669933","669966","669999","6699cc","6699ff","999900","999933",
			"999966","999999","9999cc","9999ff","cc9900","cc9933","cc9966","cc9999",
			"cc99cc","cc99ff","ff9900","ff9933","ff9966","ff9999","ff99cc","ff99ff",
			"00cc00","00cc33","00cc66","00cc99","00cccc","00ccff","33cc00","33cc33",
			"33cc66","33cc99","33cccc","33ccff","66cc00","66cc33","66cc66","66cc99",
			"66cccc","66ccff","99cc00","99cc33","99cc66","99cc99","99cccc","99ccff",
			"cccc00","cccc33","cccc66","cccc99","cccccc","ccccff","ffcc00","ffcc33",
			"ffcc66","ffcc99","ffcccc","ffccff","00ff00","00ff33","00ff66","00ff99",
			"00ffcc","00ffff","33ff00","33ff33","33ff66","33ff99","33ffcc","33ffff",
			"66ff00","66ff33","66ff66","66ff99","66ffcc","66ffff","99ff00","99ff33",
			"99ff66","99ff99","99ffcc","99ffff","ccff00","ccff33","ccff66","ccff99",
			"ccffcc","ccffff","ffff00","ffff33","ffff66","ffff99","ffffcc","ffffff"
		);

/**
 * TEKST EN OPMAAK
 *
 * Deze functies verwerken uitlijning, kleur, lettertype
 * en paragraaf met een aantal functies.
 *
 * - select_align voor de uitlijning
 */
	// functie voor textalign
	var vorig_align = new Array();
	vorig_align[1] = "";
	vorig_align[2] = "";
	vorig_align[3] = "";
	vorig_align[4] = "";
	function select_align(i, c) {
		document.getElementById("align"+c).selectedIndex = i;
		preview();
		if (vorig_align[c] != "") {
			document.getElementById("align_"+vorig_align[c]+"_png"+c).style.backgroundColor = "#cbcbcb";
			document.getElementById("align_"+vorig_align[c]+"_png"+c).style.border = "1px solid #cbcbcb";
		}
		if (i == 0) a = "left";
		if (i == 1) a = "right";
		if (i == 2) a = "center";
		vorig_align[c] = a;
		document.getElementById("align_"+a+"_png"+c).style.backgroundColor = "#FFFFFF";
		document.getElementById("align_"+vorig_align[c]+"_png"+c).style.border = "1px solid #FFFFFF";
	}
	
	// functies voor hoek
	var vorige_hoek = new Array();
	vorige_hoek[1] = -999;
	vorige_hoek[2] = -999;
	vorige_hoek[3] = -999;
	vorige_hoek[4] = -999;
	function popup_hoek(i) {
		document.getElementById("hoek_popup"+i).style.display = "block";
	}
	function select_hoek(i, c) {
		if (i == 0) h = 0;
		if (i == 1) h = 22;
		if (i == 2) h = 45;
		if (i == 4) h = 90;
		if (i == 8) h = 180;
		if (i == 12) h = 270;
		if (i == 14) h = 315;
		if (i == 15) h = 337;
		document.getElementById("hoek"+c).selectedIndex = i;
		document.getElementById("hoek_popup"+c).style.display = "none";
		document.getElementById("hoek_"+h+"_png"+c).style.backgroundColor="#FFFFFF"; 
		if ((vorige_hoek[c] > -999) && (vorige_hoek[c] != h))  document.getElementById("hoek_"+vorige_hoek[c]+"_png"+c).style.backgroundColor=""; 
		vorige_hoek[c] = h;
		preview();
	}
	
	// functies voor regelafstand
	var vorige_ls = new Array();
	vorige_ls[1] = -999;
	vorige_ls[2] = -999;
	vorige_ls[3] = -999;
	vorige_ls[4] = -999;
	function popup_linespacing(i) {
		document.getElementById("linespacing_popup"+i).style.display = "block";
	}
	function select_linespacing(i, c) {
		l = i - 10;
		document.getElementById("linespace"+c).selectedIndex = i;
		document.getElementById("linespacing_popup"+c).style.display = "none";
		document.getElementById("ls_"+l+"_png"+c).style.backgroundColor="#FFFFFF"; 
		if ((vorige_ls[c] > -999) && (vorige_ls[c] != l )) document.getElementById("ls_"+vorige_ls[c]+"_png"+c).style.backgroundColor="";
		vorige_ls[c] = l;
		preview();
	}
	// functies voor kleur
	var vorige_color = new Array();
	vorige_color[1] = -999;
	vorige_color[2] = -999;
	vorige_color[3] = -999;
	vorige_color[4] = -999;
	function select_color(i, c) {
		 document.getElementById("color"+c).selectedIndex = i;
		 document.getElementById("color_select"+c).style.display = "none";
		 document.getElementById("color_selected"+c).style.backgroundColor = colors[i];
		 vorige_color[c] = i;
		 preview();
	}
	function show_color_select_table(i) {
		document.getElementById("color_select"+i).style.display = "block";
	}
	// functies voor font
	function popup_fonts(i,w,h,el) {
		var left = (screen.width-w)/2;
		var top = (screen.height-h)/2;
		document.getElementById("font_popup").style.display = "block";
		document.getElementById("font_popup").style.left = left;
		document.getElementById('model').style.display = "none";
		document.getElementById('placing').style.display = "none";
		document.getElementById("font_popup").style.top = top;
		size_element = document.getElementById('size'+i);
		size_element.style.display = "none";
		el.blur();
		font_element = el;
		elname = 'font'+i;
		value_element = document.getElementById(elname);
		font_element.blur(); 
	}
/**
 * FUNCTIES AAN RECHTERKANT
 *
 * Placing, voor/achter, man/vrouw
 */
	var shirt_image_front = "/img/shirts/men.png"; 
	var shirt_image_back = "/img/shirts/men_back.png";
	var placing_front = 0; // 0 = full, 1 = borst_links, 2 = borst_rechts
	var placing_back = 0; // 0 = full, 1 = borst_links, 2 = borst_rechts
	var full_enabled_front = 1;
	var full_enabled_back = 1;
	var current_side = "front";
	var site_image_front = "";
	var site_image_back  = "";
	var user_image_front = "";
	var user_image_back = "";
	var front_type = "empty";
	var back_type = "empty";
	var font_element;
	var size_element;
	var value_element;
	var back_value = "";
	var front_value = "";
	var front_design = "";
	var back_design = "";
	var other_side = "back";
	
	// Preloader
    if (document.images)
    {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://" + domain + ".leuketshirts.nl/tshirts/img/shirts/men_back.png";
      image_url[1] = "http://" + domain + ".leuketshirts.nl/tshirts/img/shirts/women.png";
      image_url[2] = "http://" + domain + ".leuketshirts.nl/tshirts/img/shirts/women_back.png";
      image_url[3] = "http://" + domain + ".leuketshirts.nl/tshirts/img/shirts/kids.png";
      image_url[4] = "http://" + domain + ".leuketshirts.nl/tshirts/img/shirts/kids_achter.png";

       var i = 0;
       for(i=0; i<=4; i++) 
         preload_image_object.src = image_url[i];
    }
	
	function change_side(kant) {
		if (kant == "front") change_to_front();
		else if (kant == "back") change_to_back();
	}
	
	function change_placing() {
		if (current_side == "front") {
			if ((document.getElementById('placing').value == 0) && (full_enabled_front == 0) && (type_front == 3)) {
				alert('Helaas kan je deze afbeelding niet op vol formaat drukken.');
				document.getElementById('placing').selectedIndex = 1;
			}
			placing_front = document.getElementById('placing').value;
		}
		if (current_side == "back") {
			document.getElementById('placing').selectedIndex = 0;
			placing_back = document.getElementById('placing').value;
		}
	}
/**
 * POPUP MET HELPTEKSTEN
 *
 * De popup bestaat uit een aantal delen:
 *
 * - algemene instellingen mbt positie
 * - popupfunctie voor het instellen van de tekst
 * - updatefunctie en muisfunctie voor het reageren op de muis
 * - killfunctie voor het verbergen van de popup
 */
	// instellingen voor de popup
	Xoffset = 10;
	Yoffset = 26;
	
	// automatisch verplaatsen
	document.onmousemove = update; 
	
	// startpositie
	yyy=-1000;
	count = 0;
	// popupfunctie
	function popup(msg,bak){
		var content="<TABLE WIDTH=120 style='border: 1px solid black;'  CELLPADDING=0 CELLSPACING=0><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
		yyy=Yoffset;
		document.getElementById("help_text").innerHTML=content;
		document.getElementById("help_text").style.display='block';
	}
	// updatefunctie
	function update(e)
	{
	  getmouse(e); 
	}
	//hulpfunctie
	function getmouse(e)
	{ 
		if (!e) e = window.event;
		
		if (e)
		{ 
			if (e.pageX || e.pageY)
			{
				mousex = e.pageX;
				mousey = e.pageY;
				algor = '[e.pageX]';
			}
			else if (e.clientX || e.clientY)
			{ 
				mousex = e.clientX + document.body.scrollLeft;
				mousey = e.clientY + document.body.scrollTop;
				algor = '[e.clientX]';
			}  
		}
		
		x = mousex;
		y = mousey;
		w = 0;
		w = document.getElementById("help_text").offsetWidth;
		document.getElementById("help_text").style.left=(x-(w/2)+Xoffset)+"px";
		document.getElementById("help_text").style.top=(y+yyy)+"px";
	}
	
	// killfunctie
	function kill(){
		yyy=-1000;
		document.getElementById("help_text").style.display='none';
	}
/**
 * EINDE POPUP
 */

/**
 * PREVIEW STUURT DATA NAAR DE SESSIE EN VERNIEUWT DE AFBEELDING
 */
function preview()
{
	if(aanroepbaar)
	{
		var id = Math.round(1000*Math.random());
		var qs = Form.serialize('editorform');
		document.getElementById('qs').value = qs;
		document.getElementById('design_image').src = 'http://' + domain + '.leuketshirts.nl/tshirts/img/image.php?'+qs+'id='+id;
		document.getElementById('design_large').href = 'http://' + domain + '.leuketshirts.nl/tshirts/img/image.php?output=display_large&height=400&width=400&'+qs+'id='+id;
		document.getElementById(current_side+'_type').value = 'tekst';
		document.getElementById(current_side+'_value').value = qs;

		/*
		new Ajax.Updater('debug', 
					     '/shirts/ajax_updatedesign/',{
					    	parameters: Form.serialize('editorform'),
					    	onComplete: function(transport) {
								var qs = document.getElementById('qs').value;
								// 5 regels van hierboven //
					    	}
					    });
		*/
	}
}



/*** FUNCTIES VOOR AFBEELDINGEN ***/
function select_design(type, value)
{
	wvalue = value.substr(0, value.length -4) + '.gif';
	
	try {
		document.getElementById('bobbystart').style.display = 'none';
	} catch(e)
	{
		// lekker niets doen
	}
	
	if(type == 'svdm')
	{
		try {
			document.getElementById('bobbystart').style.display = 'none';
		} catch(e)
		{
			// lekker niets doen
		}
		document.getElementById('design_image').src  = 'http://' + domain + '.leuketshirts.nl/img/thumbs/sellers/thumb_png/' + value; 
		document.getElementById('mmsale').href = "javascript:mobilemoneysale('http://www.leuketshirts.nl/img/thumbs/sellers/zoom/" + value + "',27)";
		document.getElementById('design_large').href = 'http://' + domain + '.leuketshirts.nl/img/thumbs/sellers/zoom/' + value;
	}
	else if(type == 'user')
	{
		document.getElementById('design_image').src  = 'http://' + domain + '.leuketshirts.nl/img/thumbs/users/thumb_png/' + value; 
		document.getElementById('mmsale').href = "javascript:mobilemoneysale('http://www.leuketshirts.nl/img/thumbs/users/zoom/" + value + "',27)";
		document.getElementById('design_large').href = 'http://' + domain + '.leuketshirts.nl/img/thumbs/users/zoom/' + value;		
	}
	else
	{
		document.getElementById('design_image').src  = 'http://' + domain + '.leuketshirts.nl/img/thumbs/'+type+'/thumb_png/' + value; 
		document.getElementById('mmsale').href = "javascript:mobilemoneysale('http://www.leuketshirts.nl/img/thumbs/" + type + "/wallpaper/" + wvalue + "',27)";
		document.getElementById('design_large').href = 'http://' + domain + '.leuketshirts.nl/img/thumbs/'+type+'/zoom/' + value;
	}
	
	document.getElementById(current_side+"_type").value = type;
	document.getElementById(current_side+"_value").value = value;
}

function select_shirt(model)
{
	if (model == "man") {
		shirt_image_front = "http://" + domain + ".leuketshirts.nl/tshirts/img/shirts/men.png"; 
		shirt_image_back = "http://" + domain + ".leuketshirts.nl/tshirts/img/shirts/men_back.png";
	}
	else if (model == "vrouw") { 
		shirt_image_front = "http://" + domain + ".leuketshirts.nl/tshirts/img/shirts/women.png"; 
		shirt_image_back = "http://" + domain + ".leuketshirts.nl/tshirts/img/shirts/women_back.png";
	}
	else if (model == "kind") { 
		shirt_image_front = "http://" + domain + ".leuketshirts.nl/tshirts/img/shirts/kids.png"; 
		shirt_image_back = "http://" + domain + ".leuketshirts.nl/tshirts/img/shirts/kids_achter.png";
	}
	
	if(current_side == "front")
	{
		document.getElementById("shirt").style.backgroundImage = "url("+shirt_image_front+")"; 
	}
	else
	{
		document.getElementById("shirt").style.backgroundImage  = "url("+shirt_image_back+")"; 
	}
	document.getElementById("shirt_type").value = model;
}

function select_locatie(locatie)
{
	if(current_side == "front")
	{
		document.getElementById("front_locatie").value = locatie;
	}
	else
	{
		document.getElementById("back_locatie").value = locatie;
	}
	
	if(locatie == 0)
	{
		// normaal
		document.getElementById('design_image').style.width = 'auto';
		document.getElementById('design_image').style.margin = '0';
	}
	else if(locatie == 2)
	{
		// links
		document.getElementById('design_image').style.width = '25';
		document.getElementById('design_image').style.margin = '0 55 20 0px';
	}
	else if(locatie == 1)
	{
		// rechts
		document.getElementById('design_image').style.width = '25';
		document.getElementById('design_image').style.margin = '0 0 20 55px';
	}
}

function select_kant(kant)
{
	var side;
	current_side = kant;
	aanroepbaar = false;
	
	if(current_side == "front")
	{
		document.getElementById("shirt").style.backgroundImage = "url("+shirt_image_front+")";
		value = document.getElementById("front_value").value;
		type  = document.getElementById("front_type").value;
		side  = 0;

		// buttons aanpassen
		//document.getElementById("buttonSelectFront").src = '/img/voorkant_active.gif'; 
		//document.getElementById("buttonSelectBack").src = '/img/achterkant_inactive.gif'; 

		// locatie style herstellen
		if(document.getElementById("front_locatie").value == 0)
		{
			// normaal
			document.getElementById('design_image').style.width = 'auto';
			document.getElementById('design_image').style.margin = '0';
		}
		else if(document.getElementById("front_locatie").value == 2)
		{
			// links
			document.getElementById('design_image').style.width = '25';
			document.getElementById('design_image').style.margin = '0 55 20 0px';
		}
		else if(document.getElementById("front_locatie").value == 1)
		{
			// rechts
			document.getElementById('design_image').style.width = '25';
			document.getElementById('design_image').style.margin = '0 0 20 55px';
		}
	}
	else
	{	
		document.getElementById("shirt").style.backgroundImage = "url("+shirt_image_back+")";
		value = document.getElementById("back_value").value;
		type  = document.getElementById("back_type").value;
		side = 1;
				
		// buttons aanpassen
		//document.getElementById("buttonSelectFront").src = '/img/voorkant_inactive.gif'; 
		//document.getElementById("buttonSelectBack").src = '/img/achterkant_active.gif';
		
		// locatie herstellen
		if(document.getElementById("back_locatie").value == 0)
		{
			// normaal
			document.getElementById('design_image').style.width = 'auto';
			document.getElementById('design_image').style.margin = '0';
		}
		else if(document.getElementById("back_locatie").value == 2)
		{
			// links
			document.getElementById('design_image').style.width = '25';
			document.getElementById('design_image').style.margin = '0 55 20 0px';
		}
		else if(document.getElementById("back_locatie").value == 1)
		{
			// rechts
			document.getElementById('design_image').style.width = '25';
			document.getElementById('design_image').style.margin = '0 0 20 55px';
		}
	}
	
	// teksteditor legen indien aanwezig
	if(document.getElementById('editorform') != null)
	{
		document.getElementById('editorform').reset();
	}
	if(type == 'svdm')
	{
		document.getElementById('design_image').src  = 'http://' + domain + '.leuketshirts.nl/img/thumbs/sellers/thumb_png/' + value; 
		document.getElementById('design_large').href = 'http://' + domain + '.leuketshirts.nl/img/thumbs/sellers/zoom/' + value;
	}
	else if(type == 'user')
	{
		document.getElementById('design_image').src  = 'http://' + domain + '.leuketshirts.nl/img/thumbs/users/thumb_png/' + value; 
		document.getElementById('design_large').href = 'http://' + domain + '.leuketshirts.nl/img/thumbs/users/zoom/' + value;		
	}
	else if(type == 'empty')
	{
		document.getElementById('design_image').src  = 'http://www.leuketshirts.nl/tshirts/img/blank.gif'; //'http://' + domain + '.leuketshirts.nl/img/'+kant+'.png'; 
		document.getElementById('design_large').href = 'http://www.leuketshirts.nl/tshirts/img/blank.gif'; //'http://' + domain + '.leuketshirts.nl/img/'+kant+'_groot.png';		
	}
	else if(type == 'tekst')
	{
		document.getElementById('design_image').src  = 'http://' + domain + '.leuketshirts.nl/tshirts/img/image.php?' + value; 
		document.getElementById('design_large').href = 'http://' + domain + '.leuketshirts.nl/tshirts/img/image.php?output=display_large&height=400&width=400&' + value; 
		
		// huidige kant wegschrijven
		tekst_design = document.getElementById(current_side+'_value').value;
		tekst_design = tekst_design.split("&");
		
		// teksteditor legen indien aanwezig
		if(document.getElementById('editorform') != null)
		{
			for(var i = 0; i < tekst_design.length; i++)
			{
				var params = tekst_design[i].split("=");
				if(document.getElementById(params[0]) != null)
				{
					document.getElementById(params[0]).value = params[1];
				}
			}
		}
	}
	else
	{
		document.getElementById('design_image').src  = 'http://' + domain + '.leuketshirts.nl/img/thumbs/'+type+'/thumb_png/' + value; 
		document.getElementById('design_large').href = 'http://' + domain + '.leuketshirts.nl/img/thumbs/'+type+'/zoom/' + value;
	}
	
	aanroepbaar = true;
	document.getElementById('side').selectedIndex = side;
}

function bestel()
{
	var front_type    = document.getElementById("front_type").value;
	var front_value   = document.getElementById("front_value").value;
	var back_type     = document.getElementById("back_type").value;
	var back_value    = document.getElementById("back_value").value;
	var shirt_type    = document.getElementById("shirt_type").value;
	var back_locatie  = document.getElementById("back_locatie").value;
	var front_locatie = document.getElementById("front_locatie").value;
	
	// url's opschonen
	front_value = front_value.replace(/\&/g,"|");
	back_value  = back_value.replace(/\&/g,"|");
	
	if(front_type == 'empty' && back_type == 'empty')
	{
		window.alert("Je hebt nog geen ontwerp gekozen!");
	}
	else
	{
		location.href   = "http://" + domain + ".leuketshirts.nl/tshirts/bestel?front="+front_type+"&fvalue="+front_value+"&flocatie="+front_locatie+"&back="+back_type+"&bvalue="+back_value+"&blocatie="+back_locatie+"&shirt="+shirt_type;
	}
}

function bestel_tool(el)
{
	var front_type    = document.getElementById("front_type").value;
	var front_value   = document.getElementById("front_value").value;
	var back_type     = document.getElementById("back_type").value;
	var back_value    = document.getElementById("back_value").value;
	var shirt_type    = document.getElementById("shirt_type").value;
	var back_locatie  = document.getElementById("back_locatie").value;
	var front_locatie = document.getElementById("front_locatie").value;
	
	// url's opschonen
	front_value = front_value.replace(/\&/g,"|");
	back_value  = back_value.replace(/\&/g,"|");
	
	location.href = "http://" + domain + ".leuketshirts.nl/tshirts/bestel?front="+front_type+"&fvalue="+front_value+"&flocatie="+front_locatie+"&back="+back_type+"&bvalue="+back_value+"&blocatie="+back_locatie+"&shirt="+shirt_type;
	
}