var enabletabpersistence=0 //enable tab persistence via session only cookies, so selected tab is remembered?


var tabcontentIDs=new Object()

function expandcontent(linkobj)
{
	var ulid=linkobj.parentNode.parentNode.id //id of UL element
	var ullist=document.getElementById(ulid).getElementsByTagName("li") //get list of LIs corresponding to the tab contents
	for (var i=0; i<ullist.length; i++)
	{
		ullist[i].className=""  //deselect all tabs
		if (typeof tabcontentIDs[ulid][i]!="undefined") //if tab content within this array index exists (exception: More tabs than there are tab contents)
		document.getElementById(tabcontentIDs[ulid][i]).style.display="none" //hide all tab contents
	}
	linkobj.parentNode.className="selected"  //highlight currently clicked on tab
	document.getElementById(linkobj.getAttribute("rel")).style.display="block" //expand corresponding tab content
	saveselectedtabcontentid(ulid, linkobj.getAttribute("rel"))
}

function expandtab(tabcontentid, tabnumber)
{ //interface for selecting a tab (plus expand corresponding content)
	var thetab=document.getElementById(tabcontentid).getElementsByTagName("a")[tabnumber]
	if (thetab.getAttribute("rel"))
	Expandcontent(thetab)
}

function savetabcontentids(ulid, relattribute)
{// save ids of tab content divs
	if (typeof tabcontentIDs[ulid]=="undefined") //if this array doesn't exist yet
	tabcontentIDs[ulid]=new Array()
	tabcontentIDs[ulid][tabcontentIDs[ulid].length]=relattribute
}

function saveselectedtabcontentid(ulid, selectedtabid)
{ //set id of clicked on tab as selected tab id & enter into cookie
	if (enabletabpersistence==1) //if persistence feature turned on
	setCookie(ulid, selectedtabid)
}

function getullistlinkbyId(ulid, tabcontentid)
{ //returns a tab link based on the ID of the associated tab content
	var ullist=document.getElementById(ulid).getElementsByTagName("li")
	for (var i=0; i<ullist.length; i++)
	{
		if (ullist[i].getElementsByTagName("a")[0].getAttribute("rel")==tabcontentid)
		{
			return ullist[i].getElementsByTagName("a")[0]
			break
		}
	}
}

function initializetabcontent()
{
	for (var i=0; i<arguments.length; i++){ //loop through passed UL ids
	if (enabletabpersistence==0 && getCookie(arguments[i])!="") //clean up cookie if persist=off
		setCookie(arguments[i], "")
	var clickedontab=getCookie(arguments[i]) //retrieve ID of last clicked on tab from cookie, if any
	var ulobj=document.getElementById(arguments[i])
	var ulist=ulobj.getElementsByTagName("li") //array containing the LI elements within UL
	for (var x=0; x<ulist.length; x++){ //loop through each LI element
	var ulistlink=ulist[x].getElementsByTagName("a")[0]
	if (ulistlink.getAttribute("rel"))
	{
savetabcontentids(arguments[i], ulistlink.getAttribute("rel")) //save id of each tab content as loop runs
ulistlink.onclick=function(){
expandcontent(this)
return false
}
if (ulist[x].className=="selected" && clickedontab=="") //if a tab is set to be selected by default
expandcontent(ulistlink) //auto load currenly selected tab content
}
} //end inner for loop
if (clickedontab!=""){ //if a tab has been previously clicked on per the cookie value
var culistlink=getullistlinkbyId(arguments[i], clickedontab)
if (typeof culistlink!="undefined") //if match found between tabcontent id and rel attribute value
expandcontent(culistlink) //auto load currenly selected tab content
else //else if no match found between tabcontent id and rel attribute value (cookie mis-association)
expandcontent(ulist[0].getElementsByTagName("a")[0]) //just auto load first tab instead
}
} //end outer for loop
}


function getCookie(Name)
{ 
	var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
	if (document.cookie.match(re)) //if cookie found
		return document.cookie.match(re)[0].split("=")[1] //return its value
		return ""
}

function setCookie(name, value)
{
	document.cookie = name+"="+value //cookie value is domain wide (path=/)
}



var lastClicked = false;

function changeImage(obj) 
{
	 
   //check to see if we've just clicked the object that has already been clicked
   if (lastClicked && lastClicked.src == obj.src) 
   {
     return false;
   }
   //change the last clicked item back to it's original state
   if (lastClicked) 
   {
      lastClicked.src = lastClicked.src.replace(/_over/, "");

   }
   //set the lastClicked image to one currently clicked
   lastClicked = obj;
   //obj.src = obj.src.replace(/.gif$/, '_over.gif').replace(/.jpg$/, '_over.jpg');	
  	
}

window.onload = function () 
{
   lastClicked = document.getElementById("firstImage");
};

function handleOver(obj) 
{     
   if (lastClicked && lastClicked.src == obj.src) 
   {
      //lastClicked.src = lastClicked.src.replace(/_over/, "");
      obj.src = obj.src.replace(/_over.gif$/, '.gif').replace(/_over.jpg$/, '.jpg'); 
   }  


   	 obj.src = obj.src.replace(/.gif$/, '_over.gif').replace(/.jpg$/, '_over.jpg');


     obj.src = obj.src.replace(/_clic.gif$/, '_over.gif').replace(/_clic.jpg$/, '_over.jpg');
      
if (lastClicked.src != obj.src)
{
	obj.src = obj.src.replace(/_clic.gif$/, '.gif').replace(/_clic.jpg$/, '.jpg'); 
}
   
   }
function handleOut(obj) 
{

   if (lastClicked && lastClicked.src == obj.src) 
   {
     obj.src = obj.src.replace(/.gif$/, '_over.gif').replace(/.jpg$/, '_over.jpg'); 

   } 
   
  		obj.src = obj.src.replace(/_over.gif$/, '.gif').replace(/_over.jpg$/, '.jpg');     


}

function handleHit(obj) 
{

   if (lastClicked && lastClicked.src == obj.src) 
   {
     obj.src = obj.src.replace(/.gif$/, '_clic.gif').replace(/.jpg$/, '_clic.jpg'); 
   }
   
   
  		obj.src = obj.src.replace(/_over.gif$/, '_clic.gif').replace(/_over.jpg$/, '_clic.jpg');   
      
onmouseover="handleHit(this);"

obj.src = obj.src.replace(/_clic.gif$/, '_clic.gif').replace(/_clic.jpg$/, '_clic.jpg'); 

}

var image = document.getElementById("magImage")

function clickImage(obj)
{
	image.src = "/myaccount/img/tab_magazines_clic.gif"
	
}