

// Create closed namespace for jQuery code.
(function($) {
	$(document).ready(function() {

		// Find all the areas
		$('.pLanding .theCollapser').each(function(i){

			var $this = $(this);
			var $theID = $this.attr('id');
			var $theTarget = $theID.substring(0,$theID.length-8);
			var $theTargetObj = $('#'+$theTarget);
			var $theExpanderID = $theTarget+"-expander";

			// Check to see if we have already expanded this area
			var $the_cookie = $.cookies.get($theTarget);

			if($the_cookie == "open")
			{
				var $theClass = "area-expander expander-open";
				var $theExpander = $.A({href:"#", id:$theExpanderID, Class:$theClass, title:"Collapse this selection"},"CLOSE");
				$this.prepend($theExpander);
			}
			else
			{
				var $theClass = "area-expander expander-closed";
				var $theExpander = $.A({href:"#", id:$theExpanderID, Class:$theClass, title:"Expand this selection"},"OPEN");
				$this.prepend($theExpander);
				$this.addClass("collapser-closed");
				$theTargetObj.hide();
			}


			$($this).click(function() {

				$myExpander = $('#'+ $theTarget+"-expander");

				if($.cookies.get($theTarget) == "open")
				{
					$theTargetObj.hide();
					$myExpander.removeClass("expander-open");
					$myExpander.addClass("expander-closed");
					$myExpander.attr("title","Expand this selection");
					$myExpander.html("OPEN");
					$this.addClass("collapser-closed");
					$.cookies.set($theTarget,"closed");
				}
				else
				{
					$theTargetObj.show();
					$myExpander.removeClass("expander-closed");
					$myExpander.addClass("expander-open");
					$myExpander.attr("title","Collapse this selection");
					$myExpander.html("CLOSE");
					$this.removeClass("collapser-closed");
					$.cookies.set($theTarget,"open");
				}

				// Gets rid of dotted line around the active tab which kinda spoils the nice clean look of the tabs
				$myExpander.attr('style','outline:none;');
				$myExpander.attr('style','-moz-outline-style:none;');
				return false;
			});
		});
	});
})(jQuery);





focusField = function() {
	if (!document.getElementById) return;
	if(document.getElementById("frmMyCPHartLogin")) {
		if(document.getElementById("mem_email").value == "") {
			document.getElementById("mem_email").focus();
		} else {
			if(document.getElementById("mem_password")) {
				document.getElementById("mem_password").focus();
			}
		}
	}
};







// Three tab version
//pDetailsTabs = new Array;
//pDetailsTabs[0] = "prodInfo";
//pDetailsTabs[1] = "prodTech";
//pDetailsTabs[2] = "prodDown";

// Two tab version for when related products isn't active
pDetailsTabs = new Array;
pDetailsTabs[0] = "prodTech";
pDetailsTabs[1] = "prodDown";

function showpDetailsTab(whichTab) {
	if (!document.getElementById) return;
	for (i=0; i<pDetailsTabs.length; i++) {
		var theTab = document.getElementById(pDetailsTabs[i] + "Tab")
		var theDiv = document.getElementById(pDetailsTabs[i] + "Div")
		theDiv.className = "hide";
		theTab.className = theTab.className.replace(new RegExp("here\\b"), "away")
	}
	document.getElementById(whichTab + "Div").className = "show";
	document.getElementById(whichTab + "Tab").className = document.getElementById(whichTab + "Tab").className.replace(new RegExp("away\\b"), "here");
};





mDetailsTabs = new Array;
mDetailsTabs[0] = "memProfile";
mDetailsTabs[1] = "memLists";

function showmDetailsTab(whichTab) {
	if (!document.getElementById) return;

	if(document.getElementById("profileConfirm")) {
		document.getElementById("profileConfirm").className = "hide";
	}
	if(document.getElementById("listsConfirm")) {
		document.getElementById("listsConfirm").className = "hide";
	}
	if(document.getElementById("backToAllListsAction")) {
		if (whichTab == "memLists") {
			document.getElementById("backToAllListsAction").className = "flRight";
		} else {
			document.getElementById("backToAllListsAction").className = "hide";
		}
	}
	for (i=0; i<mDetailsTabs.length; i++) {
		document.getElementById(mDetailsTabs[i] + "Div").className = "hide";
		document.getElementById(mDetailsTabs[i] + "Tab").className = "away";
	}
	document.getElementById(whichTab + "Div").className = "show";
	document.getElementById(whichTab + "Tab").className = "here";
};





function clearTabAnchorLinks() {
	if (!document.getElementById) return;

	if(document.getElementById("pDetailsTabs")){
		for (i=0; i<pDetailsTabs.length; i++) {
			var prodInfoTabLink = document.getElementById(pDetailsTabs[i] + "Tab").firstChild;
			prodInfoTabLink.setAttribute("href","#");
		}
	}
	if(document.getElementById("mDetailsTabs")){
		for (i=0; i<mDetailsTabs.length; i++) {
			var memberInfoTabLink = document.getElementById(mDetailsTabs[i] + "Tab").firstChild;
			memberInfoTabLink.setAttribute("href","#");
		}
	}
};





function pageItemRollovers(parentObject, childObjectType, childObjectClasses, exceptionClass) {
	if (document.getElementById(parentObject)) {
		var tableObject = document.getElementById(parentObject);
		var tableObjectRows = tableObject.getElementsByTagName(childObjectType);
		for (var i = 0; i < tableObjectRows.length; i++) {
			if (childObjectClasses.length) {

				// Create an array out of the childObjectClasses value(s)
				cObjClasses = new Array();
				if (childObjectClasses.indexOf("|") != -1) {
					cObjClasses = childObjectClasses.split("|");
				}
				else {
					cObjClasses[0] = childObjectClasses;
				}

				tableObjectRows[i].onmouseover = function() {
					for(u=0; u<cObjClasses.length; u++) {
						if (this.className.indexOf(cObjClasses[u]) != -1) {
							if(exceptionClass.length != 0) {
								if (this.className.indexOf(exceptionClass) == -1) {
									this.className += " sfhover";
								}
							}
							else {
								this.className += " sfhover";
							}
						}
					}
				}
				tableObjectRows[i].onmouseout=function() {
					for(u=0; u<cObjClasses.length; u++) {
						if (this.className.indexOf(cObjClasses[u]) != -1) {
							this.className = this.className.replace(new RegExp(" sfhover\\b"), "");
						}
					}
				}
			}
			else {
				tableObjectRows[i].onmouseover = function() {
					this.className += " sfhover";

				}
				tableObjectRows[i].onmouseout=function() {
					this.className = this.className.replace(new RegExp(" sfhover\\b"), "");
				}
			}
		}
	}
};





function createRowLinks() {
	if (!document.getElementById) return;

	if (document.getElementById('pListsTable')) {
		var tableObject = document.getElementById('pListsTable');
		var tableObjectRows = tableObject.getElementsByTagName('tr');
		for (var i = 0; i < tableObjectRows.length; i++) {
			if(i>0) {
				tableObjectRows[i].onclick = function() {
					var tableObjectRowCols = this.getElementsByTagName('td');
					var linkObject = tableObjectRowCols[0].firstChild;
					window.location = linkObject.href;
				}
			}
		}
	}
};













function initRollovers() {
	if (!document.getElementById) return;

	if(document.all) {
		pageItemRollovers('nav','li','', '');
		pageItemRollovers('pDetailsTabs','li','', '');
	}
	//pageItemRollovers('pListsTable','tr','odd|even', 'delete');
}











addLoadEvent(initRollovers);
//addLoadEvent(createRowLinks);
addLoadEvent(clearTabAnchorLinks);
addLoadEvent(focusField);



