// JavaScript Document

function GetXmlHttpObject(){
	var xmlHttp=null;
	try{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e){
	// Internet Explorer
		try{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e){
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}

function remove_item(e){
	document.getElementById(e).value = 0;
	document.update_form.submit();
}

function hideAllPops(){
	if(document.getElementById("checkout_option")){
			document.getElementById("checkout_option").style.display = "none";
	}
	if(document.getElementById("wholesale_login_pop")){
			document.getElementById("wholesale_login_pop").style.display = "none";
	}
	if(document.getElementById("video_pop")){
			document.getElementById("video_pop").style.display = "none";
	}
}

function show_cart_popup(){
	if(document.getElementById("checkout_option")){
			show_info("checkout_option", null, null, 100);
	}
}

function show_wholesaler(){
	
}

function show_video(vid, title){
	var e = document.getElementById('video_pop');
	
	//remove children...
	if ( e.hasChildNodes() ){
	    while ( e.childNodes.length >= 1 ){
	        e.removeChild( e.firstChild );       
    	} 
	}
	
	var theDiv = document.createElement('div');
	theDiv.id = 'video_pop_video';
	e.appendChild(theDiv);
	var theTitle = document.createElement('h2');
	theTitle.id = "vid_title";
	e.appendChild(theTitle);
	
	
	if(document.getElementById('vid_title')){
		document.getElementById('vid_title').innerHTML = title;
	}
	//vid = '../videos/' + vid;
	vid = 'http://c0561032.cdn.cloudfiles.rackspacecloud.com/' + vid;
//	alert(vid);
	var flashvars = {
		videoURL:vid,
		autoPlay:true,
		scaleMode:"noScale",
		startPhotoSource:"assets/videos/training.gif"
	};
	var params = {allowFullScreen:"true",autoPlay:true};
	var attributes = {};
	params.allowscriptaccess = "always"; 
	swfobject.embedSWF("assets/media/train_player.swf", "video_pop_video", "480", "240", "9.0.115.0", "assets/media/expressInstall.swf", flashvars, params, attributes);
	
//	show_info(elemID, frameWidth, frameHeight, padTop, excludeFlash)
	show_info('video_pop', 520, null, null, 'video_pop_video' );
}

function add_to_cart(product_id){
	var quantity = document.getElementById('input_quantity').value;
	if(quantity!=""){
		send_to_cart(product_id, quantity);	
	}

}

function send_to_cart(product_id, quantity){
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null){
	  alert ("Your browser does not support AJAX!");
	  return;
	} 
	var url="ajax_add_to_cart.php";
	var params="pid=" + product_id;
	params=params+"&q="+quantity;
	params=params+"&cid="+cart_id;
	params=params+"&sid="+Math.random(); //used to force no cache of URL


	url = url + "?" + params;

	xmlHttp.onreadystatechange=onCartResponse;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(params);
}

function onCartResponse(){
	if (xmlHttp.readyState==4){ 
			var e = document.getElementById('header_cart_count');
			cart_count = xmlHttp.responseText * 1;
			if(e==null){
				var d= document.getElementById('cart_count');
				d.innerHTML = '<a href="cart.php"><span id="header_cart_count"></span> in your cart <strong>Checkout</strong></a>';	
				
				e = document.getElementById('header_cart_count');
			}
			
			if(cart_count==1){
				e.innerHTML = cart_count + " item";	
			}else{
				e.innerHTML = cart_count + " items";	
			}	

			show_cart_popup();
	}
}

function close_info(){
	var content = document.getElementById("frameContent");
	//remove content from popup before hiding it...

	var embed_elements = content.getElementsByTagName('embed');
	for(var i=0;i<embed_elements.length;i++){
		var embed_ele = document.getElementById(embed_elements[i].id);
		embed_ele.parentNode.removeChild(embed_ele);
	}							
	var embed_elements = content.getElementsByTagName('object');
	for(var i=0;i<embed_elements.length;i++){
		var embed_ele = document.getElementById(embed_elements[i].id);
		embed_ele.parentNode.removeChild(embed_ele);
	}							

	document.getElementById('cover').style.visibility = "hidden";
	document.getElementById('cover').style.width = "0px";
	document.getElementById('cover').style.height = "0px";
	var objBody = document.getElementsByTagName("body").item(0);
	document.getElementById("frame").style.visibility = "hidden";
	showFlash();
	
}

function show_wholesaler_login(){
	show_info('wholesale_login_pop');	
}

function show_info(elemID, frameWidth, frameHeight, padTop, excludeFlash){
	//define height and width of popup frame
	hideFlash(excludeFlash);
	hideAllPops();
			
	document.getElementById(elemID).style.display = "block";
	
	if(frameWidth==null){
		var frameWidth = 660;
	}
	var close_left = frameWidth - 14;
	if(frameHeight==null){
		var frameHeight = 468;
	}

	if(padTop==null){
		var padTop = 0;
	}

	// stretch overlay to fill page and fade in
	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();
	var cover = document.getElementById('cover');
	cover.style.width = arrayPageSize[0]+arrayPageScroll[0]+'px';
	cover.style.height = arrayPageSize[1]+arrayPageScroll[1]+'px';
	cover.style.visibility = "visible";
	
	document.getElementById('closeButton').style.left = close_left + 'px';
	
	var frame = document.getElementById("frame");
	var boxTop = arrayPageScroll[1] + 30 + padTop;
	//top and left corners are based size of viewable area
	var boxLeft = arrayPageScroll[0] + Math.round(arrayPageSize[0] / 2);

	if(boxLeft > frameWidth/2){ boxLeft -= Math.round(frameWidth/2);}
//	if(boxTop > frameHeight/2){ boxTop -= Math.round(frameHeight/2);}
	frame.style.top = boxTop + 'px';
	frame.style.left = boxLeft + 'px';
//	frame.style.height = frameHeight + 'px';
	frame.style.width = frameWidth + 'px';

	frame.style.visibility = 'visible';
}


// -----------------------------------------------------------------------------------
//
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.com
// Edit for Firefox by pHaez
//
function getPageSize(){
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	
//	console.log(self.innerWidth);
//	console.log(document.documentElement.clientWidth);

	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

//	console.log("xScroll " + xScroll)
//	console.log("windowWidth " + windowWidth)

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}
//	console.log("pageWidth " + pageWidth)

	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}


// -----------------------------------------------------------------------------------

//
// getPageScroll()
// Returns array with x,y page scroll values.
// Core code from - quirksmode.com
//
function getPageScroll(){

	var xScroll, yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;	
	}

	arrayPageScroll = new Array(xScroll,yScroll) 
	return arrayPageScroll;
}

// ---------------------------------------------------

function showFlash(){
	var flashObjects = document.getElementsByTagName("object");
	for (i = 0; i < flashObjects.length; i++) {
		flashObjects[i].style.visibility = "visible";
	}

	var flashEmbeds = document.getElementsByTagName("embed");
	for (i = 0; i < flashEmbeds.length; i++) {
		flashEmbeds[i].style.visibility = "visible";
	}
}

// ---------------------------------------------------

function hideFlash(except){
	var flashObjects = document.getElementsByTagName("object");
	for (i = 0; i < flashObjects.length; i++) {
		if(except==null || except!=flashObjects[i].id){
			flashObjects[i].style.visibility = "hidden";
		}
	}

	var flashEmbeds = document.getElementsByTagName("embed");
	for (i = 0; i < flashEmbeds.length; i++) {
		if(except==null || except!=flashEmbeds[i].id){
			flashEmbeds[i].style.visibility = "hidden";
		}
	}

}