var fontLengthFront=10;
var fontLengthBack=8;

var strErrorPreview = "You have to update your preview first";
var strErrorRemoveBack = "Are you sure you want to remove the back of this design?";
var strDefaultsFront = "WARNING!\nYou have left some of our example text on your design.\nPlease remove any text not required and preview again.";		
var strLetterheadLaserWarning = "PLEASE NOTE: Letterhead quantities of 25, 50, 100, 250 and 500 are not guaranteed for use on a laser printer.";
var strLeaveWarning = "You are about to leave the designer interface.\nYour work has been saved.\nYou can retrieve your work by clicking view recent items at the top of the screen.";
var strInvalidFileTypeFront = "You need to select a file for the front of the design first";
var strInvalidFileTypeBack = "You need to select a file for the back of the design first";
var strSelectFileFront = "You need to select a file for the front of the design first";
var strSelectFileBack = "You need to select a file for the back of the design first";
var strAutoSave = "Auto save in progress...";
var strAutoSaveComplete = "Auto save complete!";
var strFront = "Front";
var strFrontAndBack = "Front and back";



document.domain = "smileprint.com";
window.onunload = DCDisplaySavedMessage;

// Define global variables
var g_frm = document.card_form;
var g_timer; // Used to timer how long preview takes to return
var g_sfront = "front";
var g_sback = "back";
var g_ipreviewcount = 0;
var g_activecontent, g_activestage;
var g_priceselect;
var g_seenselectback = false;
var fontLength=fontLengthFront;
var colorTarget, fontTarget, backpreviewTarget;

	// Function called when updating a preview from printra
	function DCPreview(side){ 
		timer = new Date().getTime(); // Get timer for preview timings
		DCSaveForm(); // Save the entered values into cookie
		
		DCSetPreviewImages(side, DCGetBuildingImage(), true); // Set off the relevant building images
		g_frm.action = "/import/";
		g_frm.kinds.value = g_frm["kinds_"+side].value;
		g_frm.side.value = side;
		g_frm.target = 'frame_'+side;
		
		if(side==g_sfront)
			g_frm.url.value = "";
		else
			g_frm.urlback.value = "";
		g_frm.submit();
		
	} 

	
	// Returns a path to the animated building gif
	function DCGetBuildingImage() {
		var imagetype = 0; // This is to decide what type of upload gif to show, either normal, upload logo, or upload whole
		if(g_frm.enctype=="multipart/form-data") imagetype = g_frm.isupload.value;
		return "http://www.smileprint.com:80/images/buildingimage/uk"+g_frm.baseproductid.value+imagetype+g_frm.o.value+".gif";
	}

	

	// This is the call back function from printra's import2.cgi programs
	function ShowProof(side){
		var oFrame = window["frame_"+side];
		if(side==g_sfront){
			g_frm.url.value = oFrame.i_ImgUrl;
			g_frm.token.value = oFrame.i_token;	
			if(g_frm.uploaded_logo) g_frm.uploaded_logo.value = oFrame.i_uploaded_logo;
			if(g_frm.uploaded_bg) g_frm.uploaded_bg.value = oFrame.i_uploaded_bg;
			if(g_frm.uploaded_eps) g_frm.uploaded_eps.value = oFrame.i_uploaded_eps;
			setTimeout("DCSetPreviewImages('"+side+"', '"+g_frm.url.value+"', false)", 100);
		} else {
			g_frm.token_back.value = oFrame.i_token
			g_frm.urlback.value = oFrame.i_ImgUrl; // The current serve stationery is used by styles that return a back and a front
			if(g_frm.uploaded_logo_pc) g_frm.uploaded_logo_pc.value = oFrame.i_uploaded_logo_pc;
			if(g_frm.uploaded_eps2) g_frm.uploaded_eps2.value = oFrame.i_uploaded_eps2;
			setTimeout("DCSetPreviewImages('"+side+"', '"+g_frm.urlback.value+"', false)", 100);
		}
		DCSetAllowFinish(true);
		DCSetUpdateImage(true);
		if(oFrame.i_uploaded_logo!="" && g_frm.isupload.value!=0){ // Create a cookie to store the path to any uploaded file
			var now = new Date(); now.setTime(now.getTime() + 14 * 24 * 60 * 60 * 1000); // 14 days in advance
			DCSetCookie('upload'+side, oFrame.i_uploaded_logo, now, '/');
			if(document.getElementById("uploadfld").style.display=='block') DCSwapUploadFields();
		}
		g_ipreviewcount++;
		g_timer = new Date().getTime() - g_timer;
		
		g_frm.encoding = "application/x-www-form-urlencoded";
		DCSaveWork(true);
	}

	
	
	// Sets whether basket should update the image of this item
	function DCSetUpdateImage(b){ 
		if(b)
			g_frm.updateimage.value = "True";
		else
			g_frm.updateimage.value = "";
	}

	
	// This saves every update to an item to facillitate recent items
	function DCSaveWork(){ 
		window.status = strAutoSave;
		if(g_frm.itemqty.value=="") g_frm.itemqty.value = g_frm.itemqty_single.options[1]; 	
		g_frm.timer.value = g_timer;
		g_frm.action = "/savework.php";
		g_frm.target = "util";
		g_frm.submit();
		setTimeout("DCAutoSave()", 1000);
	}

	
	


	
	// All this does is play with window.status
	function DCAutoSave(){
		window.status = strAutoSaveComplete;
		setTimeout("DCClearStatus()", 4000);
	}

	
	// All this does is play with window.status
	function DCClearStatus(){
		window.status = "";
	}


	

//////////////////////////////////////////////////////////////////////////////////////////////
// Utlity functions

	function DCCheckDefaultsHaveChanged() { // This is to stop people leaving defaults such as Your Name in the fields
		var fld;
		if(g_frm.isprivate.value==0) { // dont do this check if private design
			for (var loop=0; loop < g_frm.elements.length; loop++) {
				fld = g_frm.elements[loop];
				if(fld.type == 'text' || fld.type == 'textarea') {
					if(fld.value != "" && fld.value == fld.defaultValue && fld.getAttribute('validateFront')=="Yes") {
						fld.focus(); fld.select();
						alert(strDefaultsFront); return false;
					}
				}
			} 
		}
		return true;
	}


	function DCSetPreviewImages(side, image, building) {
		resizewidth = g_frm.resizewidth.value;
		resizeheight = g_frm.resizeheight.value;
			
		if(side==g_sfront) { // Set front images
			if(document.images['_img']) document.images["_img"].src = image;
			if(building) return; // Only do one image if building
			if(document.images["_imgacceptterms"]) document.images["_imgacceptterms"].src = image;
			if(document.images['_imgapproval']) {
				document.images["_imgapproval"].src = image;
				document.images["_imgapproval"].src = "/getexternalimage.php?url="+escape(image)+"&w="+resizewidth+"&h="+resizeheight;
			}
		} else { // Set back images
			
			DCChangeAllImagesWithClass("_imgback", image);
			if(building) return; // Only do one image if building
			if(document.images["_imgbackacceptterms"]) document.images["_imgbackacceptterms"].src = image;
			if(document.images["_imgbackapproval"]) {
				if(document.images["_imgbackapproval"]) document.images["_imgbackapproval"].src = image;
				if(document.images["_imgbackapproval"]) document.images["_imgbackapproval"].src = "/getexternalimage.php?url="+escape(image)+"&w="+resizewidth+"&h="+resizeheight;
			}
		}
	}

	function DCSetAllowFinish(b){ // Sets whether user can proceed adding this design to basket
		if(b)
			g_frm.allowfinish.value = "True";
		else
			g_frm.allowfinish.value = "";
	}
	
	function MJSetAllowFinish(b){ // Delete this when everything is migrated over to this file
		if(b)
			g_frm.allowfinish.value = "True";
		else
			g_frm.allowfinish.value = "";
	}

	function DCGetAllowFinish(){
		return (g_frm.allowfinish.value!="");
	}

	function DCSaveForm() { // Saves the form values in a cookie if they have changed.
		var now = new Date();
		var str, fld;
		now.setTime(now.getTime() + 14 * 24 * 60 * 60 * 1000); // Set now variable to 14 days in advance
		for (var loop=0; loop < g_frm.elements.length; loop++) {
			fld = g_frm.elements[loop];
			if((fld.type == 'text' || fld.type == 'textarea') && (fld.defaultValue!=fld.value || g_frm.basketitemid.value!=""||g_frm.preview.value==1)) str += ';' + fld.name + '=' + fld.value;
		}
		DCSetCookie("designer", str, now, '/');
	}

	function DCLoadForm() { // Loads the form values from cookie
		var strCookie = DCGetCookie("designer");
		if(strCookie) {
			var arrValues = strCookie.split(";");
			var arrNameValue;
			for(var i = 0; i<arrValues.length; i++) {
				arrNameValue = arrValues[i].split('=');
				if (g_frm[arrNameValue[0]] != undefined) g_frm[arrNameValue[0]].value = arrNameValue[1]; 
			}
		}
	}
	
	function DCGetCookie(name) {
		var dc = document.cookie;
		var prefix = name + "=";
		var begin = dc.indexOf("; " + prefix);
		if (begin == -1) {
			begin = dc.indexOf(prefix);
			if (begin != 0) return null;
		} else
			begin += 2;
		var end = document.cookie.indexOf(";", begin);
		if (end == -1)
			end = dc.length;
		return unescape(dc.substring(begin + prefix.length, end));
	}
	
	function DCSetCookie(name, value, expires, path, domain, secure) {
		var curCookie = name + "=" + escape(value) +
			((expires) ? "; expires=" + expires.toGMTString() : "") +
			((path) ? "; path=" + path : "") +
			((domain) ? "; domain=" + domain : "") +
			((secure) ? "; secure" : "");  
		document.cookie = curCookie;
	}
	
	function DCOpenWindow(theURL,winName,features) {
		return window.open(theURL,winName,features);
	}
	
	function DCShowColorBox(target) { // For the cmyk
		var pop = DCOpenWindow('/colors.php?id='+target,'colors','width=340, height=245, scrollbars=no, resizable=0');
		pop.focus();
	}

	function MJSetFont(strFont){
		fontTarget.value = strFont;
		theElement = document.getElementById('f'+fontTarget.name);		
		if(theElement) theElement.title = strFont;
		DCSortFontFieldDisplay();
		DCSetAllowFinish(false);
	}
	
	function DCSwapUploadFields() {
		var tmp;
		tmp = document.getElementById("uploadmsg").style.display;
		document.getElementById("uploadmsg").style.display = document.getElementById("uploadfld").style.display;
		document.getElementById("uploadfld").style.display = tmp;
	}
	
	function fSwapFontColorCMYK(cid,c,m,y,k,hex,id,name){
		g_frm['cid'+id].value = cid;
    g_frm['c'+id].value = c;
		g_frm['m'+id].value = m;
		g_frm['y'+id].value = y;
		g_frm['k'+id].value = k;
		g_frm['hex'+id].value = hex;
		g_frm['name'+id].value = name;
				
    DCSortColorFieldDisplay();
		DCSetAllowFinish(false);
	}
	
	function DCResizeTextarea(name) {
		if(g_frm[name]) {
			if(g_frm[name].type == 'textarea') {
									var lines = g_frm[name].value.split("\n").length;
					if(lines<4) lines=4;
					g_frm[name].style.height = (lines*18)+"px";
							}
		}
	}

	function DCResizeTextBoxes(){
		// Resize the front boxes
		DCResizeTextarea('card_department');
		DCResizeTextarea('card_department2');
		DCResizeTextarea('postcard1');
		DCResizeTextarea('postcard2');
		DCResizeTextarea('postcard3');
		
		DCResizeTextarea("postcardback1");
		DCResizeTextarea("postcardback2"); 
		DCResizeTextarea("postcardback3"); 
		DCResizeTextarea("postcardback4"); 
		DCResizeTextarea("postcardback5"); 
	}

	function DCDisplaySavedMessage() {
		if(g_ipreviewcount>0) {
			alert(strLeaveWarning);
		}
	}	
	
	function DCValidateFront(isedit) {
		if(!DCGetAllowFinish()){
			alert(strErrorPreview);
			try {
				g_frm.preview.focus()
			}catch (e){
				return;
			}
			return;
		}
		if(!isedit && g_frm.preview.value==0 && g_frm.isprivate.value==0) { // Single sided items call this function first, doubles call DoneEditingFront
			if(!DCCheckDefaultsHaveChanged()) return false;
		}
		return true;
	}

	
	function DCQuantityChange() { // This is called when the quantity select is changed
		DCFinishingOptionChange(g_frm.finishingside.value);
		DCMaterialOptionChange();
		DCCuttingOptionChange();
	}
	
	
	function DCMaterialOptionChange() {
		var omaterialoption = g_frm.materialoptionid;
		
		
		// Check to see if there is options as there might not be a select to work with
		if(omaterialoption.type!="select-one") return;
		
		
		// Get any preselected materialoption
		var selectedmaterialoptionid = omaterialoption.selectedIndex;
		if(omaterialoption.selectedIndex!=-1) selectedmaterialoptionid = omaterialoption.options[omaterialoption.selectedIndex].value; // Get the current value so it isnt lost when changing qty
			
		
		var iqty = 	getFormFieldValue(g_priceselect);
		var optionselected = false;
		var doublesided = g_frm.doublesided.value;
		
	
		// Need to repopulate the material option select based on the quantity
		omaterialoption.options.length = 0; // clear the material select to start with
		
		for(i=0;i<amaterials.length;i++) { // ammaterials is a global array
			ad = amaterials[i];
			var materialoptionid = ad[0];
			var mname = ad[1];
			var misdefault = ad[2];
			
			 // Need to get the price !
			for(j=0;j<amprices.length;j++) {
				am = amprices[j];
				if(am[0]==materialoptionid&&am[1]==iqty) break;
			}
			price = am[2];
			discount = am[3];
			symbol = am[4];
	
			// Apply discount
			if(discount>0) price = price*((100-discount)/100);
	
			if(price==0)
				pricestr = '';
			else
				pricestr = ' - '+symbol+formatNumber(price,2).toString();
			
			if(selectedmaterialoptionid==-1 && misdefault==1) selectedmaterialoptionid = materialoptionid; 
			omaterialoption.options[i] = new Option(mname+pricestr, materialoptionid);
		}
		if(selectedmaterialoptionid!=-1) omaterialoption.value = selectedmaterialoptionid;
		
		DCFinishingOptionChange(g_frm.finishingside.value); // Need to update finishing options as they rely on what material has been selected
	}
	
	function DCFinishingOptionChange(finishingside) {	
		
		var ofinishingsides = g_frm.finishingside;
		var ofinishingsidesdiv = document.getElementById("finishingsidesdiv");
		var iqty = getFormFieldValue(g_priceselect);
		var finishingoptionid, fname, fsymbol, fisdefault, basefinishingoptionid;
		var ofinishingoption = g_frm.finishingoptionid;
		
		// check to see if there is finishing options as there will be a select if so
		if(ofinishingoption.type!="select-one") return;
		
		
		
		// Get any preselected finishingoption
		var selectedfinishingoptionid = ofinishingoption.selectedIndex;
		if(selectedfinishingoptionid!=-1) selectedfinishingoptionid = ofinishingoption.options[ofinishingoption.selectedIndex].value; // Get the current value so it isnt lost when changing qty
		
		// Get any preselected materialoption
		var omaterialoption = g_frm.materialoptionid;
		if(omaterialoption.type=="select-one") {
			var selectedmaterialoptionid = omaterialoption.selectedIndex;
			if(omaterialoption.selectedIndex!=-1) selectedmaterialoptionid = omaterialoption.options[omaterialoption.selectedIndex].value; // Get the current value so it isnt lost when changing qty
		}
		
		
		ofinishingsidesdiv.style.display = "none"; // Start by hiding the Sides select
		ofinishingoption.options.length = 0; // clear the material select to start with
		x=0;
		for(i=0;i<afinishing.length;i++) { // afinishing is a global array
		
			ad = afinishing[i];
			finishingoptionid = ad[0];
			fname = ad[1];
			fisdefault = ad[2];
			basefinishingoptionid = ad[3];
			fisnone = ad[4];
			
			// Need to check if this finish can be applied to the selected material !
			for(j=0;j<amfinishing.length;j++) {
				am = amfinishing[j];
				if(am[0]==selectedmaterialoptionid) break;
			}
			
			if(am[1].indexOf('['+basefinishingoptionid+']')==-1) { // skip this finish as its not supported by the selected material
				if(finishingoptionid==selectedfinishingoptionid) // The selected finishing option prior to the change is not supported, remove it
					selectedfinishingoptionid = "-1";
				continue; 
			}
			
			if(selectedfinishingoptionid==-1 && fisdefault==1) selectedfinishingoptionid = finishingoptionid; 
			
			optionselected = false;
			if(selectedfinishingoptionid==finishingoptionid) {
				optionselected = true;
				if(fisnone==0) { // Sort the side choice select
					for(j=0;j<afprices.length;j++) { // Find the price details arrays (one for single side, one for double side)
						ad = afprices[j];
						if(ad[0]==selectedfinishingoptionid&&ad[1]==iqty) {
							quantity = ad[1];
							ds = ad[2]; // doublesided
							price = ad[3];
							discount = ad[4];
							symbol = ad[5];
							if(ds==0)
								frontprice = price;
							else
								frontbackprice = price;
						}
					}
					
					// Apply discount
					if(discount>0) {
						frontprice = frontprice*((100-discount)/100);
						frontbackprice = frontbackprice*((100-discount)/100);
					}
					frontprice = formatNumber(frontprice,2);
					frontbackprice = formatNumber(frontbackprice,2);
					
					ofinishingsides.options.length = 0; // clear the select
					ofinishingsides.options[0] = new Option(strFront+' - '+symbol+frontprice, 0);
					ofinishingsides.options[1] = new Option(strFrontAndBack+' - '+symbol+frontbackprice,1);
					ofinishingsidesdiv.style.display = "block";	
					ofinishingsides.value = finishingside;
				}
			}
			ofinishingoption.options[x] = new Option(fname, finishingoptionid);
			x++;
		}
		if(selectedfinishingoptionid!=-1) ofinishingoption.value = selectedfinishingoptionid;
	}
	
	
	function DCCuttingOptionChange() {
		var ocuttingoption = g_frm.cuttingoptionid;
		
		// Check to see if there is options as there might not be a select to work with
		if(ocuttingoption.type!="select-one") return;
		
		
		// Get any preselected materialoption
		var selectedcuttingoptionid = ocuttingoption.selectedIndex;
		if(ocuttingoption.selectedIndex!=-1) selectedcuttingoptionid = ocuttingoption.options[ocuttingoption.selectedIndex].value; // Get the current value so it isnt lost when changing qty
			
		
		var iqty = 	getFormFieldValue(g_priceselect);
		var optionselected = false;	
	
		// Need to repopulate the option select based on the quantity
		ocuttingoption.options.length = 0; // clear the select to start with
		
		for(i=0;i<acutting.length;i++) { // acutting is a global array
			ad = acutting[i];
			var cuttingoptionid = ad[0];
			var cname = ad[1];
			var cisdefault = ad[2];
			var cisnone = ad[3];
			
			 // Need to get the price !
			for(j=0;j<acprices.length;j++) {
				ac = acprices[j];
				if(ac[0]==cuttingoptionid&&ac[1]==iqty) break;
			}
			price = ac[2];
			discount = ac[3];
			symbol = ac[4];
	
			// Apply discount
			if(discount>0) price = price*((100-discount)/100);
	
			if(price==0)
				pricestr = '';
			else
				pricestr = ' - '+symbol+formatNumber(price,2).toString();
			
			
			if(selectedcuttingoptionid==-1 && cisdefault==1) selectedcuttingoptionid = cuttingoptionid; 
			ocuttingoption.options[i] = new Option(cname+pricestr, cuttingoptionid);
		}
		if(selectedcuttingoptionid!=-1) ocuttingoption.value = selectedcuttingoptionid;
		
		
		// Show/Hide corner options
		// 1. Get the isnone property of the selected cutting option
		
		for(i=0;i<acutting.length;i++) { // acutting is a global array
			ad = acutting[i];
			var cuttingoptionid = ad[0];
			var cname = ad[1];
			var cisdefault = ad[2];
			var cisnone = ad[3];
			if(cuttingoptionid==selectedcuttingoptionid) break;
		}

		// 2.  Get the div and show/hide
		var cuttingcorners = document.getElementById("cuttingcornerscheckboxes");
		if(cisnone==1) // Hide the options
			cuttingcorners.style.display = "none";
		else // Show the option
			cuttingcorners.style.display = "block";
			
			
		// Check/Uncheck cutting corners based on hidden param
		arr = g_frm.cuttingcorners.value.split("");
		if(arr[0]==1) g_frm.topleft.checked = true;
		if(arr[1]==1) g_frm.topright.checked = true;
		if(arr[2]==1) g_frm.bottomright.checked = true;
		if(arr[3]==1) g_frm.bottomleft.checked = true;
		
	}
	
	function DCCuttingCornersChange() {
		var topright = "0", topleft = "0", bottomright = "0", bottomleft = "0";
		if(g_frm.topleft.checked) topleft = "1";
		if(g_frm.topright.checked) topright = "1";
		if(g_frm.bottomright.checked) bottomright = "1";
		if(g_frm.bottomleft.checked) bottomleft = "1";
		var cuttingcorners = topleft+topright+bottomright+bottomleft;
		if(cuttingcorners=="0000") {
			alert(strErrorCorners);
			return false;	
		}
		g_frm.cuttingcorners.value = cuttingcorners;
		//alert(g_frm.cuttingcorners.value);
	}

	
	function DCSortFontFieldDisplay() { // This is called on startup, and make sure all the font fields are tidy
		
		var f = getElementsByClassName("fontfront", "span");
		for(var i=0; i<f.length; i++) {
			str = f[i].title;
			if(str=="") str = f[i].innerHTML;
			f[i].title = str;
			if(str.length>fontLengthFront) str = str.substr(0,fontLengthFront)+'..';
			f[i].innerHTML = str;
		}	
	
		var f = getElementsByClassName("fontback", "span");
		for(var i=0; i<f.length; i++) {
			str = f[i].title;
			if(str=="") str = f[i].innerHTML;
			f[i].title = str;
			if(str.length>fontLengthBack) str = str.substr(0,fontLengthBack)+'..';
			f[i].innerHTML = str;
		}
	}
	
	function DCSortColorFieldDisplay() { // This is called on startup, and make sure all the font fields are tidy
		
	 for(var i=1; i<=14; i++) {
			name = g_frm["name"+i].value;
			hex = g_frm["hex"+i].value;
			
			// Sort the colour name out;
			theE = document.getElementById("cname"+i);
      if(theE && name != '') 
      {
        theE.innerHTML = name;
      }
      
      // Sort the box colour out.
  		theElement = document.getElementById('col_box'+i);
  		if(hex!='' && theElement) 
      {
  			theElement.style.backgroundColor = '#'+hex;
  		}
		}	
	}

	function DCChangeAllImagesWithClass(classname, image) {
		var imgs = getElementsByClassName("_imgback", "img");
		for(var i=0; i<imgs.length; i++)
			imgs[i].src = image;
	}
	
	function DCRemoveBack() {
		if(DCIsDoubleSided()){
			if(confirm(strErrorRemoveBack)) {
				g_frm.backlayout.value = "";
				g_frm.token_back.value = "";
				g_frm.urlback.value = "";
				DCClearBackUploadFields();
				if(document.images["_imgbackapproval"]) document.images["_imgbackapproval"].src = g_frm.addbackimage.value;
				DCSetDoubleSided(false);
				DCSetBackParams("");
				DCSetActiveContent('approval');
			}
		} else {
			DCSetActiveContent('approval');
		}
		DCSetAllowFinish(true);
	}

	function DCIsDoubleSided() {
		return (g_frm.doublesided.value==1);
	}
	
	function DCSetDoubleSided(isdouble) {
		g_frm.doublesided.value = 0;
		if(isdouble) {
			g_frm.doublesided.value = 1;
		} else { // Remove double sided lamination
			if(g_frm.finishingside) g_frm.finishingside.value = 0;
		}

		var qty = getFormFieldValue(g_priceselect);
		DCSetQuantity();
		setFormFieldValue(g_priceselect, qty);
	}
	
	function DCClearBackUploadFields() {
		g_frm.urlback.value = "";
		if(g_frm.uploaded_logo_pc_tempfile) g_frm.uploaded_logo_pc_tempfile.value = "";
		if(g_frm.uploaded_eps2) g_frm.uploaded_eps2.value = "";
		if(g_frm.uploaded_logo_pc) g_frm.uploaded_logo_pc.value = "";	
	}
	
	function DCSetQuantity() {
		g_priceselect = g_frm.itemqty_single;
		if(DCIsDoubleSided()) {
			document.getElementById("itemqty_single").style.display = "none";
			if(document.getElementById("itemqty_double")) document.getElementById("itemqty_double").style.display = "inline";
			g_priceselect = g_frm.itemqty_double;	
		} else {
			document.getElementById("itemqty_single").style.display = "inline";
			if(document.getElementById("itemqty_double")) document.getElementById("itemqty_double").style.display = "none";
		}
		g_frm.itemqty.value = getFormFieldValue(g_priceselect);
	}
	
	function DCSelectBack(kinds, backlayout, haslogofield, startimage, preview, view) {
		DCSetDoubleSided(true);
		if(g_frm.finishingside) g_frm.finishingside.value = 1;
		//alert(kinds);alert(backlayout);
		// Back templates can have a logo field, or not, so if one exists show/hide accordingly.
		if(haslogofield) {
			if(g_frm.uploaded_logo_pc.value=="") {
				g_frm.uploaded_logo_pc.value = "yes";
			}
		} else {
			DCClearBackUploadFields();
		}
		
		if(startimage!="") DCChangeAllImagesWithClass("_imgback", startimage);
		
		fontLength = fontLengthBack;
		DCSetAllowFinish(false);
		DCSetActiveContent(view);
		DCResizeTextBoxes();
		DCSetBackParams(kinds, backlayout, view);
		if(preview) DCPreview('back');
	}

	function DCSetBackParams(kinds, backlayout, view) {
		g_frm.kinds_back.value = kinds;
		g_frm.backlayout.value = backlayout;
		g_frm.editbackview.value = view;
		if(DCIsDoubleSided()) {
			document.getElementById("oproductname").innerHTML = g_frm.productnamedouble.value;
			document.images["_imgbackacceptterms"].style.display = "inline";
			if(document.getElementById("removebackbutton")) document.getElementById("removebackbutton").style.display = "inline";
			
			if(g_frm.uploaded_logo_pc.value!="") {
				if(document.getElementById("fieldlogoback")) document.getElementById("fieldlogoback").style.display = "inline";
			} else {
				if(document.getElementById("fieldlogoback")) document.getElementById("fieldlogoback").style.display = "none";
			}	
		} else {
			document.getElementById("oproductname").innerHTML = g_frm.productname.value;
			document.images["_imgbackacceptterms"].style.display = "none";
			if(document.getElementById("removebackbutton")) document.getElementById("removebackbutton").style.display = "none";
		}
		DCSetQuantity();
	}
	

	

//////////////////////////////////////////////////////////////////////////////////////////////
// Functions that flick between views


	function DCDoneEditingFront(isedit){
		if(!DCValidateFront(isedit)) return false;	
		if(!g_seenselectback && !isedit && g_frm.preview.value!=1) {
			g_seenselectback = true;
			DCEditBack();
		} else {
			DCChangeView('approval');
		}
	}

	function DCChangeView(view) {
		switch (view){
			case "editfront": DCSetActiveStage("dtedit"); break;
			case "approval": DCSetActiveStage("dtedit"); break;
			case "selectback": DCSetActiveStage("dtedit"); break;
			case "editback": DCSetActiveStage("dtedit"); break;
			case "editbackupload": DCSetActiveStage("dtedit"); break;
			case "options": DCSetActiveStage("dtoptions"); break;
			case "acceptterms": DCSetActiveStage("dtterms"); break;
		}
		DCSetActiveContent(view);
	}

	function DCSetActiveContent(sName) {
		if(g_activecontent) g_activecontent.style.display = "none";
		g_activecontent = document.getElementById(sName);
		if(g_activecontent) g_activecontent.style.display = "inline";
	}
	
	function DCSetActiveStage(sName) {
		if(g_activestage) g_activestage.className = "dtop";
		g_activestage = document.getElementById(sName);
		g_activestage.className = "dtopselected";
	}

	function DCDoneOptions() {
		DCSetQuantity();
		if(g_frm.baseproductid.value == "3"){ // Horrible code as goodprint doesnt print small quantities the same
			if(getFormFieldValue(g_priceselect)<=500) alert(strLetterheadLaserWarning);
		}	
		DCChangeView('acceptterms');
	}
	
	function DCEditBack() {
		if(DCIsDoubleSided()) {
			DCSetActiveContent(g_frm.editbackview.value);
			DCResizeTextBoxes();
		} else {
			DCChangeBack();
		}
		fontLength = fontLengthBack;
	}
	
	function DCChangeBack() {
	 if(SelectBackSetup) 
	 {
	   SelectBackSetup();
   }
	 DCSetActiveContent('selectback');
	}
	
	function DCEditFront() {
		fontLength = fontLengthFront;
		DCChangeView('editfront');
		DCResizeTextBoxes();
	}

	
	function DCDoneEditingBack(){
		if(!DCGetAllowFinish()){
			alert(strErrorPreview);
			return;
		}
		DCSetDoubleSided(true); 
		DCChangeView('approval');
	}

	function DCBackToEdit(){
		if(document.getElementById('approval')){
			DCChangeView('approval');
		} else { // must be single sided, letterhead etc
			DCChangeView('editfront');
		}
	}
	
	function DCBackToOptions(){
		DCChangeView('options');
	}

	function DCAcceptTerms() {
		if(g_frm.savedwork.value==1) // If this started as saved work, then add it as a new item
			g_frm.basketitemid.value = "";	
		g_frm.encoding = "application/x-www-form-urlencoded";
		g_frm.action = "/addtobasket.php";
		g_frm.target = "";
		window.onunload = "";
		g_frm.submit();
	}

	function DCDoneEditing(isedit){
		if(!DCValidateFront(isedit)) return false;		
		DCChangeView("options");
	}

	function DCDoneSelectingBack(){
		DCSetActiveContent('approval');
	}
	
	function DCEmailDesign(isedit) {
		if(!DCValidateFront(isedit)) return false;	
		g_frm.emailme.value='Yes';
		DCAcceptTerms();
	}
	
	function DCSelectIfAvailable() {
		
	}

	function UploadPreview(side, isedit) {
		if(side==g_sfront) {
			if(g_frm.uploaded_eps_tempfile.value=="") {
				alert(strSelectFileFront);
				g_frm.uploaded_eps_tempfile.focus();
				return false;
			}
		} else if (side==g_sback){	
			if(g_frm.uploaded_eps2_tempfile) {
				if(g_frm.uploaded_eps2_tempfile.value=="") {
					alert(strSelectFileBack);
					g_frm.uploaded_eps2_tempfile.focus();
					return false;
				}
			}
		}	
		result = UploadCheckFile(side);
		if(!result) return false;
		
		DCPreview(side);
		
		// empty the file fields as we dont want to upload the same file again
		if(side==g_sfront) 
			g_frm.uploaded_eps_tempfile.value="";
		else if (side==g_sback)
			g_frm.uploaded_eps2_tempfile.value="";
			
		// Dont need the form encoded, it is made encoded on teh onChange event of the file upload fields
		g_frm.encoding = ""
	}

	function UploadCheckFile(side) {
		arrTypes = new Array('jpg', 'jpeg', 'tiff', 'tif', 'eps', 'pdf');
		
		str = "";
		for (var loop=0; loop<arrTypes.length; loop++) str += "."+arrTypes[loop]+" ";
		
		if(side==g_sfront) {
			file = g_frm.uploaded_eps_tempfile.value;
			error = strInvalidFileTypeFront;	
		} else {
			file = g_frm.uploaded_eps2_tempfile.value;
			error = strInvalidFileTypeBack;	
		}
			
		valid = false;
		if(file!="") { // Validate front file
			arr = file.split(".");
			ext = arr[(arr.length-1)]; // Gets the text after the last dot .
			for (var loop=0; loop<arrTypes.length; loop++)
				if(ext.toLowerCase() == arrTypes[loop]) valid = true;
			
			if(!valid) {
				alert(error+str);
				return false;
			}
		}
		return true;
	}
	
	function UploadFieldChanged() {
		g_frm.encoding = "multipart/form-data";
		DCSetAllowFinish(false);	
	}
	
	
	
	function UploadFrontClicked(width, height) {
		if(g_frm.url.value=="") {
			simplePopupScroll('/filepreptutorial.php',650,450);
		} else {
			simplePopupScroll('/showpicture.php?f='+escape(g_frm.url.value)+'&n=Front Design',width,height);
		}
	}

	function UploadBackClicked(width, height) {
		if(g_frm.urlback.value=="") {
			simplePopupScroll('/filepreptutorial.php',650,450);
		} else {
			simplePopupScroll('/showpicture.php?f='+escape(g_frm.urlback.value)+'&n=Back Design',width,height);
		}
	}