var letter_id="";
var letter_bold="";
var letter_spiegel="";
var letter_italic="";
var kleur="";
var kleurArray=Array();
var alignArray=Array();

var boldArray=Array();
var italicArray=Array();
var spiegelArray=Array();

var align;
var bgkleur=""
var spiegelArray=Array();
var spiegel=false;
var openKleur=false;
var openLetter=false;
var uwcurrenttekst=Array();
var letter = Array();
var letterstring="";
var level = "";
var widthValue="";
var heightValue="";
var heightStockhoogteValue=""; //De opgegeven hoogte, hier berekenen we de prijs op

window.onerror=function(){self.location="index.php"};

function loadLettertypes(lvl){	
	if(openKleur==false && openLetter==false){
		if(document.getElementById('selectLettertype['+lvl+']').style.filter == 'alpha(opacity=0)' || document.getElementById('selectLettertype['+lvl+']').style.filter == '' ||  document.getElementById('selectLettertype['+lvl+']').style.MozOpacity == 0){
			//ajax("ajax/lettertypes.php",document.getElementById('selectLettertype'));
			ajax("pages/selections/letters.php?lvl="+lvl,document.getElementById('selectLettertype['+lvl+']'));
			changeOpac(100,'selectLettertype['+lvl+']');
			openLetter=true;
		}
	}
}

function lettertypeHide(ev){
	if (!ev) var ev = window.event;
	if(ev != null){
		var relTarg = ev.relatedTarget || ev.toElement;
		if(relTarg != null && relTarg.id != ''){
			x=0;
			if(relTarg != "[object HTMLImageElement]" && relTarg != "[object HTMLTableCellElement]" && relTarg != "[object HTMLTableElement]" && relTarg != "[object HTMLFormElement]" && relTarg.id != "selectLettertype" && relTarg.id != "close" && relTarg.name != "letterImg"){
				while(document.getElementById("selectLettertype["+x+"]") != null){
					changeOpac(0,'selectLettertype['+x+']');
					openLetter=false;
					x++;
				}
			}
		}
	}
}

function unsetAllAlign(lvl){
	document.getElementById("alignleft["+lvl+"]").childNodes[0].className="";
	document.getElementById("aligncenter["+lvl+"]").childNodes[0].className="";
	document.getElementById("alignright["+lvl+"]").childNodes[0].className="";
	alignArray[lvl] = "";
}

function loadKleuren(numb){
	if(openKleur==false){
		ajax("ajax/selectkleur.php?numb="+numb,document.getElementById('selectkleur['+numb+']'));
		setTimeout("changeOpac(100,'selectkleur["+numb+"]');document.getElementById('kleurselectie').src = document.getElementById('tekstkleur["+numb+"]').src;",500);
	}
	openKleur=true;
}

function kleurenHideAll(){
	x=0;
	while(document.getElementById("selectkleur["+x+"]") != null){
		changeOpac(0,'selectkleur['+x+']');
		x++;
	}
	openKleur=false;
}

function kleurenHide(e,numb){
	if (!e) var e = window.event;
	var relTarg = e.relatedTarget || e.toElement;
	if(relTarg != null){
		if(relTarg.id != "")
		if(relTarg != "[object HTMLImageElement]" && relTarg != "[object HTMLTableCellElement]" && relTarg != "[object HTMLTableElement]" && relTarg != "[object HTMLFormElement]" && relTarg.id != "selectLettertype" && relTarg.id != "close" && relTarg.name != "letterImg" && relTarg.name != "tablekleur" && relTarg != "[object HTMLTableCellElement]" && relTarg != "[object HTMLTableElement]" && relTarg.id != "selectkleur["+numb+"]" && relTarg.id != "close" && relTarg.name != "kleur"){
			changeOpac(0,'selectkleur['+numb+']');
		}
	}
	openKleur=false;
}

function loadAKleuren(){
	if(openKleur==false && openLetter==false){
		ajax("ajax/selectkleur.php?bg=1",document.getElementById('selectachtergrondkleur'));
		changeOpac(100,'selectachtergrondkleur');
	}
	openKleur=true;
}

function AkleurenHide(e,numb){	
	if (!e) var e = window.event;
	var relTarg = e.relatedTarget || e.toElement;

	if(relTarg.name != "tablekleur" && relTarg != "[object HTMLTableCellElement]" && relTarg != "[object HTMLTableElement]" && relTarg.id != "selectachtergrondkleur" && relTarg.id != "close" && relTarg.name != "kleur"){
		changeOpac(0,'selectachtergrondkleur');
	}
}

function setLetter_id(id,cnter){
	document.getElementById('quickloader').style.visibility = "visible";
	letter_bold="";
	letter_spiegel="";
	letter_italic="";
	alignArray=Array();
	boldArray=Array();
	italicArray=Array();
	spiegelArray=Array();

	
	letter_id=id;
	letterstring="";
	
	letter[cnter]=id;
	
	for(iterator=0;document.getElementById("uwtekst["+iterator+"]")!=null;iterator++){
		letternaam = ajaxReturn("ajax/getlettertypenaam.php?letter_id="+(letter[iterator]!=null&&letter[iterator]!=""?letter[iterator]:7))
		document.getElementById('letter['+iterator+']').innerHTML = (letternaam?letternaam:"Lettertype");
	}

	for(i=0;i<letter.length;i++){
		letterstring+=(letter[i]!=null?letter[i]:"7")+"|"+i+",";
	}

	if(document.getElementById('letter_type') != null)
		document.getElementById('letter_type').value=letterstring;
		
	
		
	spiegelArray=Array();
}

function sortAssoc(aInput){
var aTemp = [];
for (var sKey in aInput)
aTemp.push([sKey, aInput[sKey]]);
aTemp.sort(function () {return arguments[0][1] < arguments[1][1]});

var aOutput = [];
for (var nIndex = aTemp.length-1; nIndex >=0; nIndex--)
aOutput[aTemp[nIndex][0]] = aTemp[nIndex][1];

return aOutput;
}

function setKleur(id,c){
	iterator="0";

	kleurArray[id]=c;
	kleur="";
	
	sortAssoc(kleurArray);
	for(i=0;i<kleurArray.length;i++){
		if(kleurArray[i] != null)
			kleur+=kleurArray[i]+"|"+i+",";
	}
	
	iterator++;
	document.getElementById('kleuren').value=kleur;
}

function setKleuren(){
	for(i=0;document.getElementById("uwtekst["+i+"]")!=null;i++){
		if(kleurArray[i] != null)
			document.getElementById("tekstkleur["+i+"]").src="images/Stickergigant/"+kleurArray[i]+".gif";
		else
			document.getElementById("tekstkleur["+i+"]").src="images/Stickergigant/000000.gif";
	}
}

function bgsetKleur(c){
	bgkleur = c.replace("#","");
}

function bgsetKleurWit(c){
	bgkleur = c.replace("#","");
	loadPreview();
}

function loadPreview(loader){
	//alert("Previeuw");
	document.getElementById('quickloader').style.visibility = "visible"; //Kijk eerst alle minima na
	iterator="0";
	textValue="";
	textValue=resetHeightValues();
	
	if(layerCounter == 3)
		document.getElementById("uwactie2").style.visibility="hidden";
	if(layerCounter < 3)
		document.getElementById("uwactie2").style.visibility="visible";

	//| is het & teken
	tmptextValue=textValue.replace(/&/g,'[3]');
	//|1 is het € teken
	tmptextValue=tmptextValue.replace(/\u20ac/g, '[4]');
	tmptextValue=tmptextValue.replace(/"/g, '[1]');
	tmptextValue=tmptextValue.replace(/#/g, '[2]');
	tmptextValue=tmptextValue.replace(/\+/g, '[5]');
	tmptextValue=tmptextValue.replace(/'/g, '[6]');

	//alert("ajax/preview.php?text="+textValue+"&letter_id="+letter_id+"&b="+letter_bold+"&i="+letter_italic+"&lettertypes="+letterstring+"&c="+kleur+"&a="+align+"&bgkleur="+bgkleur+"&spiegel="+spiegel+"&textbreedte="+widthValue+"&texthoogte="+heightValue,document.getElementById('result'));
	//alert("Ik ben nu de preview aan het ajaxen");
	
	document.getElementById('result').innerHTML="<img src='images/preview.php?text="+tmptextValue+"&letter_id="+letter_id+"&b="+letter_bold+"&i="+letter_italic+"&lettertypes="+letterstring+"&c="+kleur+"&a="+align+"&bgkleur="+bgkleur+"&spiegel="+spiegel+"&textbreedte="+widthValue+"&texthoogte="+heightValue+"' border='0' id='previewImg' />";
	//ajax("ajax/preview.php?text="+tmptextValue+"&letter_id="+letter_id+"&b="+letter_bold+"&i="+letter_italic+"&lettertypes="+letterstring+"&c="+kleur+"&a="+document.getElementById("align").value+"&bgkleur="+bgkleur+"&spiegel="+spiegel+"&textbreedte="+widthValue+"&texthoogte="+heightValue,document.getElementById('result'),(loader!=null?loader:true));
	
	document.getElementById('startloader').style.display="none";
	document.getElementById('opmaak').style.display="block";
	
	setHoogte();
	setBreedte();
	currentPrijs();
	setHeight();	
}

function setHeight(){
	if(document.getElementById('previewImg').complete == true){
		document.getElementById('vmiddle').style.height=(document.getElementById('previewImg').offsetHeight-35)+"px";
		document.getElementById('quickloader').style.visibility = "hidden";
	}else{
		setTimeout(function(){setHeight();},500)
	}
}

function resetHeightValues(){
	layerCounter=0;
	heightValue="";
	widthValue="";
	textValue="";
	heightStockhoogteValue="";

	for(iterator=0;document.getElementById("uwtekst["+iterator+"]")!=null;iterator++){
		if(document.getElementById("requestedHeight["+iterator+"]") != null){
			if(document.getElementById("requestedHeight["+iterator+"]").value<20){
				document.getElementById("requestedHeight["+iterator+"]").value=20;
			}
		}
		
		if(document.getElementById("requestedHeight["+iterator+"]").parentNode.getElementsByTagName("div")[0].className!=""){ //hoogte
			heightValue = heightValue+""+document.getElementById("requestedHeight["+iterator+"]").value+",";
			heightStockhoogteValue = heightStockhoogteValue+""+document.getElementById("requestedHeight["+iterator+"]").value+",";
			if(document.getElementById("orientation["+iterator+"]") != null)
				document.getElementById("orientation["+iterator+"]").value = 'v';
				
			if(document.getElementById("requestedHeight["+iterator+"]").value>900){
				document.getElementById("requestedHeight["+iterator+"]").value=900;
			}
		}else{
			heightValue = heightValue+",";
			if(document.getElementById("orientation["+iterator+"]") != null)
				document.getElementById("orientation["+iterator+"]").value = 'h';
		}
		layerCounter++;
		
		if(document.getElementById("requestedHeight["+iterator+"]").parentNode.getElementsByTagName("div")[0].className==""){
			widthValue = widthValue+""+document.getElementById("requestedHeight["+iterator+"]").value+",";
			if(document.getElementById("orientation["+iterator+"]") != null)
				document.getElementById("orientation["+iterator+"]").value = 'h';
		}else{
			widthValue = widthValue+",";
			if(document.getElementById("orientation["+iterator+"]") != null)
				document.getElementById("orientation["+iterator+"]").value = 'v';
		}
		
		uwcurrenttekst[iterator] = (document.getElementById('uwtekst['+iterator+']').value!=null?document.getElementById('uwtekst['+iterator+']').value:"Uw tekst");
		textValue= textValue+""+(textValue!=""?"<br>":"")+document.getElementById("uwtekst["+iterator+"]").value;
	}
	return textValue;
}

function currentPrijs(){
	iterator="0";
	textValue="";
	if(document.getElementById("uwaantalInput").value == "" || parseInt(document.getElementById("uwaantalInput").value) == "NaN")
		document.getElementById("uwaantalInput").value=1;

	for(iterator=0;document.getElementById("uwtekst["+iterator+"]")!=null;iterator++){
			textValue= textValue+""+(textValue!=""?"<br>":"")+document.getElementById("uwtekst["+iterator+"]").value;
	}
	//self.location="ajax/currentPrijs.php?str="+textValue+"&letterstring="+letterstring+"&textbreedte="+widthValue+"&texthoogte="+heightValue+"&bold="+letter_bold+"&letter_id="+letter_id+"&aantal="+document.getElementById("uwaantalInput").value;
	
	tmptextValue=textValue.replace(/#/g, ' ');
	tmptextValue=tmptextValue.replace(/&/g, ' ');
	tmptextValue=tmptextValue.replace(/\u20ac/g, '[4]');
	tmptextValue=tmptextValue.replace(/"/g, '[1]');
	tmptextValue=tmptextValue.replace(/#/g, '[2]');
	tmptextValue=tmptextValue.replace(/\+/g, '[5]');
	tmptextValue=tmptextValue.replace(/'/g, '[6]');

	var prijs = ajaxReturn("ajax/currentPrijs.php?str="+tmptextValue+"&letterstring="+letterstring+"&texthoogte="+heightStockhoogteValue+"&textBreedte="+widthValue+"&bold="+letter_bold+"&letter_id="+letter_id+"&kleur="+kleur+"&aantal=1");

	if(document.getElementById("uwaantalInput").value > 1){
		var totaalPrijs = ajaxReturn("ajax/currentPrijs.php?str="+tmptextValue+"&letterstring="+letterstring+"&texthoogte="+heightStockhoogteValue+"&textBreedte="+widthValue+"&bold="+letter_bold+"&letter_id="+letter_id+"&kleur="+kleur+"&aantal="+document.getElementById("uwaantalInput").value);
		totaalPrijs = totaalPrijs.replace('|', '')
	}else{
		totaalPrijs=prijs;
	}
	
	if(totaalPrijs.indexOf("|") > 0){
		document.getElementById("hasVerzendkosten").value = "true";
	}
	
	totaalPrijs = totaalPrijs.replace('|', '')
	prijs = prijs.replace('|', '')

	document.getElementById("currentPrijs").innerHTML = totaalPrijs;
	document.getElementById("prijs").value = prijs;
	//document.getElementById('currentPrijs').innerHTML = "?str="+textValue+"&hoogte="+document.getElementById("requestedHeight").value+"&bold="+letter_bold+"&aantal="+document.getElementById("uwaantalInput").value;
}

function inputLayer(layerInfo) {
	document.getElementById('quickloader').style.visibility = "visible";
	if(layerInfo) {
		if(layerInfo=="start") {
			ajaxLayer("ajax/inputLayer.php?start=1",document.getElementById('inputLayer'),false);
		} else {
			ajaxLayer("ajax/inputLayer.php?edit="+layerInfo,document.getElementById('inputLayer'),false);			
		}
	} else {
		ajaxLayer("ajax/inputLayer.php?add=1",document.getElementById('inputLayer'),false);
	}
}

function addLayer(){
	ajaxLayer("ajax/inputLayer.php?add=1",document.getElementById('inputLayer'),false);
}

function resetSetup(){
	for(iterator=0;document.getElementById("uwtekst["+iterator+"]")!=null;iterator++){
		//Reset bold
		letter_bold="";
		for(i=0;i<boldArray.length;i++){
				letter_bold+= i+"|"+(boldArray[i]==null?",":boldArray[i])+",";
		}
		document.getElementById('bold').value = letter_bold
		
		//Reset italic
		letter_italic="";
		for(i=0;i<italicArray.length;i++){
				letter_italic+= i+"|"+(italicArray[i]==null?",":italicArray[i])+",";
		}
		document.getElementById('italic').value = letter_italic
		
		//Reset alignment
	}
}

function removeInputLayer(removeLayer){	
	document.getElementById('quickloader').style.visibility = "visible";
	if(removeLayer == 1 && document.getElementById("uwtekst[2]")!=null){
		uwcurrenttekst[1] = uwcurrenttekst[2];
		
		if(kleurArray[2] != null){
			setKleur(1,kleurArray[2]);
			setKleur(2,"000000");
		}
			
		letter[1] = letter[2];
		setLetter_id("7",2);
		
		if(alignArray[2] == "left"){
			alignLeft(1);
			alignLeft(2);
		}
		if(alignArray[2] == "center"){
			alignLeft(1);
			alignLeft(2);
		}
		if(alignArray[2] == "right"){
			alignLeft(1);
			alignLeft(2);
		}
		if(boldArray[2] == true){
			setBold(1);
			setBold(2);
		}
		if(italicArray[2] == true){
			setItalic(1);
			setItalic(2);
		}
		alignArray[2] = "";
		boldArray[2] = "";
		italicArray[2] = "";		
		uwcurrenttekst[2] = "";
		kleurArray[2] = "";
		spiegelArray[2] = "";
	}else{
		alignArray[1] = "";
		boldArray[1] = "";
		italicArray[1] = "";
		letter[1] = "";
		setLetter_id("7",1);
		uwcurrenttekst[1] = "";
		kleurArray[1] = "";
		spiegelArray[1] = "";
	}
		
	ajaxLayer("ajax/inputLayer.php?remove="+removeLayer,document.getElementById('inputLayer'),false);
	//alert(document.getElementById('inputLayer').innerHTML);
}

function getBestellingen(args){
	var XMLHTTPObject = createHTTPHandler();
	var inhoudDiv = document.getElementById('bestellingAjax');
	inhoudDiv.innerHTML = "<table width='650' height='100'><tr><td width='100%'><img src='images/ajax-loader.gif'></td></tr></table>";
		
	XMLHTTPObject.onreadystatechange=function() {
		if (XMLHTTPObject.readyState == 4) {
			inhoudDiv.innerHTML = XMLHTTPObject.responseText;
		}
	}
	
	XMLHTTPObject.open('GET', 'pages/bestelling.php?'+args, true);
	XMLHTTPObject.send(null);
}

function checkFunctions(){
	for(x=0;document.getElementById("uwtekst["+x+"]")!=null;x++){
		ajax("ajax/letterfuncties.php?letterstring="+letterstring+"&b="+letter_bold+"&i="+letter_italic+"&s="+letter_spiegel+"&layer="+x,document.getElementById('uwstijl'+x));
	}
}
	
function setBold(boldvalue){	
	boldArray[boldvalue] = (boldArray[boldvalue]==false||boldArray[boldvalue]==""||boldArray[boldvalue]==null?true:false);

	letter_bold="";
	for(i=0;i<boldArray.length;i++){
			letter_bold+= i+"|"+(boldArray[i]==null?",":boldArray[i])+",";
	}
	document.getElementById('bold').value = letter_bold
}

function setSpiegel(spiegelvalue){
	spiegel=spiegelvalue;
	document.getElementById('spiegel').value = spiegelvalue;
}

function setItalic(italicvalue){	
	italicArray[italicvalue] = (italicArray[italicvalue]==false||italicArray[italicvalue]==""||italicArray[italicvalue]==null?true:false);
	letter_italic="";
	for(i=0;i<italicArray.length;i++){
			letter_italic+= i+"|"+(italicArray[i]==null?",":italicArray[i])+",";
	}
	document.getElementById('italic').value = letter_italic
}

function setHoogte(){
	tmptextValue=textValue.replace(/#/g, '[1]');
	tmptextValue=tmptextValue.replace(/&/g, '[2]');
	
	ajaxGetHoogte("ajax/getHoogte.php?text="+tmptextValue+"&letterstring="+letterstring+"&i="+letter_italic+"&b="+letter_bold+"&textBreedte="+widthValue+"&textHoogte="+heightValue,document.getElementById('hoogteInputDiv'));

	/*	
	if(layerCounter == 1){
		heightValue=document.getElementById('hoogteInput').value;
	}
	*/
}

function setBreedte(){
	tmptextValue=textValue.replace(/#/g, '[1]');
	tmptextValue=tmptextValue.replace(/&/g, '[2]');
	//alert("ajax/getBreedte.php?text="+tmptextValue+"&letterstring="+letterstring+"&i="+letter_italic+"&b="+letter_bold+"&textBreedte="+widthValue+"&textHoogte="+heightValue);	
	ajaxGetBreedte("ajax/getBreedte.php?text="+tmptextValue+"&letterstring="+letterstring+"&i="+letter_italic+"&b="+letter_bold+"&textBreedte="+widthValue+"&textHoogte="+heightValue,document.getElementById('breedteInputDiv'));
}

function alignLeft(id){
	alignArray[id]="left";
	align="";
	sortAssoc(alignArray);

	for(iterator=0;document.getElementById("uwtekst["+iterator+"]")!=null;iterator++){
			align+=(alignArray[iterator]==null?"":alignArray[iterator])+",";
	}
	
	document.getElementById("align").value=align;
}

function alignCenter(id){
	alignArray[id]="center";
	align="";
	sortAssoc(alignArray);
	for(iterator=0;document.getElementById("uwtekst["+iterator+"]")!=null;iterator++){
			align+=(alignArray[iterator]==null?"":alignArray[iterator])+",";
	}
	document.getElementById("align").value=align;
}

function alignRight(id){
	alignArray[id]="right";
	align="";
	sortAssoc(alignArray);
	for(iterator=0;document.getElementById("uwtekst["+iterator+"]")!=null;iterator++){
			align+=(alignArray[iterator]==null?"":alignArray[iterator])+",";
	}
	document.getElementById("align").value=align;
}

function kiesKleur(kl,numb){
	document.getElementById('tekstkleur['+numb+']').src='images/Stickergigant/'+kl+'.gif';
	setKleur(numb,kl);
	changeOpac(0,'selectkleur['+numb+']');
	openKleur=false;
	loadPreview();
}

function disableEnterKey(E){
     var key;

     if(window.event)
          key = window.event.keyCode;     //IE
     else
          key = e.which;     //firefox

     if(key == 13)
          return false;
     else
          return true;
}