var pricekk = new Array()
var pricefin = new Array()
var glass = new Array(0,134,134,216,216,216,216,377,377,377,377);
var glass2 = new Array(232,364,364,474,474,474,474,538,538,538,538);
var glass3 = new Array(111,245,245,327,327,327,327,488,488,488,488);
var glass4 = new Array(524,668,668,803,803,803,803,836,836,836,836);
var glass5 = new Array(401,504,504,590,590,590,590,773,773,773,773);

var glasscust3 = new Array (405,532,532,609,609,609,609,683,683,683,683) 
var glasscust4 = new Array (797,933,933,1061,1061,1061,1061,1092,1092,1092,1092) 
var glasscust5 = new Array (680,777,777,859,859,859,859,1032,1032,1032,1032) 

var gold= new Array(0,49,238,238,238,238,294,294,294,294,294,294);
var gold2= new Array(0,71,324,324,324,324,400,400,400,400,400,400);
var gold3= new Array(0,49,238,238,238,238,294,294,294,294,294,294);
var gold4= new Array(0,73,415,415,415,415,513,513,513,513,513,513);
var gold5= new Array(0,49,293,293,293,293,360,360,360,360,360,360);


pricekk[1]= new Array("20-36, cust",glass, glass, glass, glass, glass, glass, glass, glass, glass, glass, glass, glass, glass2,glass2,glass2,glass2,glass2,glass2)         
pricekk[2] = new Array ( "20-36 cust ", glass3, glass4 ,glasscust3, glasscust4)
pricekk [3] =new Array ("20-36,cus", glass5, glass4 , glasscust5,glasscust4)
pricekk [4] =new Array ("20-36,cust", glasscust4, glasscust4)


pricefin[1]= new Array("20-36,cus", gold, gold , gold, gold , gold, gold , gold, gold , gold, gold , gold, gold ,gold2,gold2,gold2,gold2,gold2,gold2 )         
pricefin[2] = new Array ( "20-36, cus" , gold, gold4, gold, gold, gold4 )
pricefin [3] =new Array ("20-36,cus", gold5,gold4,gold5,gold4)
pricefin [4] =new Array ("20-36,cus", gold5, gold4,gold5,gold4)
// concatanates WIDTH  value of 2 dropdowns delete dropdownd and create hidden input fields to transfer information to the cart
function concatanateOptions(){
// check if it's for overlap or for custom width;

	e1=document.getElementById("newoptoverlap").getElementsByTagName("select")
//if it's custom widht or exact overlap
	e2=document.getElementById("newopt1").getElementsByTagName("select");
	if (e2.length==0)
		{e=e1}
		else
		{e=e2}
	if (e.length>0){
//alert(e.length);
	document.getElementById("newinp").innerHTML = '<input name="Width Top" id="NewW0" type="hidden" value=""><input name="Width Middle" id="NewW2" type=hidden><input name="Widht Bottom" id="NewW4" type=hidden>';

		var cartValue;
		var u;
// collecting values from drop down;
		for (i=0; i<=4 ; i=i+2){
		
			var myindex  = e[i].selectedIndex;
			var myindex2  = e[i+1].selectedIndex;
		//alert(i);
			var SelValue = e[i].options[myindex].value;
			var SelValue2 = e[i+1].options[myindex2].value;
		
			cartValue = SelValue +' '+ SelValue2 + '/16 Inches';
		//alert(cartValue);
 			var t = i;
			var t2=(i+2)/2
 			var par = 'NewW' + t;
 			par2 = 'CustomW' + t2 + 'In';
//trasfering to cart
			document.getElementById(par).value=cartValue;
		}

// removing all other values

	document.getElementById("CustomW1Qu").innerHTML='';

	document.getElementById("CustomW2Qu").innerHTML='';
	document.getElementById("CustomW3Qu").innerHTML='';
// replace dropdowns with other options
	removeOpt();
	}
}

function concatanateOptionsHeight(){
// check if it's for overlap or for custom width;
	e=document.getElementById("customw").getElementsByTagName("select")
	if (e.length > 0){
//if it's custom widht or exact overlap
//alert(e.length);
	var cartValue;
// collecting values from drop down;
	var myindex  = e[0].selectedIndex;
	var myindex2  = e[1].selectedIndex;
	//alert(i);
	var SelValue = e[0].options[myindex].value;
	var SelValue2 = e[1].options[myindex2].value;
	cartValue = SelValue +' '+ SelValue2 + '/16 Inches';
		//alert(cartValue);
//trasfering to cart
	document.getElementById("CusHeight").innerHTML = '<input name="Custom Height" id="NewHei" type="hidden" value="">';
	document.getElementById("NewHei").value=cartValue;
// removing all other values
document.getElementById("customw").innerHTML='';
// replace dropdowns with other options
}
}


function removeOpt(){
//replacing html for dropdowns with selected values
document.getElementById("CustomW1In").innerHTML='Custom Width Top ' + document.getElementById("NewW0").value;
document.getElementById("CustomW2In").innerHTML='Custom Width Middle ' + document.getElementById("NewW2").value;
document.getElementById("CustomW3In").innerHTML='Custom Width Bottom ' + document.getElementById("NewW4").value;
//alert('h');
//alert(document.getElementById("newopt"));
//document.getElementById("newopt").innerHTML='<table><tr><td rowspan=3><img src=http://site.bathroom-glass-vanities.com/images/multi/custom-mes-bascto.gif></td><td><span id="NewW1Text"></span><br><span id="CustomW1In"></span><span id="CustomW1Qu"></span></td></tr><tr><td><span id="NewW2Text"></span><br><span id="CustomW2In"></span><span id="CustomW2Qu"></span></td></tr><tr><td><span id="NewW3Text"></span><br><span id="CustomW3In"></span><span id="CustomW3Qu"></span></td></tr></table>';
//alert(document.getElementById("CustomW1Qu").innerHTML);
//CustomW1In

}


//option creation

var ott = new Array (1,2,3,4,4,5,5);

//filler test - calling by anychanges of created select-boxes
function FillerTest (){

var e3;
// if filler is for overlap or for custom shower;
e1=document.getElementById("newoptoverlap").getElementsByTagName("select")

e2=document.getElementById("newopt1").getElementsByTagName("select");
//alert (e2.length);

if (e2.length==0){e3=e1}else{e3=e2}


if (e3.length > 0){

for (i=0; i< e3.length ; i++){

	var myindex3  = e3[i].selectedIndex;
	
	var vv=e3[i].options[myindex3].value;
	//alert(vv);
//need to store all info in array 
	ott[i]=vv;
	}

 var k = Math.max(ott[0], ott[2],ott[4])
  var kk = Math.min(ott[0], ott[2],ott[4])
var k1 = Math.max(ott[1], ott[3],ott[5])
  var kk1 = Math.min(ott[1], ott[3],ott[5])
//alert(kk1);
// if any difference in values than we need filler

if (kk-k==0 && kk1-k1==0){
removeFiller();} else {createFiller();}
}
}

function removeFiller(){
document.getElementById("filler").innerHTML='';
}
var fillerlist = new Array ("Filler required (+100)", "Filler is not required");
var filervalue = new Array ("Filler required (+100)", "Filler is not required");

function createFiller(){
if (document.getElementById("filler").innerHTML=='')
	{
	    document.getElementById("filler").innerHTML='<p class="shortbr3">Add Filler<span class="smalldesc"> When walls are out of level beyond 3/8&quot; tapered filler for proper fit is required</span></p><span id="fillerDrop"></span>';
		CreateDD('Add Filler', fillerlist, filervalue, 0,1, "fillerDrop" );
	}
}



//put overlap selection back to page
function RestoreOverlap(){
if (document.getElementById("overlap")!=null){
//var vv = document.getElementById("overlap").innerHTML;
// checking if it's on the page already
if (document.getElementById("overlap").innerHTML !=''){} 
// if no - put it back;
else
{//if (document.getElementById("overlap")==null){ alert('reds');
document.getElementById("overlap").innerHTML=over;
}
//}
}
}


//creating custom Height selector

function test(a) {
//deleting previous 
document.getElementById("customw").innerHTML='';
 var option_name_top2 = new Array (66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84);
 var option_value_top2 = new Array (66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84);
// if tub or shower - height of the door is different
 if (a==1){var st=0; var ls =18 } else {var st = 7; var ls = 22; }
document.getElementById("customw").innerHTML='<p class="shortbr3"> Select Custom Height of Your Door <span class="smalldesc"> from ' + option_name_top2[st] + ' Inches up to ' + option_name_top2[ls] + '</span></p><span id="CustomHe"></span> <span id="CustomHeQu"></span>';
CreateDD ('Custom Door Height',option_name_top2,option_value_top2, st, ls,"CustomHe");
CreateDD('Custom Door Height Quad', option_name_top3, option_value_top3, 0,15,"CustomHeQu");

}
 var option_name_top3 = new Array (0,'1/16','1/8','3/16','1/4','5/16','3/8','7/16','1/2','9/16','5/8','11/16','3/4','13/16','7/8','15/16');
var option_value_top3 = new Array (0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15);

var option_name_top = new Array (32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72);
var option_value_top = new Array (32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72);

//option creation

function CreateDD(name, valuename, valuelist, start,end, parentelementID)
{
	var combo_box;
	var choice;
	combo_box = document.createElement('SELECT');
	combo_box.name = name;
	
	// all created dropdowns (3 width ) have onchange event = filler test
	if (combo_box.name != 'Add Filler' && combo_box.name != 'Custom Door Height' && combo_box.name != 'Custom Door Height Quad' ){
	combo_box.onchange=function(){FillerTest();
	};
	}
	
	if (combo_box.name == 'Add Filler'){
	combo_box.onchange=function(){updatePrice2(this.form,this);
	};
	}

	for(j=start; j <= end; j++)
		{
			 choice = document.createElement('option');
			  choice.value = valuelist[j];
			  choice.appendChild(document.createTextNode(valuename[j]));
			combo_box.appendChild(choice);
		}
		
	document.getElementById(parentelementID).appendChild(combo_box);
}
// creating combo boxes for custom width 
function cWidth(){

//creating spot for new options
document.getElementById("newopt1").innerHTML='<table><tr><td rowspan=3><img src=http://site.bathroom-glass-vanities.com/images/multi/custom-mes-bascto.gif></td><td><span id="NewW1Text"></span><br><span id="CustomW1In"></span><span id="CustomW1Qu"></span></td></tr><tr><td><span id="NewW2Text"></span><br><span id="CustomW2In"></span><span id="CustomW2Qu"></span></td></tr><tr><td><span id="NewW3Text"></span><br><span id="CustomW3In"></span><span id="CustomW3Qu"></span></td></tr></table>';
//document.getElementById("CustomHeithText").innerHTML='Choose Custom Height';
CreateDD('Custom Width Top Inch', option_name_top, option_value_top, 0,40, "CustomW1In" );
CreateDD('Custom Widht Top Quad', option_name_top3, option_value_top3, 0,15, "CustomW1Qu" );
CreateDD('Custom Width Middle Inch', option_name_top, option_value_top, 0,40, "CustomW2In" );
CreateDD('Custom Width Middle Quad',option_name_top3, option_value_top3, 0,15, "CustomW2Qu" );
CreateDD('Custom Width Bottom Inch', option_name_top, option_value_top, 0,40, "CustomW3In" );
CreateDD('Custom Width Bottom Quad',option_name_top3, option_value_top3, 0,15, "CustomW3Qu" );

// remove overlap from the page as custom width is always assume exact overlap;
var el =document.getElementById("overlap");
if (el != null){
 //alert(el);
 document.getElementById("overlap").innerHTML="";
 }
}
//creating width options for exact overlap
function customWidhtForOverlap(){

//creating spot for new options
document.getElementById("newoptoverlap").innerHTML='<table><tr><td rowspan=3><img src=http://site.bathroom-glass-vanities.com/images/multi/custom-mes-overlap-bascto.gif></td><td><span id="NewW1Text"></span><br><span id="CustomW1In"></span><span id="CustomW1Qu"></span></td></tr><tr><td><span id="NewW2Text"></span><br><span id="CustomW2In"></span><span id="CustomW2Qu"></span></td></tr><tr><td><span id="NewW3Text"></span><br><span id="CustomW3In"></span><span id="CustomW3Qu"></span></td></tr></table>';
// creating 6 dropdowns
CreateDD('Door Width Top Inch', option_name_top, option_value_top, 0,40, "CustomW1In" );
CreateDD('Door Widht Top Quad', option_name_top, option_value_top, 41,56, "CustomW1Qu" );
CreateDD('Door Width Middle Inch', option_name_top, option_value_top, 0,40, "CustomW2In" );
CreateDD('Door Width Middle Quad', option_name_top, option_value_top, 41,56, "CustomW2Qu" );
CreateDD('Door Width Bottom Inch', option_name_top, option_value_top, 0,40, "CustomW3In" );
CreateDD('Door Width Bottom Quad', option_name_top, option_value_top, 41,56, "CustomW3Qu" );


}



// removing elements
 function removeElement() {
var el =document.getElementById("CustomHe");
  var el2 =document.getElementById("newopt1");
   var el3 =document.getElementById("CustomMid");
 if (el != null){
 var tub_show = document.forms[0].elements["Door_Height"].selectedIndex;
//removing custom height fields if custom height is not chosen or was changed to other value
if (tub_show < 6){
//alert(el);

document.getElementById("customw").innerHTML="";

}

}
  if (el3 != null){
 //alert(el);
 document.getElementById("CustomMid").innerHTML="";
 }
  if (el2 != null){
 //alert(el);
 document.getElementById("newopt1").innerHTML="";
 
 }
 //alert(el);
//el.parentNode.removeChild(el);
//alert('removed');
//}
}

function setOptions(chosen) {
removeElement();
//alert(chosen)
var selbox = document.f1.Door_Width;
//var selbox2 = document.f1.optthree;
 
selbox.options.length = 0;
//selbox2.options.length = 0;
if (chosen == ' ') {
selbox.options[selbox.options.length] = new Option('Please select one of the options above first',' ');
//selbox2.options[selbox2.options.length] = new Option('Please select one of the options above first',' ');
}
if (chosen == '1') {
selbox.options[selbox.options.length] = new Option('Choose Your Shower Width and Type','None');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 36"-37" ','Frameless Panel - Door 36"-37" [Model : 1413S-1]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 37"-38" ','Frameless Panel - Door 37"-38" [Model : 1413S-2]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 38"-39" ','Frameless Panel - Door 38"-39" [Model : 1413S-3]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 39"-40" ','Frameless Panel - Door 39"-40" [Model : 1413S-4]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 40"-41" ','Frameless Panel - Door 40"-41" [Model : 1413S-5]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 41"-42" ','Frameless Panel - Door 41"-42" [Model : 1413S-6]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 42"-43" ','Frameless Panel - Door 42"-43" [Model : 1413S-7]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 43"-44" ','Frameless Panel - Door 43"-44" [Model : 1413S-8]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 45"-46" ','Frameless Panel - Door 44"-45" [Model : 1413S-9]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 45"-46" ','Frameless Panel - Door 44"-46" [Model : 1413S-10]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 46"-47" ','Frameless Panel - Door 46"-47" [Model : 1413S-11]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 47"-48" ','Frameless Panel - Door 47"-48" [Model : 1413S-12]');

selbox.options[selbox.options.length] = new Option('Frameless Panel - Door - Panel 36"-38" ','Frameless Panel - Door - Panel 36"-38" [Model : 1412S-1]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door - Panel 38"-40" ','Frameless Panel - Door - Panel 38"-40" [Model : 1412S-2]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door - Panel 40"-42" ','Frameless Panel - Door - Panel 40"-42" [Model : 1412S-3]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door - Panel 42"-44" ','Frameless Panel - Door - Panel 42"-44" [Model : 1412S-4]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door - Panel 44"-46" ','Frameless Panel - Door - Panel 44"-46" [Model : 1412S-5]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door - Panel 46"-48" ','Frameless Panel - Door - Panel 46"-48" [Model : 1412S-6]');


//selbox2.options[selbox2.options.length] = new Option('Tub Shower - option one A','oneoneA');
//selbox2.options[selbox2.options.length] = new Option('first choice - option two A','onetwoA');
}
if (chosen == '2') {
selbox.options[selbox.options.length] = new Option('Choose Your Door Width and Type','None');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 32"-60"','32"-60" Finished Opening Required [Model : 1413]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door - Panel 36"-60"','36"-60" Finished Opening Required [Model : 1412]');


selbox.options[selbox.options.length] = new Option('Custom Frameless Panel - Door','Custom Frameless Panel - Door [Model : 1413-CUS]');
selbox.options[selbox.options.length] = new Option('Custom Frameless Panel - Door - Panel','Custom Frameless Panel - Door - Panel [Model : 1412-CUS]');

//selbox2.options[selbox2.options.length] = new Option('second choice - option one A','twooneA');
//selbox2.options[selbox2.options.length] = new Option('second choice - option two A','twotwoA');
//selbox2.options[selbox2.options.length] = new Option('second choice - option three A','twothreeA');
}

if (chosen == '3') { 
selbox.options[selbox.options.length] = new Option('Choose Your Door Width and Type','None');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door 32"-60"','32"-60" Finished Opening Required [Model : 1713]');
selbox.options[selbox.options.length] = new Option('Frameless Panel - Door - Panel 36"-60"','36"-60" Finished Opening Required [Model : 1712]');
selbox.options[selbox.options.length] = new Option('Custom Frameless Panel - Door','Custom Frameless Panel - Door [Model : 1713-CUS]');
selbox.options[selbox.options.length] = new Option('Custom Frameless Panel - Door - Panel','Custom Frameless Panel - Door - Panel [Model : 1712-CUS]');
}
//creating custom height for shower
//test(1);
if (chosen == '4') { 
selbox.options[selbox.options.length] = new Option('Choose Your Door Width and Type','None');
selbox.options[selbox.options.length] = new Option('Custom Frameless Panel - Door','Custom Frameless Panel - Door [Model : 1713CUS-CUS]');
selbox.options[selbox.options.length] = new Option('Custom Frameless Panel - Door - Panel','Custom Frameless Panel - Door - Panel [Model : 1712CUS-CUS]');
test(1); }

//replacing prices according to selection

ModifyOptions();

}