var _currpanel;
var _prevpanel;
var _currpanelID;
var _currID;
var _prodID_array;
var _category='kayaks'; //DEFAULT CATEGORY
var brand_disappeardelay=100  //menu disappear speed onMouseout (in miliseconds)
var brand_enableanchorlink=1 //Enable or disable the anchor link when clicked on? (1=e, 0=d)
var brand_hidemenu_onclick=1 //hide menu when user clicks within menu? (1=yes, 0=no)
var brand_ie5=document.all
var brand_ns6=document.getElementById&&!document.all
var baseImgURL = "/images/product_popup/category_imgs/";

function positionPanel(show, callOBJ,id) {
	
	if (!show) 
	
	{
		_prevpanel = _currpanel;
		_prevpanel.style.display = 'none';
		
		return;
	}
	
	//IF THE CURRENT PANELID IS NOT DEFINED YET OR DIFFERS FROM ID PASSED TO THE FUNCTION
	if (_currpanelID == undefined || _currpanelID != id) _currpanelID = id;
	
	//SET LOCAL VAR TO THE CURRENT PANEL
	var brandbox = document.getElementById(_currpanelID);
	
	if (_currpanel != undefined && brandbox != _currpanel) {
		_currpanel.style.display = 'none';
	}
	
	var contentPos = findPos(document.getElementById('familyHeader'));
	var leftOffset = -11;
	var topOffset = 7;
	
	_currpanel = brandbox;
	_currID = callOBJ.id;
	_currpanel.style.display = 'block';
	_currpanel.style.left = (contentPos[0]+leftOffset) + "px";
	_currpanel.style.top = (contentPos[1]+topOffset) + "px";
}

function findDim(obj) {
	if (obj != undefined) {
		var width = obj.offsetWidth;
		var height = obj.offsetHeight;
		
		return [width,height];
		}
	else {
		return[0,0];
	}
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function brandmenu(obj, e, dropmenuID){
	if (window.event) event.cancelBubble=true
	else if (e.stopPropagation) e.stopPropagation()
	brand_clearhidemenu()
	if (brand_ie5||brand_ns6){
		obj.onmouseout=brand_delayhidemenu
		dropmenuobj=document.getElementById(dropmenuID)
		if (brand_hidemenu_onclick) dropmenuobj.onclick='positionPanel(0, obj,dropmenuID)'
		dropmenuobj.onmouseover=brand_clearhidemenu
		dropmenuobj.onmouseout=brand_ie5? function(){ brand_dynamichide(event)} : function(event){ brand_dynamichide(event)}
	
		positionPanel(1, obj,dropmenuID);
	}
	return brand_clickreturnvalue()
}

function brand_clickreturnvalue(){
	if ((brand_ie5||brand_ns6) && !brand_enableanchorlink) return false
	else return true
}

function brand_contains_ns6(a, b) {
	if (b!=undefined) while (b.parentNode) if ((b = b.parentNode) == a) return true;
	return false;
}

function brand_dynamichide(e){
	if (brand_ie5&&!dropmenuobj.contains(e.toElement)) brand_delayhidemenu()
	else if (brand_ns6&&e.currentTarget!= e.relatedTarget&& !brand_contains_ns6(e.currentTarget, e.relatedTarget)) brand_delayhidemenu()
}

function brand_delayhidemenu(){
	brand_delayhide=setTimeout('positionPanel(0, null)',brand_disappeardelay)
}

function brand_clearhidemenu(){
	if (typeof brand_delayhide!="undefined") clearTimeout(brand_delayhide)
}

/*********************FUNCTIONS FOR TOGGLING DATA WITHIN POP-UP WINDOWS *************************/
					
function toggleContent(prodID,isSingle) {
	if (document.getElementById) {
	    var curr_obj = eval(_currID+"_data");
	    var spec_container = document.getElementById(_currID+'_specs');
		var prod_hd = document.getElementById(_currID+'_prod_hd');
		var spec_list = document.getElementById(_currID+'_spec_list');
		var spec_list_array = curr_obj["id_"+prodID+"_specs"];
		var spec_list_output = '';
		
		for (var i = 0 ; i < spec_list_array.length; i++) {
			spec_list_output += "<li style=\"color:#8f7156;\">"+spec_list_array[i]+"</li>";
		}
		
		prod_hd.innerHTML = curr_obj["id_"+prodID+"_title"];
		spec_list.innerHTML = spec_list_output;
		
		spec_container.style.display = 'block';
		
		_prodID_array = curr_obj.prodID_array;
		
		isSingle = isSingle || false;
		
		if (!isSingle) toggleImgs( prodID, curr_obj.prodID_array);
		
	}
}
function toggleImgs(selectedID,prod_array) {
	var img;
	
	for (var i = 0; i < prod_array.length; i++) {
		img = document.getElementById(_currID+"_"+prod_array[i]+"_img");
		//window.alert(_currID+"_"+prod_array[i]+"_img");
		if (selectedID == prod_array[i]) {
			img.src = baseImgURL+_category+"/popup_"+_currID+"/"+selectedID+".png";
		}
		else {
			img.src = baseImgURL+_category+"/popup_"+_currID+"/"+prod_array[i]+"_off.png";
		}

	}
}
function hidePopData(showContent) {
	var spec_container = document.getElementById(_currID+'_specs');
	var img;
	if (!showContent) {
	//    spec_container.style.display = 'none';
	}
	/*
	else {
	    spec_container.innerHTML = "<h1 id=\""+_currID+"_prod_hd\" class=\"prod_spec_hd\" style=\"font-size:15px;font-family:Arial, Helvetica, sans-serif;\">&nbsp;</h1>" +
							"<ul class=\"prod_spec_list\" id=\""+_currID+"\">" +
							    "<li>&nbsp;</li>" +
							    "<li>&nbsp;</li>"+
							    "<li>&nbsp;</li>" +
							"</ul>"
	}
	*/
	for (var i = 0; i < _prodID_array.length; i++) {
		//img = document.getElementById(_currID+"_"+_prodID_array[i]+"_img");
		//img.src = baseImgURL+_category+"/popup_"+_currID+"/"+_prodID_array[i]+".png";
	}
	
}