/*
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').attr('src', selImg);

	}
}
/* RC Gallery - Called to again set the default image*/
function defImg(){
	if($('#productInfoImg')){
	$('#productInfoImg').attr('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)
	}
}

/************ Script Funtions Use in Search Results ******************/

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

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

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

/* This function the keyword enter in the keyword search input box */
function validateSearchKeywordHeader(form){
	keywordValue = form.keywords.val().replace(/^(\s)*/, '');
	keywordValue = form.keywords.val().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').val()= val;
}

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

/* This function provides the functionality to Expand/Collapse filters list */
function hideShowFilters(div, show, hide, fold) {
	$(hide).hide();
	$(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').val()
}

/************ 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) != null) {
                $("#img"+i).attr('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) != null) {
			        $("#img" + i).attr('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){
	    $(boxid).hide();
		showViewBox = false;		
		resetStyle("blue",e1,e2,e3);
	} else {
		if(showDBox==true){
		showDL=false;
		showRCDBox('dBox', 'd1','d2','d3');
		}
        richContent('vb');
        $(boxid).show();
		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){
	    $(boxid).hide();
		showDBox = false;		
		resetStyle("blue",e1,e2,e3);
	} else {
		if(showViewBox==true){
		showVB=false;
		showRCViewBox('viewBox', 'v1','v2','v3');
		}
		richContent('dl');
		$(boxid).show();
		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').val();
	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() {
    var pidstr = $('#productIds').val();
    if (validateComparison()) {      
		setCompareIds();
		clearSelectedProducts('compareIds');
		document.location.href = 'compare.aspx?productIds=' + pidstr;
		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').val(params);
}

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

/* 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();