/*
This function will get the Ajax object to call the server.
*/
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;
}

/************ Script Funtions Use in Product Display ******************/

function submitForm(form){
	form.submit();
}

/* RC Gallery - Variable to stored src of Default Img for Display Product */
var defaultImg;

/* RC Gallery - Used to set the default Image when Image is loaded for Display Product */
function setDefaultImg(defImg){	
	defaultImg = defImg;
}
/* RC Gallery - Called on mouseover, to change the image*/
function changeImg(selImg){	
	if($('productInfoImg')){
		$('productInfoImg').src =selImg;
	}
}
/* RC Gallery - Called to again set the default image*/
function defImg(){
	if($('productInfoImg')){
	$('productInfoImg').src = defaultImg;
	}
}

// Remove the leading and traling spaces from string text.
function trim(value){var temp=value;var obj=/^(\s*)([\W\w]*)(\b\s*$)/;if(obj.test(temp)){temp=temp.replace(obj,'$2');}var obj=/  /g;while(temp.match(obj)){temp=temp.replace(obj," ");}return temp;}

/* Make Tab Style Default */
function defaultTab(tabID, left, mid, right){
	
	var tab = document.getElementById(tabID).className="tab0";;
	var lf = document.getElementById(left).className="tab0L";;
	var md = document.getElementById(mid).className="tab0M";;
	var rt = document.getElementById(right).className="tab0R";
	
}
/* Make Tab Style Active */
function enableTab(tabID, left, mid, right){

	var tab = document.getElementById(tabID).className="tab1";;
	var lf = document.getElementById(left).className="tab1L";;
	var md = document.getElementById(mid).className="tab1M";;
	var rt = document.getElementById(right).className="tab1R";
}

/* Default is Overview Tab, so hide it */
var lastTabID="otab";
var lastLF="o1";
var lastMD="o2";
var lastRT="o3";
var lastConDiv="overviewData";


/* Navigate Between the Tabs */
function navigateTab(tabID, conDiv, left,mid,right){

	//alert("tabID: " + tabID + "  conDiv: " + conDiv + "  LF: " + left + "  MD: " + mid + "  RT: " + right);   
	//alert(conDiv);
	
	defaultTab(lastTabID, lastLF, lastMD, lastRT);  /*Makes the previous selected TAB as INACTIVE */
	hideTab(lastConDiv);	/* Hides the previous selected contents of Tab */
	
	viewTab(conDiv);	/*Makes the previous selected TAB as ACTIVE */
	enableTab(tabID, left, mid, right);	/* Enables the newly selected contents of Tab */
	
	/* assinging the newly select tab to variables, so that it can be cleared on next click */
	lastConDiv = conDiv;
	lastTabID= tabID;
	lastLF= left;
	lastMD= mid;
	lastRT=right;
}

function viewTab(conDiv){
	//alert("view: " + conDiv);
	var tab = document.getElementById(conDiv);
	tab.style.display="block";
}

function hideTab(conDiv){
	//alert("hide: " + conDiv);
	var tab = document.getElementById(conDiv);
	tab.style.display="none";
}

/*
function viewTab(tab){
	var tab = document.getElementById(tab);
	tab.style.visibility='visible';
	
	document.getElementById('overviewData').style.display='none';
	document.getElementById('techspecsData').style.display='none';
	document.getElementById('optionsData').style.display='none';
	document.getElementById('similarData').style.display='none';
	
	tab.style.display='block';
}
*/

function populateTechSpecsTab(productId){
	//Empty Div Box have 13 Character 
	if((document.getElementById("techspecsData").innerHTML).length > 13){
		//Data is already populated just show the Div
		viewTab('techspecsData');
	}else{
		document.getElementById("techspecsData").innerHTML ="<div style='font-size:13px;' class=\"padT10 a12BlackB\">Loading...</div>";
		viewTab('techspecsData');		
		//Populate Data using Ajax Request
		xmlHttp=GetXmlHttpObject()
		if (xmlHttp==null){
	 		alert ("Browser does not support HTTP Request");
	 		return;
	 	}
		var url="product.aspx?divType=techSpecs&productId="+productId;
		url=url+"&sid="+Math.random()
		xmlHttp.onreadystatechange=function(){
			if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
			 {
			 	//Set populated data in DIV
			 	document.getElementById('techspecsData').innerHTML=xmlHttp.responseText;
			 	//Data is Populated show Div Now
			 	viewTab('techspecsData');
			 } 	
		} 
		xmlHttp.open("GET",url,true)
		xmlHttp.send(null)
	}
}
function loading()
{
	//Empty Div Box have 13 Character 
		
		var xScroll, yScroll;
	
		if (window.innerHeight && window.scrollMaxY) {	
			xScroll = document.body.scrollWidth;
			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;
		if (self.innerHeight) {	// all except Explorer
			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;
		}

		// for small pages with total width less then width of the viewport
		if(xScroll < windowWidth){	
			pageWidth = windowWidth;
		} else {
			pageWidth = xScroll;
		}
		var left =(windowWidth-400)/2;
		var top = (windowHeight-400)/2;
		document.getElementById("load").innerHTML ="<div style='font-size:13px;Z-INDEX: 900; WIDTH: 150px; POSITION: absolute; left:"+left +"; TOP: "+top+";' class=\"padT10 a12BlackB\"><img WIDTH='400' Height='400' src='images/loading2.gif' /></div>";
		viewTab('load');	
		
			
		//Populate Data using Ajax Request
		xmlHttp=GetXmlHttpObject()
		if (xmlHttp==null){
	 		alert ("Browser does not support HTTP Request");
	 		return;
	 	}
		var url="loading.aspx?loading=yes";
		url=url+"&sid="+Math.random()
		xmlHttp.onreadystatechange=function(){
			if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
			 {
			 	//Set populated data in DIV
			 	if(xmlHttp.responseText!="")
			 	//Data is Populated show Div Now
			 	setTimeout("hideTab('load');",10000);
			 } 	
		} 
		xmlHttp.open("GET",url,true)
		xmlHttp.send(null)
	
}

function Loadings()
{
    var pageWidth,pageHeight;
    var left,top;
    pageWidth=400;
    pageHeight=400;
    left=10;
    top=-400;
    document.getElementById("load").innerHTML ="<div  style='position: absolute; font-size:13px;Z-INDEX: 900; top:"+top+"; WIDTH: 150px;' class=\"padT10 a12BlackB\"><img WIDTH='30' Height='30' src='images/loading2.gif' /></div>";
    viewTab('load');
    
    
    
    
    
}
/************ Script Funtions Use in Search Results ******************/

function clearText(theField) {
	if (theField.defaultValue == theField.value)
    	theField.value = '';
}
 
function addText(theField){
	if (theField.value == '')
    	theField.value = theField .defaultValue;
}

function searchTextHeader(form,keyCode) {
	if(keyCode==13){ validateSearchKeywordHeader(form);}
}

function filterKeywordSearch(form){
	typeValue = "keywordFilter";
	form.type.value = typeValue;
}

/* This function the keyword enter in the keyword search input box */
function validateSearchKeywordHeader(form){
	keywordValue = form.keywords.value.replace(/^(\s)*/, '');
	keywordValue = form.keywords.value.replace(/(\s)*$/, '');
	if (keywordValue == '' || keywordValue == 'Enter Keyword'  || keywordValue == 'keywords') {
		// DO NOTHING
	} else {
		//escape method don't encode / so we will encode it 
		keywordValue = keywordValue.replace("/","%2F");
		form.submit();
	}
}

/* This function populates filters list thorugh Ajax based call */
function populateFilters(url, flid){
 
	if((document.getElementById(flid).innerHTML).length > 0){
		var list = document.getElementById(flid);
		list.style.display="block";
	}else{
		document.getElementById(flid).innerHTML ="<div class=\"a11Blue\">Loading...</div>";
		var list = document.getElementById(flid);
		list.style.display="block";
				
		//Populate Data using Ajax Request
		xmlHttp=GetXmlHttpObject()
		if (xmlHttp==null){
	 		alert ("Browser does not support HTTP Request")
	 		return
	 	}

		xmlHttp.onreadystatechange=function(){
			if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
			 {
			 	//Set populated data in DIV
			 	document.getElementById(flid).innerHTML=xmlHttp.responseText;
			 	//Data is Populated show Div Now
				var list = document.getElementById(flid);
				list.style.display="block";
			 } 	
		} 
		xmlHttp.open("GET",url,true)
		xmlHttp.send(null)
	}
}

/*
This function passes the combo box value to the hiddel field inside Attribute Filters
*/
function changeCombo(val)
{
    $('operator').value= val;
}

function changeAttrCombo(val)
{
    $('attrValue').value= val;
}

/* This function provides the functionality to Expand/Collapse filters list */
function hideShowFilters(div, show, hide, fold) {
	if (fold == 'true')
		new Effect.BlindUp(div, {duration: 0.2});
	Element.hide(hide);
	Element.show(show);
}

/* This function is used to set extra paramters pass on every page ins earch results */
function paginateSearchResults(url) {
	window.location = url; // + '&compareIds=' + $('productIds').value
}

/************ Script Funtions Use in Rich Contents Display ******************/

// RC Moving Images Code

function subarray(start,end,arr) {
	var subarray = new Array();
	if(arr.length >= end) {
		for(var i=start; i<=end; i++) {
			subarray.push(arr[i]);	
		}
	}
	
	return subarray;
}

function setup() {
	if(rcimages.length <= numdisplay) {
		for(var i=0; i<numdisplay; i++) {
			if($("img"+i)){
				$("img"+i).src = rcimages[i];
			}
		}
		
	} else {
		if(endindex < rcimages.length) {
			var subarr = subarray(startindex, endindex, rcimages);
			for(var i=0; i<subarr.length; i++) {
				if($("img"+i)){
					$("img"+i).src = subarr[i];
				}
			}
		}
	}
}


/* RC - Gallery - Navigation */
function moveimage(direction) {
	if(direction==1) {
		if(endindex < rcimages.length) {
			endindex = endindex + 1;
			startindex = startindex + 1;
		}		
	} else {
		if(startindex > 0) {
			startindex = startindex - 1;
			endindex = endindex - 1;
		}
	}

	if(startindex > 0){
		$("leftArrow").hide();
		$("leftArrowActive").show();
	}else{
		$("leftArrow").show();
		$("leftArrowActive").hide();
	}
	
	if(endindex < (rcimages.length-1)){
		$("rightArrow").hide();
		$("rightArrowActive").show();
	}else{		
		$("rightArrow").show();
		$("rightArrowActive").hide();
	}
	
	setup();	
}


function showRCViewBox(boxid, e1,e2,e3){
	if(showViewBox){		
		Effect.Fade($(boxid), {duration:0.2});
		showViewBox = false;		
		resetStyle("blue",e1,e2,e3);
	} else {
		if(showDBox==true){
		showDL=false;
		showRCDBox('dBox', 'd1','d2','d3');
		}
		richContent('vb');				
		Effect.Appear($(boxid), {duration:0.2});
		showViewBox = true;
		changeStyle("blue",e1,e2,e3);
	}
}

function changeStyle(cl, e1,e2,e3){
	if(cl=="blue"){
		$(e1).className="btn1L";
		$(e2).className="btn1M";
		$(e3).className="btn1R";
	}
	if(cl=="gray"){
		$(e1).className="btnGW1L";
		$(e2).className="btnGW1M";
		$(e3).className="btnGW1R";
	}
	if(cl=="blueBot"){
		$(e1).className="btnBG1L";
		$(e2).className="btnBG1M";
		$(e3).className="btnBG1R";
	}

}

function resetStyle(cl,e1,e2,e3){	
	if(cl=="blue"){
		$(e1).className="btn0L";
		$(e2).className="btn0M";
		$(e3).className="btn0R";
	}
	if(cl=="gray"){
		$(e1).className="btnGW0L";
		$(e2).className="btnGW0M";
		$(e3).className="btnGW0R";
	}
	if(cl=="blueBot"){
		$(e1).className="btnBG0L";
		$(e2).className="btnBG0M";
		$(e3).className="btnBG0R";
	}	
}

function showRCDBox(boxid, e1,e2,e3){
	if(showDBox){		
		Effect.Fade($(boxid),{duration:0.2});
		showDBox = false;		
		resetStyle("blue",e1,e2,e3);
	} else {
		if(showViewBox==true){
		showVB=false;
		showRCViewBox('viewBox', 'v1','v2','v3');
		}
		richContent('dl');		
		Effect.Appear($(boxid),{duration:0.2});
		showDBox = true;
		changeStyle("blue",e1,e2,e3);		
	}
}

function richContent(value){	
	if(value=="dl"){	
		showDL=true;
	}
	else if(value=="vb"){
		showVB=true;
	}
}

/************ RC Gallery variables initialization here ******************/
showDBox = false;
showViewBox = false;
var rcimages = new Array();
var slideimages = new Array();
var numdisplay = 3;
var startindex = 0;
var endindex = numdisplay-1;
var cartReg= false;
var lastId;

/************ Script Funtions Use in Product Comparison ******************/

/* This function is used when any product is remove from the selected product comparison */
function hidediv(a_id, b_id, c_id, d_id, z_id) {
		var lenght = $('len').innerHTML;
		if (lenght <= 2) {
			return false;
		}
		Effect.Fade($(a_id), {duration: 0.3});Effect.Fade($(b_id), {duration: 0.3});
		Effect.Fade($(c_id), {duration: 0.3});Effect.Fade($(d_id), {duration: 0.3});		
		
		$(a_id).innerHTML = '';$(b_id).innerHTML = '';
		$(c_id).innerHTML = '';$(d_id).innerHTML = '';		
		
		var zid = "";
		var count = $('rows').innerHTML;				
		for(var index=1; index <= count; index++) {
		 		zid = "z_" + index + "_" + z_id;		 		
				Effect.Fade(zid,{duration: 0.3});
				$(zid).innerHTML = '';
		}
		lenght = lenght - 1;		
		$('len').innerHTML = lenght;		
		
		if (lenght == 2) {
			for(var i=1; i <= 4; i++) {				
				aid = "a_" + i;				
				if (a_id!=aid) {					
					var element = document.getElementById(aid);
					if (element != null)
						document.getElementById(aid).innerHTML = '<span class="a12BlackB fltL"> Selected Product </span>';
				}
			}
		}		
}

function hideRemove() {
        var lenght = $('len').innerHTML;
		if (lenght == 2) {
			for(var i=1; i <= 2; i++) {				
				aid = "a_" + i;
				var element = document.getElementById(aid);
				if (element != null)
				    document.getElementById(aid).innerHTML = '<span class="a12BlackB fltL"> Selected Product </span>';
			}
		}
}

/* This function check the number of product valid for product comparison request. */
function validateComparison() {	
	var msg = document.getElementById('errMsg');	
	var pidstr = $('productIds').value
	var pids = pidstr.split(',');
	var len = pids.length - 1;	
	if (len > 4) {		
		msg.innerHTML ="<div class=\"a11BlueB\">Please restrict your choice to four products</div>";
		$('errMsgBot').innerHTML ="<div class=\"a11BlueB\">Please restrict your choice to four products</div>";
		msg.style.display="block";
		$('errMsgBot').show();
		setTimeout("$('errMsgBot').hide()",4500);
		setTimeout("$('errMsg').hide()",4500);
		return false;
	} else if (len < 2) {		
		msg.innerHTML ="<div class=\"a11BlueB\">Please select atleast two products for comparison</div>";
		$('errMsgBot').innerHTML ="<div class=\"a11BlueB\">Please select atleast two products for comparison</div>";
		msg.style.display="block";
		$('errMsgBot').show();
		setTimeout("$('errMsgBot').hide()",4500);
		setTimeout("$('errMsg').hide()",4500);
		return false;	
	} else {
		msg.style.display="none";
		$('errMsgBot').hide();		
	}		
	return true;
}

/* 
   This function will first validate the product ids selected and if valdated successfully send the product
   to ProductComparison page and reset the selected comparison request.
*/
function processComparison() {
	if (validateComparison()) {
		setCompareIds(); 
		clearSelectedProducts('compareIds');				
		document.getElementById('compare').submit();
		resetComparision();		
	}
}

/* This function every selected comparison id in hidden feild. */
function setCompareIds() {
	var params = '';
	for(var i = 0; i < productIds.length; i++) {
		if(productIds[i] > 1) params += productIds[i] + ',';
	}
	$('productIds').value = params;
}

/* This selected ids array and hidden filed for comparison. */
function resetComparision() {
	productIds = null;
	productIds = new Array();
	$("compare").reset();
	$('productIds').value = '';	
}

/* This function sets selected comparison ids in js array. */
function setForComparision(productId) {			
	var index = indexInComparision(productId);
	
	if(index == -1)
		productIds[productIds.length] = productId;
	else {
		productIds[index] = null;
		productIds[index] = undefined;
	}	
}

/* This function check whether selected id is alreay in js array. */
function indexInComparision(productId) {
	if(productId == null || productId == undefined) return -1;
	
	var index = -1;
	for(var i = 0; i < productIds.length; i++) {
		if(productIds[i] != null && productIds[i] == productId) {
			index = i;
			break;
		}
	}
	return index;
}

/* This function clears all selected checkboxes for products in search results page. */
function clearSelectedProducts(elementsName) {
	var elements = document.getElementsByName(elementsName);
	for(var i = 0; i < elements.length; i++) {
		elements[i].checked = false;
	}
}

/* This function is used to generate alternate color row in table */
function generateAlternateColor(elem) {

    var tbl = document.getElementById(elem).rows;
	for (i = 4; i < tbl.length; i++)
	{
	    if ((i % 2) == 0)
            tbl[i].style.backgroundColor = "#f2f2f2"        
	}

    

}

/* Product Ids array contians selected ids for product comparison */
var productIds = new Array();