/***************************/
//@Author: Adrian "yEnS" Mato Gondelle
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
var frame = "";




/*
var $components = array('Email');

function emailConfirm() {

$message = 'this is a test message';

$this->Email->from    = 'webmaster@horizondisplay.com';
//$this->Email->to      = 'stephen.gladden@horizontechnology.com';
$this->Email->to      = 'me_murali@hotmail.com';
$this->Email->subject = 'How To Buy Inquiry';
$this->Email->sendAs = 'html';
$this->Email->send($message);

}
*/

//loading popup with jQuery magic!
function loadPopup(){
	//loads popup only if it is disabled
	if(popupStatus==0){
	
		$("#backgroundPopup").css({
			"display": "block"
		});

		$("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$("#popupContact").css({
			"display": "block"
		});
				
		$("#backgroundPopup").fadeIn("slow");
		$("#popupContact").fadeIn("slow");
		popupStatus = 1;
	}
	
	if(popupStatus==2){
	   $("#popupContact_edit").css({
			"display": "block"
		});	
	}
	
	if(popupStatus==3){
 
	   $("#popupContact_close").css({
			"display": "block"
		});	
	$("#popupContact_close").fadeIn("slow");

	}
	
	
}

//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$("#popupContact").fadeOut("slow");
		popupStatus = 0;
	}
	if(popupStatus==2)
		{
			$("#popupContact_edit").fadeOut("slow");
			
				$("#popupContact").css({
						"display": "block"
					});				
			
			
			$("#popupContact").fadeIn("slow");
				$("#popupContact_edit").css({
						"display": "none"
					});	
			
			popupStatus=1;
		}
	if(popupStatus==3){
		$("#popupContact_edit").fadeOut("slow");
		$("#popupContact").fadeOut("slow");

 		$("#popupContact_edit").css({
				"display": "none"
			});	
		
 		$("#popupContact").css({
				"display": "none"
			});	
 		$("#popupContact_close").css({
				"display": "block"
			});						
		
	}
		
	if(popupStatus==4){
		$("#backgroundPopup").fadeOut("slow");
		$("#popupContact").fadeOut("slow");
		$("#popupContact_close").fadeOut("slow");

		popupStatus = 0;
	}
			
}

//centering popup
function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact").height();
	var popupWidth = $("#popupContact").width();
	//centering

	$("#popupContact").css({
		"position": "fixed",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	//only need force for IE6

	$("#popupContact_edit").css({
		"position": "fixed",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	
	
	$("#popupContact_close").css({
		"position": "fixed",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
		
 
	$("#backgroundPopup").css({
		"height": windowHeight
	});
	
}
function DisplayProductSpecinSmallPopup(pid)
{
	var ssispan = document.getElementById("span_small_input");
	var ssrspan = document.getElementById("span_small_res");
	var sscspan = document.getElementById("span_small_cont");
	var sssspan = document.getElementById("span_small_birght");
	switch (pid)
	{
	case "info1":
		ssispan.innerHTML= "Analog + DVI";
		ssrspan.innerHTML= "SVGA";
		sscspan.innerHTML= "600:1";
		sssspan.innerHTML= "450";
		break;
	case "info2":
		ssispan.innerHTML= "Analog + DVI";
		ssrspan.innerHTML= "SVGA";
		sscspan.innerHTML= "700:1";
		sssspan.innerHTML= "450";
		break;
	case "info3":
 		ssispan.innerHTML= "Analog + DVI";
		ssrspan.innerHTML= "SVGA";
		sscspan.innerHTML= "450:1";
		sssspan.innerHTML= "450";
		break;
	case "info4":
		ssispan.innerHTML= "Analog + Video";
		ssrspan.innerHTML= "XGA";
		sscspan.innerHTML= "700:1";
		sssspan.innerHTML= "350";
		break;
	case "info5":
		ssispan.innerHTML= "Analog + Video";
		ssrspan.innerHTML= "SXGA";
		sscspan.innerHTML= "800:1";
		sssspan.innerHTML= "300";
		break;
	case "info6":
		ssispan.innerHTML= "Analog + Video";
		ssrspan.innerHTML= "SXGA";
		sscspan.innerHTML= "1000:1";
		sssspan.innerHTML= "300";
		break;
	case "info7":
		ssispan.innerHTML= "Analog + Video";
		ssrspan.innerHTML= "WSXGA";
		sscspan.innerHTML= "1000:1";
		sssspan.innerHTML= "300";
		break;
	case "info8":
		ssispan.innerHTML= "Analog + DVI";
		ssrspan.innerHTML= "WXGA";
		sscspan.innerHTML= "800:1";
		sssspan.innerHTML= "500";
		break;
	case "info9":
		ssispan.innerHTML= "Analog + DVI";
		ssrspan.innerHTML= "WXGA";
		sscspan.innerHTML= "1000:1";
		sssspan.innerHTML= "1000";
		break;
	case "info10":
		ssispan.innerHTML= "Analog + DVI";
		ssrspan.innerHTML= "1080p";
		sscspan.innerHTML= "1300:1";
		sssspan.innerHTML= "500";
		break;
	case "info11":
		ssispan.innerHTML= "Custom";
		ssrspan.innerHTML= "WXGA";
		sscspan.innerHTML= "4000:1";
		sssspan.innerHTML= "500";
		
		break;

	case "info12":
		ssispan.innerHTML= "Analog + DVI";
		ssrspan.innerHTML= "1080p";
		sscspan.innerHTML= "1400:1";
		sssspan.innerHTML= "500";
		break;
	case "info13":
		ssispan.innerHTML= "Custom";
		ssrspan.innerHTML= "WXGA";
		sscspan.innerHTML= "2000:1";
		sssspan.innerHTML= "700";
		break;		
		
	case "info14":
		ssispan.innerHTML= "Analog + DVI";
		ssrspan.innerHTML= "1080p";
		sscspan.innerHTML= "1300:1";
		sssspan.innerHTML= "500";
		break;		
			
	case "info15":
		ssispan.innerHTML= "Custom";
		ssrspan.innerHTML= "1080p";
		sscspan.innerHTML= "4000:1";
		sssspan.innerHTML= "450";
		break;			
	case "info16":
		ssispan.innerHTML= "Custom";
		ssrspan.innerHTML= "WXGA";
		sscspan.innerHTML= "2000:1";
		sssspan.innerHTML= "700";
		break;			
	case "info17":
		ssispan.innerHTML= "Analog + DVI";
		ssrspan.innerHTML= "1080p";
		sscspan.innerHTML= "1000:1";
		sssspan.innerHTML= "500";
		break;			
	case "info18":
		ssispan.innerHTML= "Analog + Video";
		ssrspan.innerHTML= "1080p";
		sscspan.innerHTML= "2000:1";
		sssspan.innerHTML= "500";
		break;			
	case "info19":
		ssispan.innerHTML= "Custom";
		ssrspan.innerHTML= "1080p";
		sscspan.innerHTML= "2000:1";
		sssspan.innerHTML= "700";
		break;			
	case "info20":
		ssispan.innerHTML= "Analog + DVI";
		ssrspan.innerHTML= "1080p";
		sscspan.innerHTML= "2000:1";
		sssspan.innerHTML= "500";
		break;			
	case "info21":
		ssispan.innerHTML= "Custom";
		ssrspan.innerHTML= "1080p";
		sscspan.innerHTML= "2000:1";
		sssspan.innerHTML= "700";
		break;			
	case "info22":
		ssispan.innerHTML= "Custom";
		ssrspan.innerHTML= "1080p";
		sscspan.innerHTML= "1500:1";
		sssspan.innerHTML= "500";
		break;			
	
	}


}


function GetRadioValue(opt)
{

var x = document.forms[0].elements[opt];

for (var i=0; i < x.length; i++)
   {
   if (x[i].checked)
      {
       return x[i].value;
      }
   }
}

function DisplayOPFProduct(pid)
{
	var pspan = document.getElementById("span_product");
	var ispan = document.getElementById("span_input");
	var rspan = document.getElementById("span_res");
	var cspan = document.getElementById("span_cont");
	var sspan = document.getElementById("span_bright");
	var simg = document.getElementById("edit_img");
	
	
	var stouch = document.getElementById("edit_img");

	
	var bpspan = document.getElementById("build_span_prod");
	var bispan = document.getElementById("buid_span_input");
	var brspan = document.getElementById("buid_span_res");
	var bcspan = document.getElementById("buid_span_cont");
	var bsspan = document.getElementById("buid_span_bright");
	var bsimg = document.getElementById("build_img");
	
	
	 var old_spantouch;
	  
	var new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="PeLCD"> PeLCD<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';

	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="PeLCD"> PeLCD<br> '+
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';

	var new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Resistive"> Resistive<br>'+
						'<input type="radio" name="touch" id="touch" value="Capacitive"> Capacitive<br> '+
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br>'+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br>';
 

	
	
	switch (pid)
	{
	case "btn1":
	
		pspan.innerHTML= "8.4''";
		ispan.innerHTML= "Analog + DVI";
		rspan.innerHTML= "SVGA";
		cspan.innerHTML= "600:1";
		sspan.innerHTML= "450";
		simg.src = "/img/Products/nav/OF_8_4.jpg";
		
		bpspan.innerHTML= "8.4''";
		bispan.innerHTML= "Analog + DVI";
		brspan.innerHTML= "SVGA";
		bcspan.innerHTML= "600:1";
		bsspan.innerHTML= "450";
		bsimg.src = "/img/Products/nav/OF_8_4.jpg";
		old_spantouch = document.getElementById("span_touch");
		
		new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
				'<input type="radio" name="touch" id="touch" value="Resistive"> Resistive<br>'+
				'<input type="radio" name="touch" id="touch" value="Capacitive"> Capacitive<br> ';		

		
		old_spantouch.innerHTML = new_spantouch_temp;
		
		old_spansunread  = document.getElementById("span_sunread");
		old_spansunread.innerHTML = new_spansunread;

		
		
		break;
case "btn2":
		pspan.innerHTML= "10.4''";
		ispan.innerHTML= "Analog + DVI";
		rspan.innerHTML= "SVGA";
		cspan.innerHTML= "700:1";
		sspan.innerHTML= "450";
		simg.src = "/img/Products/nav/OF_10_4.jpg";
		bpspan.innerHTML= "10.4''";
		bispan.innerHTML= "Analog + DVI";
		brspan.innerHTML= "SVGA";
		bcspan.innerHTML= "700:1";
		bsspan.innerHTML= "450";
		bsimg.src = "/img/Products/nav/OF_10_4.jpg";
		old_spantouch = document.getElementById("span_touch");
		new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
				'<input type="radio" name="touch" id="touch" value="Resistive"> Resistive<br>'+
				'<input type="radio" name="touch" id="touch" value="Capacitive"> Capacitive<br> ';		

		
		old_spantouch.innerHTML = new_spantouch_temp;
		
		old_spansunread  = document.getElementById("span_sunread");
		old_spansunread.innerHTML = new_spansunread;
		
		break;
	case "btn3":
		pspan.innerHTML= "12.1''";
		ispan.innerHTML= "Analog + DVI";
		rspan.innerHTML= "SVGA";
		cspan.innerHTML= "450:1";
		sspan.innerHTML= "450";
		simg.src = "/img/Products/nav/OF_12_1.jpg";
		bpspan.innerHTML= "12.1''";
		bispan.innerHTML= "Analog + DVI";
		brspan.innerHTML= "SVGA";
		bcspan.innerHTML= "450:1";
		bsspan.innerHTML= "450";
		bsimg.src = "/img/Products/nav/OF_12_1.jpg";
		
		old_spantouch = document.getElementById("span_touch");
		new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
				'<input type="radio" name="touch" id="touch" value="Resistive"> Resistive<br>'+
				'<input type="radio" name="touch" id="touch" value="Capacitive"> Capacitive<br> ';		

		
		old_spantouch.innerHTML = new_spantouch_temp;
		old_spansunread  = document.getElementById("span_sunread");
		old_spansunread.innerHTML = new_spansunread;
		
		
		break;
	case "btn4":
		pspan.innerHTML= "15''";
		ispan.innerHTML= "Analog + Video";
		rspan.innerHTML= "XGA";
		cspan.innerHTML= "700:1";
		sspan.innerHTML= "350";
		simg.src = "/img/Products/nav/OF_15.jpg";

		bpspan.innerHTML= "15''";
		bispan.innerHTML= "Analog + Video";
		brspan.innerHTML= "XGA";
		bcspan.innerHTML= "700:1";
		bsspan.innerHTML= "350";
		bsimg.src = "/img/Products/nav/OF_15.jpg";
		old_spantouch = document.getElementById("span_touch");
		new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
				'<input type="radio" name="touch" id="touch" value="Resistive"> Resistive<br>'+
				'<input type="radio" name="touch" id="touch" value="Capacitive"> Capacitive<br> ';		

		
		old_spantouch.innerHTML = new_spantouch_temp;
		old_spansunread  = document.getElementById("span_sunread");
		old_spansunread.innerHTML = new_spansunread;
		
		
		break;
	case "btn5":
		pspan.innerHTML= "17''";
		ispan.innerHTML= "Analog + Video";
		rspan.innerHTML= "SXGA";
		cspan.innerHTML= "800:1";
		sspan.innerHTML= "300";
		simg.src = "/img/Products/nav/OF_17.jpg";
		bpspan.innerHTML= "17''";
		bispan.innerHTML= "Analog + Video";
		brspan.innerHTML= "SXGA";
		bcspan.innerHTML= "800:1";
		bsspan.innerHTML= "300";
		bsimg.src = "/img/Products/nav/OF_17.jpg";
		old_spantouch = document.getElementById("span_touch");
		new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
				'<input type="radio" name="touch" id="touch" value="Resistive"> Resistive<br>'+
				'<input type="radio" name="touch" id="touch" value="Capacitive"> Capacitive<br> ';		

		
		old_spantouch.innerHTML = new_spantouch_temp;
		old_spansunread  = document.getElementById("span_sunread");
		old_spansunread.innerHTML = new_spansunread;
		
		
		break;
	case "btn6":
		pspan.innerHTML= "19''";
		ispan.innerHTML= "Analog + Video";
		rspan.innerHTML= "SXGA";
		cspan.innerHTML= "1000:1";
		sspan.innerHTML= "300";
		simg.src = "/img/Products/nav/OF_19.jpg";
		bpspan.innerHTML= "19''";
		bispan.innerHTML= "Analog + Video";
		brspan.innerHTML= "SXGA";
		bcspan.innerHTML= "1000:1";
		bsspan.innerHTML= "300";
		bsimg.src = "/img/Products/nav/OF_19.jpg";
		old_spantouch = document.getElementById("span_touch");
		new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
				'<input type="radio" name="touch" id="touch" value="Resistive"> Resistive<br>'+
				'<input type="radio" name="touch" id="touch" value="Capacitive"> Capacitive<br> ';		

		
		old_spantouch.innerHTML = new_spantouch_temp;
		old_spansunread  = document.getElementById("span_sunread");
		old_spansunread.innerHTML = new_spansunread;
		
		
		break;
	case "btn7":
		pspan.innerHTML= "22''";
		ispan.innerHTML= "Analog + Video";
		rspan.innerHTML= "WSXGA+";
		cspan.innerHTML= "1000:1";
		sspan.innerHTML= "300";
		simg.src = "/img/Products/nav/OF_22.jpg";
		bpspan.innerHTML= "22''";
		bispan.innerHTML= "Analog + Video";
		brspan.innerHTML= "WSXGA+";
		bcspan.innerHTML= "1000:1";
		bsspan.innerHTML= "300";
		bsimg.src = "/img/Products/nav/OF_22.jpg";
	    
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Capacitive"> Capacitive<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;
		
		
		break;
	case "btn8":
		pspan.innerHTML= "26''";
		ispan.innerHTML= "Analog + DVI";
		rspan.innerHTML= "WXGA";
		cspan.innerHTML= "800:1";
		sspan.innerHTML= "500";
		simg.src = "/img/Products/nav/OF_26.jpg";
		bpspan.innerHTML= "26''";
		bispan.innerHTML= "Analog + DVI";
		brspan.innerHTML= "WXGA";
		bcspan.innerHTML= "800:1";
		bsspan.innerHTML= "500";
		bsimg.src = "/img/Products/nav/OF_26.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Capacitive"> Capacitive<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;
		break;
	case "btn9":
		pspan.innerHTML= "32''";
		ispan.innerHTML= "Analog + DVI";
		rspan.innerHTML= "WXGA";
		cspan.innerHTML= "1000:1";
		sspan.innerHTML= "1000";
		simg.src = "/img/Products/nav/OF_32.jpg";
		bpspan.innerHTML= "32''";
		bispan.innerHTML= "Analog + DVI";
		brspan.innerHTML= "WXGA";
		bcspan.innerHTML= "1000:1";
		bsspan.innerHTML= "1000";
		bsimg.src = "/img/Products/nav/OF_32.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;
		
		break;

	case "btn10":
		pspan.innerHTML= "32'' Hi Def";
		ispan.innerHTML= "Analog + DVI";
		rspan.innerHTML= "1080p";
		cspan.innerHTML= "1300:1";
		sspan.innerHTML= "500";
		simg.src = "/img/Products/nav/OF_37.jpg";
		bpspan.innerHTML= "32'' Hi Def";
		bispan.innerHTML= "Analog + DVI";
		brspan.innerHTML= "1080p";
		bcspan.innerHTML= "1300:1";
		bsspan.innerHTML= "500";
		bsimg.src = "/img/Products/nav/OF_37.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;
		
		break;

	case "btn11":
		pspan.innerHTML= "32'' Fully customizable";
		ispan.innerHTML= "Custom";
		rspan.innerHTML= "WXGA";
		cspan.innerHTML= "4000:1";
		sspan.innerHTML= "500";
		simg.src = "/img/Products/nav/OF_37.jpg";
		bpspan.innerHTML= "32'' Fully customizable";
		bispan.innerHTML= "Custom";
		brspan.innerHTML= "WXGA";
		bcspan.innerHTML= "4000:1";
		bsspan.innerHTML= "500";
		bsimg.src = "/img/Products/nav/OF_37.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;
		break;

	case "btn12":
		pspan.innerHTML= "37'' Hi Def";
		ispan.innerHTML= "Analog + DVI";
		rspan.innerHTML= "1080p";
		cspan.innerHTML= "1400:1";
		sspan.innerHTML= "500";
		simg.src = "/img/Products/nav/OF_42.jpg";
		bpspan.innerHTML= "37'' Hi Def";
		bispan.innerHTML= "Analog + DVI";
		brspan.innerHTML= "1080p";
		bcspan.innerHTML= "1400:1";
		bsspan.innerHTML= "500";
		bsimg.src = "/img/Products/nav/OF_42.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;

		
		break;
	case "btn13":
		pspan.innerHTML= "40'' Fully customizable";
		ispan.innerHTML= "Custom";
		rspan.innerHTML= "WXGA";
		cspan.innerHTML= "2000:1";
		sspan.innerHTML= "700";
		simg.src = "/img/Products/nav/OF_47.jpg";
		bpspan.innerHTML= "40'' Fully customizable";
		bispan.innerHTML= "Custom";
		brspan.innerHTML= "WXGA";
		bcspan.innerHTML= "2000:1";
		bsspan.innerHTML= "700";
		bsimg.src = "/img/Products/nav/OF_47.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;

		break;

	case "btn14":
		pspan.innerHTML= "42'' Hi Def";
		ispan.innerHTML= "Analog + DVI";
		rspan.innerHTML= "1080p";
		cspan.innerHTML= "1300:1";
		sspan.innerHTML= "500";
		simg.src = "/img/Products/nav/OF_47.jpg";
		bpspan.innerHTML= "42'' Hi Def";
		bispan.innerHTML= "Analog + DVI";
		brspan.innerHTML= "1080p";
		bcspan.innerHTML= "1300:1";
		bsspan.innerHTML= "500";
		bsimg.src = "/img/Products/nav/OF_47.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;
		
		break;
	case "btn15":
		pspan.innerHTML= "46'' Hi-Def <br>  Fully customizable";
		ispan.innerHTML= "Custom";
		rspan.innerHTML= "1080p";
		cspan.innerHTML= "4000:1";
		sspan.innerHTML= "450";
		simg.src = "/img/Products/nav/OF_47.jpg";
		bpspan.innerHTML= "46'' Hi-Def <br>  Fully customizable";
		bispan.innerHTML= "Custom";
		brspan.innerHTML= "1080p";
		bcspan.innerHTML= "4000:1";
		bsspan.innerHTML= "450";
		bsimg.src = "/img/Products/nav/OF_47.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;
		
		break;
		
	case "btn16":
		pspan.innerHTML= "46'' Fully customizable";
		ispan.innerHTML= "Custom";
		rspan.innerHTML= "WXGA";
		cspan.innerHTML= "2000:1";
		sspan.innerHTML= "700";
		simg.src = "/img/Products/nav/OF_47.jpg";
		bpspan.innerHTML= "46'' Fully customizable";
		bispan.innerHTML= "Custom";
		brspan.innerHTML= "WXGA";
		bcspan.innerHTML= "2000:1";
		bsspan.innerHTML= "700";
		bsimg.src = "/img/Products/nav/OF_47.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;
		
		break;
	
	case "btn17":
		pspan.innerHTML= "47'' Hi Def";
		ispan.innerHTML= "Analog + DVI";
		rspan.innerHTML= "1080p";
		cspan.innerHTML= "1000:1";
		sspan.innerHTML= "500";
		simg.src = "/img/Products/nav/OF_52.jpg";
		bpspan.innerHTML= "47'' Hi Def";
		bispan.innerHTML= "Analog + DVI";
		brspan.innerHTML= "1080p";
		bcspan.innerHTML= "1000:1";
		bsspan.innerHTML= "500";
		bsimg.src = "/img/Products/nav/OF_52.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;

		
		break;		
		
	case "btn18":
		pspan.innerHTML= "52'' Hi Def";
		ispan.innerHTML= "Analog + Video";
		rspan.innerHTML= "1080p";
		cspan.innerHTML= "2000:1";
		sspan.innerHTML= "500";
		simg.src = "/img/Products/nav/OF_55.jpg";
		bpspan.innerHTML= "52'' Hi Def";
		bispan.innerHTML= "Analog + Video";
		brspan.innerHTML= "1080p";
		bcspan.innerHTML= "2000:1";
		bsspan.innerHTML= "500";
		bsimg.src = "/img/Products/nav/OF_55.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;
		
		break;		
		
		
	case "btn19":
		pspan.innerHTML= "52'' Hi Def <br>  Fully customizable";
		ispan.innerHTML= "Custom";
		rspan.innerHTML= "1080p";
		cspan.innerHTML= "2000:1";
		sspan.innerHTML= "700";
		simg.src = "/img/Products/nav/OF_55.jpg";
		bpspan.innerHTML= "52'' Hi Def <br>  Fully customizable";
		bispan.innerHTML= "Custom";
		brspan.innerHTML= "1080p";
		bcspan.innerHTML= "2000:1";
		bsspan.innerHTML= "700";
		bsimg.src = "/img/Products/nav/OF_55.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;
		
		break;		
		
	case "btn20":
		pspan.innerHTML= "55'' Hi Def";
		ispan.innerHTML= "Analog + DVI";
		rspan.innerHTML= "1080p";
		cspan.innerHTML= "2000:1";
		sspan.innerHTML= "500";
		simg.src = "/img/Products/nav/OF_55.jpg";
		bpspan.innerHTML= "55'' Hi Def";
		bispan.innerHTML= "Analog + DVI";
		brspan.innerHTML= "1080p";
		bcspan.innerHTML= "2000:1";
		bsspan.innerHTML= "500";
		bsimg.src = "/img/Products/nav/OF_55.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;
		break;		

	case "btn21":
		pspan.innerHTML= "57'' Hi-Def <br> Fully customizable";
		ispan.innerHTML= "Custom";
		rspan.innerHTML= "1080p";
		cspan.innerHTML= "2000:1";
		sspan.innerHTML= "700";
		simg.src = "/img/Products/nav/OF_55.jpg";
		bpspan.innerHTML= "57'' Hi-Def <Br> Fully customizable";
		bispan.innerHTML= "Custom";
		brspan.innerHTML= "1080p";
		bcspan.innerHTML= "2000:1";
		bsspan.innerHTML= "700";
		bsimg.src = "/img/Products/nav/OF_55.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;

		
		break;		
	case "btn22":
		pspan.innerHTML= "70'' Hi-Def <br> Fully customizable";
		ispan.innerHTML= "Custom";
		rspan.innerHTML= "1080p";
		cspan.innerHTML= "1500:1";
		sspan.innerHTML= "500";
		simg.src = "/img/Products/nav/OF_55.jpg";
		bpspan.innerHTML= "70'' Hi-Def <br> Fully customizable";
		bispan.innerHTML= "Custom";
		brspan.innerHTML= "1080p";
		bcspan.innerHTML= "1500:1";
		bsspan.innerHTML= "500";
		bsimg.src = "/img/Products/nav/OF_55.jpg";
	    new_spantouch_temp = '<input type="radio" name="touch" id="touch" value="None" checked="checked"> None<br>' +
						'<input type="radio" name="touch" id="touch" value="Optical"> Optical<br> '+
						'<input type="radio" name="touch" id="touch" value="DST"> DST<br> ';
      old_spantouch = document.getElementById("span_touch");
      old_spantouch.innerHTML = new_spantouch_temp;
	    
	  new_spansunread = '<input type="radio" name="sunread" value="None" checked="checked"> None<br>'+
					'<input type="radio" name="sunread" value="Optical Bonding"> Optical Bonding<br>' +
					'<input type="radio" name="sunread" value="Anti-Reflective/Anti-Glare"> Anti-Reflective/Anti-Glare<br> '+
					'<input type="radio" name="sunread" value="Back-Light Enhancement"> Back-Light Enhancement<br>';
	    
	   old_spansunread  = document.getElementById("span_sunread");
 	   old_spansunread.innerHTML = new_spansunread;
		

		break;		


		
 	 default:

 		
	}


}

function viewPost(postId){


$.ajax({
type: "post",  // Request method: post, get
url: "/Collect/TestEmail", // URL to request
data: postId,  // post data
success: function(response) {
//alert('Response '+ response.responseText);
},
error:function (XMLHttpRequest, textStatus, errorThrown) {
//alert('Error ' + XMLHttpRequest.responseText);
}
});
return false;
}





function UpdatePreview()
{
	var name = document.getElementById("Name");
	var company = document.getElementById("Company");
	var Tel = document.getElementById("Telephone");
	var Email = document.getElementById("Email");
	var Qty = document.getElementById("Quantity");
	
	var sname = document.getElementById("buid_span_name");
	var scompany = document.getElementById("buid_span_company");
	var sTel = document.getElementById("buid_span_Telphone");
	var sEmail = document.getElementById("buid_span_email");
	var sQty = document.getElementById("buid_span_qty");
	var simg = document.getElementById("build_img");

	sname.innerHTML =name.value;
	scompany.innerHTML =company.value;
	sTel.innerHTML =Tel.value;
	sEmail.innerHTML =Email.value;
	sQty.innerHTML =   Qty.value;

}

//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
		
		frame = document.getElementById("frame_id");
		
		$(function() {                
		var btns = $('#btn1,#btn2,#btn3,#btn4,#btn5,#btn6,#btn7,#btn8,#btn9,#btn10,#btn11,#btn12,#btn13,#btn14,#btn15,#btn16,#btn17,#btn18,#btn19,#btn20,#btn21,#btn22');                
		$.each(btns, function() {  
		$(this).click(function() {
		if (frame.value=="OPF")
		 DisplayOPFProduct(this.id); 
		 else
			DisplayLCDProduct(this.id); 

	 	centerPopup();
		loadPopup(); 
		});  
		 $(this).mouseover(function() {
				this.src="/img/btn_select_over.gif";
		 });   
		 $(this).mouseout(function() {
				this.src="/img/btn_select.gif";
		 });   
		          
		});            
		});   
	
		$("img").mouseover(
		function () {
		var el = $(this);
        var pos = el.position();
        
        switch(this.id)
        {
        case "info1":
        case "info2":
        case "info3":
        case "info4":
        case "info5":
        case "info6":
        case "info7":
        case "info8":
        case "info9":
        case "info10":
        case "info11":
        case "info12":
        case "info13":
        case "info14":
        case "info15":
        case "info16":
        case "info17":
        case "info18":
        case "info19":
        case "info20":
        case "info21":
        case "info22":
			if (frame.value=="OPF")
				DisplayProductSpecinSmallPopup(this.id);
			else
				DisplayProductSpecinSmallPopup_lcd(this.id);
		    if (frame.value=="OPF")
		    {
			$("#smallpopup").css({
				"position": "absolute",
				"top": pos.top,
				"left": pos.left+35
			});
			$("#smallpopup").css({
					"display": "block"
				});	
			}
			else
			{
			$("#smallpopup1").css({
				"position": "absolute",
				"top": pos.top,
				"left": pos.left+35
			});
			$("#smallpopup1").css({
					"display": "block"
				});	
			}
				this.src ="/img/info_icon_off.gif";
		break;
		}		
		});
		
		$("img").mouseout(
		function () {
		
        switch(this.id)
        {
        case "info1":
        case "info2":
        case "info3":
        case "info4":
        case "info5":
        case "info6":
        case "info7":
        case "info8":
        case "info9":
        case "info10":
        case "info11":
        case "info12":
        case "info13":
        case "info14":
        case "info15":
        case "info16":
        case "info17":
        case "info18":
        case "info19":
        case "info20":
        case "info21":
        case "info22":
        if (frame.value=="OPF")
        {
			$("#smallpopup").css({
					"display": "none"
				});	
		}
		else
		{
			$("#smallpopup1").css({
					"display": "none"
				});	
		
		
		}
				this.src ="/img/info_icon.gif";
		break;				
		}

		
		}) ;
 
	$("#Buildit").click(function(){

		var bpspan = document.getElementById("buid_span_touch");
		bpspan.innerHTML= GetRadioValue('touch');
		bpspan = document.getElementById("buid_span_sun");
		bpspan.innerHTML= GetRadioValue('sunread');
	 	bpspan = document.getElementById("buid_span_prot");
 		bpspan.innerHTML= GetRadioValue('protclass');
		CheckRequired(); 
	});			
			
	$("#SubmitIt").click(function(){
		//centering with css
		popupStatus = 3;
		disablePopup();
		loadPopup();

	 var Name = document.getElementById("Name");
	 var Company = document.getElementById("Company");
	 var Phone = document.getElementById("Telephone");
	 var Email = document.getElementById("Email");
	 var Qty = document.getElementById("Quantity");
	 var Touch = document.getElementById("buid_span_touch");
	 var Sunlight = document.getElementById("buid_span_sun");
	 var Protect = document.getElementById("buid_span_prot");
	 var Product = document.getElementById("build_span_prod");
	 var Input = document.getElementById("buid_span_input");
	 var Res = document.getElementById("buid_span_res");
	 var Contrast = document.getElementById("buid_span_cont");
	 var Bright = document.getElementById("buid_span_bright");
	 
 
		
	 var post;
	 post =  'Name='+Name.value+'&Company='+Company.value+'&Phone='+Phone.value+'&Email='+Email.value+'&Qty='+Qty.value;
	 
	 post = post +'&Touch='+Touch.innerHTML+'&Sunlight='+Sunlight.innerHTML+'&Protect='+Protect.innerHTML+'&Product='+Product.innerHTML;
	 if (frame.value=="OPF")
		post = post +'&Input='+Input.innerHTML+'&Res='+Res.innerHTML+'&Contrast='+Contrast.innerHTML+'&Bright='+Bright.innerHTML+'&Frame=Open Frames';
	 else
	 		post = post +'&Res='+Res.innerHTML+'&Contrast='+Contrast.innerHTML+'&Bright='+Bright.innerHTML+'&Frame=LCD Kits';
	 viewPost(post);
	});				
	$("#EditIt").click(function(){
		//centering with css
		disablePopup();
	});					
				
	$("#CloseIt").click(function(){
		//centering with css
		popupStatus = 4;
		disablePopup();

	});						
	//CLOSING POPUP
	//Click the x event!
	$("#popupContactClose").click(function(){
		disablePopup();
	});
	
	//$("#popupContact_edit").click(function(){
	//	alert('clicke out event edit');
	//	disablePopup();
	//});
		
	//Click out event!
	$("#backgroundPopup").click(function(){
		disablePopup();
	});
	
	
	
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});

});


function CheckRequired(){


var Name = document.getElementById("Name");
var Company = document.getElementById("Company");
var Telephone = document.getElementById("Telephone");
var email = document.getElementById("Email");
var Quantity = document.getElementById("Quantity");

var labelName = document.getElementById("CollectName");
var labelCompany = document.getElementById("CollectCompany");
var labelTelephone = document.getElementById("CollectTelephone");
var labelEmail = document.getElementById("CollectEmail");
var labelQuantity = document.getElementById("CollectQuantity");
var alert = document.getElementById("alert");
var alerttext = 'There was a problem with <br> your submission. <br> Please correct the <br> highlighted field and  <br> click "Build it" again. <br>';
var al = document.getElementById("alert");


var val = true;

if (Name.value =="")
{
	val = false;
    labelName.style.color='red';
   }
 else
 {
	labelName.style.color='#00335e';
	val = true;
}

if (! echeck (email.value))
{
	val = false;
    labelEmail.style.color='red';
   }
 else
 {
	labelEmail.style.color='#00335e';
	val = true;
}
   
if (Company.value =="")
{
	labelCompany.style.color='red';
	val = false;
}
 else
 {
	labelCompany.style.color='#00335e';
	val = true;
}
	
if (Telephone.value =="")
{
	labelTelephone.style.color='red';
	val = false;
}
 else
 {
	labelTelephone.style.color='#00335e';
val = true;
}
	
if (Quantity.value =="")
{
	labelQuantity.style.color='red';
	val = false;
	}
 else
 {
	labelQuantity.style.color='#00335e';
	val = true;
	}
	
if ( val== false)
{
	al.innerHTML = alerttext;
	al.style.color='red';
}
else
{

		$("#popupContact").fadeIn("slow");
		UpdatePreview()
		popupStatus = 2;
	    al.innerHTML ="";
		loadPopup();
		
			
	
}
	

}


function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    return false
		 }

 		 return true					
	}