﻿
	//Volusion combo boxes  
	var letter1 = document.getElementsByName("SELECT___" + global_Current_ProductCode + "___25")[0];
	var letter2 = document.getElementsByName("SELECT___" + global_Current_ProductCode + "___22")[0];
	var letter3 = document.getElementsByName("SELECT___" + global_Current_ProductCode + "___23")[0];
	var forecolor = document.getElementsByName("SELECT___" + global_Current_ProductCode + "___7")[0];
	var backcolor = document.getElementsByName("SELECT___" + global_Current_ProductCode + "___9")[0];
	var shirtcolor = document.getElementsByName("SELECT___" + global_Current_ProductCode + "___4")[0];
	var forethreadcolor = document.getElementsByName("SELECT___" + global_Current_ProductCode + "___18")[0];
	var backthreadcolor = document.getElementsByName("SELECT___" + global_Current_ProductCode + "___12")[0];

	//image generator img tags
	var pvw1back = document.getElementById("preview1back");
	var pvw2back = document.getElementById("preview2back");
	var pvw3back = document.getElementById("preview3back");
	var pvw1fore = document.getElementById("preview1fore");
	var pvw2fore = document.getElementById("preview2fore");
	var pvw3fore = document.getElementById("preview3fore");
	var pvw1forethread = document.getElementById("preview1forethread");
	var pvw2forethread = document.getElementById("preview2forethread");
	var pvw3forethread = document.getElementById("preview3forethread");
	var pvw1backthread = document.getElementById("preview1backthread");
	var pvw2backthread = document.getElementById("preview2backthread");
	var pvw3backthread = document.getElementById("preview3backthread");


	var ForePath = "http://completeapparelsolutions.com/preview/foreground/";
	var BackPath = "http://completeapparelsolutions.com/preview/background/";
	var ForeThreadPath = "http://completeapparelsolutions.com/preview/forethreads/";
	var BackThreadPath = "http://completeapparelsolutions.com/preview/backthreads/";
	//var ForePath = "output/foreground/";
	//var BackPath = "output/background/";
	//var ForeThreadPath = "output/forethreads/";
	//var BackThreadPath = "output/backthreads/";
	var BlankPath = "http://completeapparelsolutions.com/preview/cgt_logo.png";

	function dopreview() {
		var b1, b2, b3;
		document.getElementById("previewtable").bgColor = arycolor[shirtcolor[shirtcolor.selectedIndex].value];
		b1 = showimage(letter1, pvw1fore, pvw1back, pvw1forethread, pvw1backthread);
		b2 = showimage(letter2, pvw2fore, pvw2back, pvw2forethread, pvw2backthread);
		b3 = showimage(letter3, pvw3fore, pvw3back, pvw3forethread, pvw3backthread);

		if (!(b1 || b2 || b3)){
			alert("You must pick a letter, Foreground fabric, and Fore Thread Color to see the preview.");
		}
	}
	
	function showimage(letter, fore, back, forethread, backthread) {
	
		var fc = forecolor[forecolor.selectedIndex].value;
		var bc = backcolor[backcolor.selectedIndex].value;
		var ft = forethreadcolor[forethreadcolor.selectedIndex].value;
		var bt = backthreadcolor[backthreadcolor.selectedIndex].value;

		var lettertext = letter[letter.selectedIndex].text;
		
		//Only show images if letter, forecolor and fore thread is selected.
		if (fc == 0 || ft == 0 || letter[letter.selectedIndex].value == 0) {
			fore.src = BlankPath;
			back.src = BlankPath;
			forethread.src = BlankPath;
			backthread.src = BlankPath;
			return false;

		}
		else {
			//Only show background if back thread and back color is selected.
			if ( bc == 0 || bt == 0) {
				back.style.visibility="hidden"; 
				backthread.style.visibility="hidden";
			}
			else {
				back.src = BackPath + bc + "/" + bc + "-" + lettertext + "-Back.png" ;			
				back.style.visibility="visible"; 
				backthread.src = BackThreadPath + bt + "/" + bt + "-" + lettertext + "-Back-Thread.png" ;
				backthread.style.visibility="visible";
			}
			fore.src = ForePath + fc + "/" + fc + "-" + lettertext + "-Fore.png" ;
			forethread.src = ForeThreadPath + ft + "/" + ft + "-" + lettertext + "-Fore-Thread.png" ;
			return true;
		}
			
	}


