var edit_dimensionsOn=false;
var total_image_sides=4;


function popUp() {
	URL = document.getElementById("full_size").src;
	URL = URL.replace("/baths/","/baths/full_size/");
	// alert(URL);
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=505,height=710,left = 387.5,top = 157');");
}


function handle_set_dimensions_change(i){
if(i==0){
	total_image_sides = 4
	}
	
if(i==1){
	total_image_sides = 3
	}	

if(i==2){
	total_image_sides = 5
	}	
show_hide_dimension_text_boxes(total_image_sides);
}

function requestConsultation(){
	
name = document.getElementById("requestaConsultation_fullname").value;
email  = document.getElementById("requestaConsultation_email").value;
phone  = document.getElementById("requestaConsultation_phone").value;

if(edit_dimensionsOn){
	save_dimensions();
	}
	
	layout_id = document.getElementById("layout").options[document.getElementById("layout").selectedIndex]['value'];
	file_1=session_id+"_1.txt";
	file_2=session_id+"_2.txt";
	
	A_dimensions = document.getElementById("A_dimensions_HTML").innerHTML;
	B_dimensions = document.getElementById("B_dimensions_HTML").innerHTML;
	C_dimensions = document.getElementById("C_dimensions_HTML").innerHTML;
	
	D_dimensions = document.getElementById("D_dimensions_HTML").innerHTML;
	F_dimensions = document.getElementById("F_dimensions_HTML").innerHTML;
	G_dimensions = document.getElementById("G_dimensions_HTML").innerHTML;
	H_dimensions = document.getElementById("H_dimensions_HTML").innerHTML;
	I_dimensions = document.getElementById("I_dimensions_HTML").innerHTML;
	
	h_collections_var = document.getElementById("h_collections_HTML").options[document.getElementById("h_collections_HTML").selectedIndex]['value'];
	h_finish_var = document.getElementById("finish").options[document.getElementById("finish").selectedIndex]['value'];
	
	type_of_glass_var = document.getElementById("type_of_glass").options[document.getElementById("type_of_glass").selectedIndex]['value'];
	glass_thickness_var = document.getElementById("glass_thickness").options[document.getElementById("glass_thickness").selectedIndex]['value'];

	total_sides = total_image_sides + '';
		  
	  
	  full_size_url =  document.getElementById("full_size").src;
	//  alert(full_size_url);
	  
//url  = "../wp/design/generate_pdf.php?session_id="+session_id+"&layout_id="+layout_id+"&file_1="+file_1+"&file_2="+file_2+"&A_dimensions="+A_dimensions+"&B_dimensions="+B_dimensions+"&C_dimensions="+C_dimensions+"&D_dimensions="+D_dimensions+"&F_dimensions="+F_dimensions+"&G_dimensions="+G_dimensions+"&h_collections="+h_collections_var+"&h_finish="+h_finish_var+"&type_of_glass="+type_of_glass_var+"&glass_thickness="+glass_thickness_var+"&action=consultation&name="+name+"&phone="+phone+"&email="+email+ "&emage_url="+full_size_url;
url  = "../wp/design/generate_pdf.php?session_id="+session_id+"&layout_id="+layout_id+"&file_1="+file_1+"&file_2="+file_2+"&A_dimensions="+A_dimensions+"&B_dimensions="+B_dimensions+"&C_dimensions="+C_dimensions+"&D_dimensions="+D_dimensions+"&F_dimensions="+F_dimensions+"&G_dimensions="+G_dimensions+"&H_dimensions="+H_dimensions+"&I_dimensions="+I_dimensions+"&h_collections="+h_collections_var+"&h_finish="+h_finish_var+"&type_of_glass="+type_of_glass_var+"&glass_thickness="+glass_thickness_var+"&action=consultation&total_image_sides="+total_sides+"&name="+name+"&email="+email+"&phone="+phone+"&emage_url="+full_size_url;
document.getElementById("data_holder").innerHTML='<IFRAME id="frame_load" SRC="'+""+'" TITLE=""> </IFRAME>';

document.getElementById("frame_load").src=url;
displayEmailToMeConfimation();



}

function displayEmailToMeConfimation(){
	//new Effect.Highlight(document.getElementById('ibox_close_a'));
	document.getElementById("ibox_content").innerHTML="<p><strong>Thank you!</strong><br />You can now <a href=\"javascript:hideIbox();\">close this window</a>.</p>";
	}

function emailToMe(){
name = document.getElementById("emailToMe_fullname").value;
email = document.getElementById("emailToMe_email").value;


//alert(email);
if(edit_dimensionsOn){
	save_dimensions();
	}
	

	layout_id = document.getElementById("layout").options[document.getElementById("layout").selectedIndex]['value'];
	file_1=session_id+"_1.txt";
	file_2=session_id+"_2.txt";
	
	A_dimensions = document.getElementById("A_dimensions_HTML").innerHTML;
	B_dimensions = document.getElementById("B_dimensions_HTML").innerHTML;
	C_dimensions = document.getElementById("C_dimensions_HTML").innerHTML;
	
	D_dimensions = document.getElementById("D_dimensions_HTML").innerHTML;
	F_dimensions = document.getElementById("F_dimensions_HTML").innerHTML;
	G_dimensions = document.getElementById("G_dimensions_HTML").innerHTML;
	H_dimensions = document.getElementById("H_dimensions_HTML").innerHTML;
	I_dimensions = document.getElementById("I_dimensions_HTML").innerHTML;
	
	h_collections_var = document.getElementById("h_collections_HTML").options[document.getElementById("h_collections_HTML").selectedIndex]['value'];
	h_finish_var = document.getElementById("finish").options[document.getElementById("finish").selectedIndex]['value'];
	
	type_of_glass_var = document.getElementById("type_of_glass").options[document.getElementById("type_of_glass").selectedIndex]['value'];
	glass_thickness_var = document.getElementById("glass_thickness").options[document.getElementById("glass_thickness").selectedIndex]['value'];

	total_sides = total_image_sides + '';
	
	  full_size_url =  document.getElementById("full_size").src;
	  //alert(full_size_url);
	  
//url  = "../wp/design/generate_pdf.php?session_id="+session_id+"&layout_id="+layout_id+"&file_1="+file_1+"&file_2="+file_2+"&A_dimensions="+A_dimensions+"&B_dimensions="+B_dimensions+"&C_dimensions="+C_dimensions+"&D_dimensions="+D_dimensions+"&F_dimensions="+F_dimensions+"&G_dimensions="+G_dimensions+"&h_collections="+h_collections_var+"&h_finish="+h_finish_var+"&type_of_glass="+type_of_glass_var+"&glass_thickness="+glass_thickness_var+"&action=emailtome&name="+name+"&email="+email+"&emage_url="+full_size_url;
url  = "../wp/design/generate_pdf.php?session_id="+session_id+"&layout_id="+layout_id+"&file_1="+file_1+"&file_2="+file_2+"&A_dimensions="+A_dimensions+"&B_dimensions="+B_dimensions+"&C_dimensions="+C_dimensions+"&D_dimensions="+D_dimensions+"&F_dimensions="+F_dimensions+"&G_dimensions="+G_dimensions+"&H_dimensions="+H_dimensions+"&I_dimensions="+I_dimensions+"&h_collections="+h_collections_var+"&h_finish="+h_finish_var+"&type_of_glass="+type_of_glass_var+"&glass_thickness="+glass_thickness_var+"&action=emailtome&total_image_sides="+total_sides+"&name="+name+"&email="+email+"&emage_url="+full_size_url;
document.getElementById("data_holder").innerHTML='<IFRAME id="frame_load" SRC="'+""+'" TITLE=""> </IFRAME>';

document.getElementById("frame_load").src=url;
displayEmailToMeConfimation();

	
	}

function byo_init(){
	loadbathcategory('SHOWER');
	xajax_loadHardware(default_hardware_collection_id);
	xajax_loadGlassThicknesses(default_glass_type_id);
	show_hide_dimension_text_boxes(total_image_sides);
	}

function downloaddatasheet(){
if(edit_dimensionsOn){
	save_dimensions();
	}
	

	layout_id = document.getElementById("layout").options[document.getElementById("layout").selectedIndex]['value'];
	file_1=session_id+"_1.txt";
	file_2=session_id+"_2.txt";
	
	A_dimensions = document.getElementById("A_dimensions_HTML").innerHTML;
	B_dimensions = document.getElementById("B_dimensions_HTML").innerHTML;
	C_dimensions = document.getElementById("C_dimensions_HTML").innerHTML;
	
	D_dimensions = document.getElementById("D_dimensions_HTML").innerHTML;
	F_dimensions = document.getElementById("F_dimensions_HTML").innerHTML;
	G_dimensions = document.getElementById("G_dimensions_HTML").innerHTML;
	H_dimensions = document.getElementById("H_dimensions_HTML").innerHTML;
	I_dimensions = document.getElementById("I_dimensions_HTML").innerHTML;
	
	h_collections_var = document.getElementById("h_collections_HTML").options[document.getElementById("h_collections_HTML").selectedIndex]['value'];
	h_finish_var = document.getElementById("finish").options[document.getElementById("finish").selectedIndex]['value'];
	
	type_of_glass_var = document.getElementById("type_of_glass").options[document.getElementById("type_of_glass").selectedIndex]['value'];
	glass_thickness_var = document.getElementById("glass_thickness").options[document.getElementById("glass_thickness").selectedIndex]['value'];

	total_sides = total_image_sides + '';
	
	full_size_url =  document.getElementById("full_size").src;
 
	  
url  = "../wp/design/generate_pdf.php?session_id="+session_id+"&layout_id="+layout_id+"&file_1="+file_1+"&file_2="+file_2+"&A_dimensions="+A_dimensions+"&B_dimensions="+B_dimensions+"&C_dimensions="+C_dimensions+"&D_dimensions="+D_dimensions+"&F_dimensions="+F_dimensions+"&G_dimensions="+G_dimensions+"&H_dimensions="+H_dimensions+"&I_dimensions="+I_dimensions+"&h_collections="+h_collections_var+"&h_finish="+h_finish_var+"&type_of_glass="+type_of_glass_var+"&glass_thickness="+glass_thickness_var+"&action=download&total_image_sides="+total_sides+"&emage_url="+full_size_url;

document.getElementById("data_holder").innerHTML='<IFRAME id="frame_load" SRC="'+""+'" TITLE=""> </IFRAME>';
document.getElementById("frame_load").src=url;

}

function save_dimensions(){
	
	document.getElementById("A_dimensions_HTML").innerHTML = document.getElementById("A_dimensions_input").value;
	document.getElementById("B_dimensions_HTML").innerHTML = document.getElementById("B_dimensions_input").value;
	document.getElementById("C_dimensions_HTML").innerHTML = document.getElementById("C_dimensions_input").value;
	
	document.getElementById("D_dimensions_HTML").innerHTML = document.getElementById("D_dimensions_input").value;
	document.getElementById("F_dimensions_HTML").innerHTML = document.getElementById("F_dimensions_input").value;
	document.getElementById("G_dimensions_HTML").innerHTML = document.getElementById("G_dimensions_input").value;
	document.getElementById("H_dimensions_HTML").innerHTML = document.getElementById("H_dimensions_input").value;
	document.getElementById("I_dimensions_HTML").innerHTML = document.getElementById("I_dimensions_input").value;	
	
	document.getElementById("edit_dimensions_link").href="javascript:edit_dimensions();";
	document.getElementById("edit_dimensions_link").innerHTML="Edit";
	edit_dimensionsOn=false;
	
	
	}


function edit_dimensions(){
	
	if(edit_dimensionsOn==false){
		edit_dimensionsOn=true;
	A_dimensions = document.getElementById("A_dimensions_HTML").innerHTML;
	B_dimensions = document.getElementById("B_dimensions_HTML").innerHTML;
	C_dimensions = document.getElementById("C_dimensions_HTML").innerHTML;
	
	D_dimensions= document.getElementById("D_dimensions_HTML").innerHTML;
	F_dimensions= document.getElementById("F_dimensions_HTML").innerHTML;
	G_dimensions= document.getElementById("G_dimensions_HTML").innerHTML;
	H_dimensions= document.getElementById("H_dimensions_HTML").innerHTML;
	I_dimensions= document.getElementById("I_dimensions_HTML").innerHTML;	
	


	document.getElementById("A_dimensions_HTML").innerHTML = '<input id="A_dimensions_input" style=" width:25px" type="text" size="3" value="'+document.getElementById("A_dimensions_HTML").innerHTML+'">';
	document.getElementById("B_dimensions_HTML").innerHTML = '<input id="B_dimensions_input" style=" width:25px" type="text" size="3" value="'+document.getElementById("B_dimensions_HTML").innerHTML+'">';
	document.getElementById("C_dimensions_HTML").innerHTML = '<input id="C_dimensions_input" style=" width:25px" type="text" size="3" value="'+document.getElementById("C_dimensions_HTML").innerHTML+'">';
	
	document.getElementById("D_dimensions_HTML").innerHTML = '<input id="D_dimensions_input" style=" width:25px" type="text" size="3" value="'+document.getElementById("D_dimensions_HTML").innerHTML+'">';
	document.getElementById("F_dimensions_HTML").innerHTML = '<input id="F_dimensions_input" style=" width:25px" type="text" size="3" value="'+document.getElementById("F_dimensions_HTML").innerHTML+'">';
	document.getElementById("G_dimensions_HTML").innerHTML = '<input id="G_dimensions_input" style=" width:25px" type="text" size="3" value="'+document.getElementById("G_dimensions_HTML").innerHTML+'">';
	document.getElementById("H_dimensions_HTML").innerHTML = '<input id="H_dimensions_input" style=" width:25px" type="text" size="3" value="'+document.getElementById("H_dimensions_HTML").innerHTML+'">';
	document.getElementById("I_dimensions_HTML").innerHTML = '<input id="I_dimensions_input" style=" width:25px" type="text" size="3" value="'+document.getElementById("I_dimensions_HTML").innerHTML+'">';	
	
	document.getElementById("edit_dimensions_link").href="javascript:save_dimensions();";
	document.getElementById("edit_dimensions_link").innerHTML="Save";
	
	}
	
	}


function showView(src, obj){
	document.getElementById("full_size").src="../wp/design/files/baths/"+src;
	var number_of_sides =  obj.id.split("_");
	 total_image_sides = number_of_sides[1];
	 
	 show_hide_dimension_text_boxes(total_image_sides);
	}


function show_hide_dimension_text_boxes(total_sides){
	document.getElementById("A_dimensions_HTML_c").style.display="inline"; //1
	document.getElementById("B_dimensions_HTML_c").style.display="inline"; //2
	document.getElementById("C_dimensions_HTML_c").style.display="inline"; //3
	document.getElementById("D_dimensions_HTML_c").style.display="inline"; //4
	document.getElementById("F_dimensions_HTML_c").style.display="inline"; //5
	document.getElementById("G_dimensions_HTML_c").style.display="inline"; //6
	document.getElementById("H_dimensions_HTML_c").style.display="inline"; //7
	document.getElementById("I_dimensions_HTML_c").style.display="inline"; //8

	if(total_sides<8){
	document.getElementById("I_dimensions_HTML_c").style.display="none"; //8
		}
		
	if(total_sides<7){
	document.getElementById("H_dimensions_HTML_c").style.display="none"; //7
		}

	if(total_sides<6){
	document.getElementById("G_dimensions_HTML_c").style.display="none"; //6
		}

	if(total_sides<5){
	document.getElementById("F_dimensions_HTML_c").style.display="none"; //5
		}

	if(total_sides<4){
	document.getElementById("D_dimensions_HTML_c").style.display="none"; //4
		}
		
	if(total_sides<3){
	document.getElementById("C_dimensions_HTML_c").style.display="none"; //3
		}		
		
	if(total_sides<2){
	document.getElementById("B_dimensions_HTML_c").style.display="none"; //2
		}			

	if(total_sides<1){
	document.getElementById("A_dimensions_HTML_c").style.display="none"; //1
		}	
	}
function init(){

//we define two arrays, containing our toggles and divs.
//var myDivs = document.getElementsByClassName('stretcher');
//var myLinks = document.getElementsByClassName('stretchtoggle');

//then we create the effect.
//alert('loaded');
//var myAccordion = new fx.Accordion(myLinks, myDivs, {opacity: true});

}

function loadbathcategory(bathCategory){
xajax_loadCategory(bathCategory);
}

function printdatasheet(){

}

function requestaconsultation(){

}

function emailthistome(){

}


function emailthistoafriend(){

}







// Scrolling functions - allows for scrolling an element left or right. Place element in a containing
// element with set width and height and overflow set to hidden. The element you are moving should 
// be of significant length to allow for its child elements to float next to each other correctly.
var FPS = 20;
var curPos = 0;
var animating = false;
var curItem = 1;
var movementIncrement= 103; // distance to move in pixels


function sRight(sWhat,sDist,sTime) {
	var thumbContainer = document.getElementById("hardware_images");
	var cElements = thumbContainer.getElementsByTagName("img");
	var totalItems = cElements.length;
	if(animating == false && curItem != (totalItems - 2)){
		animating = true;
		perFrame = sTime / FPS;
		totalFrames = (sTime/1000)*FPS;
		distPerFrame = sDist / totalFrames;
		sDir = "left";
		curItem = curItem + 1;		
		animateCSS(document.getElementById(sWhat),totalFrames,perFrame,sDir,distPerFrame);
		//window.status = curItem + " | " + totalItems;
	}
}

function sLeft(sWhat,sDist,sTime) {
	var thumbContainer = document.getElementById("hardware_images");
	var cElements = thumbContainer.getElementsByTagName("img");
	var totalItems = cElements.length;
	if(animating == false && curItem != 1){
		animating = true;
		perFrame = sTime / FPS;
		totalFrames = (sTime/1000)*FPS;
		distPerFrame = sDist / totalFrames;
		sDir = "right";
		curItem = curItem - 1;		
		animateCSS(document.getElementById(sWhat),totalFrames,perFrame,sDir,distPerFrame);
		//window.status = curItem + " | " + totalItems;
	}
}

// mWhat = ID for element to scroll
// mDist = Distance to travel (in pixels)
// mDir = Direction to move (left or right)
// mTime = Time (in milliseconds)

function scrollMe(mWhat,mDist,mDir,mTime) {
	var mThis = document.getElementById(mWhat);
	
	mFPS = 25;	// Set FPS
	n = mTime / 1000;	// Convert time to actual seconds
	aTime = n.toFixed(3);	// Concatenate time down to 3 decimal places
	mInt = Math.round(mDist / (aTime * mFPS));	// Find distance to travel each interval
	mSteps = Math.round(mDist / mInt);	// Calculate amount of steps to take when animating
	m = mTime / mFPS;
	mWait = m.toFixed(3);	// Calculate time between steps
	if(mThis.style.left) {
		mPos = mThis.style.left;
	} else {
		mPos = 0;
	}
	
	statMsg = "FPS: "+mFPS+"  |  Time(ms): "+mTime+"  |  Time(s): "+aTime+"  |  "+mInt+"px every "+mWait+" milliseconds "+mSteps+" times from "+mPos+" to "+mPos+mDist;
	//window.status = statMsg;
	
	for(var i=1; i < mSteps; i++) {
		var intervalID = setInterval(moveMe,mWait);
		
		function moveMe() {
			mPos = mPos + mInt;
			mThis.style.left = mPos + "px";
			statMsgAdd = statMsg +" - Frame:"+i+"/"+mSteps+" Current Pos: "+mThis.style.left+"("+mPos+")";
			//alert(statMsgAdd);
		}			
	}
}

var curPos = 0;

function animateCSS(element,numFrames,timePerFrame,sDir,sDistPer) {
	var frame = 0;
	var time = 0;
	
	var intervalId = setInterval(displayNextFrame,timePerFrame);
	
	function displayNextFrame() {
		if (frame > numFrames) {
			clearInterval(intervalId);
			curPos = newPos;
			animating = false;
			return;
		}
		
		if(sDir == "left") {
			newPos = curPos - frame*sDistPer;
		} else if(sDir == "right") {
			newPos = curPos + frame*sDistPer;
		}
		
		element.style.left = newPos + 'px';
	
		frame++;
		time += timePerFrame;
	}
}