// JavaScript Document

var TabContent = 
{

  init:function()
  {
    /*for (var i=0; i<arguments.length; i++){
      var clickedontab=getCookie(arguments[i]);
      var tabobj=document.getElementById(arguments[i]);
      if (clickedontab!=""){
        var imgList = tabObj.getElementsByTagName("img");
        for (var x=0; x<tabobj.length; x++)
        { //loop through each LI element
              var tablink = tabObj[x].getElementsByTagName("a")[0];
              var tabimg=tabObj[x].getElementsByTagName("img")[0];
              if (tablink.getAttribute("rel"))
              {
                savetabimghoversrc(arguments[i], tablink.getAttribute("rel")) //save id of each tab content as loop runs
                tabimg.onclick=function(){
                swapImg(this)
                return false
                  }
                if (tabimg[x].className=="selected" && clickedontab=="") //if a tab is set to be selected by default
                      swapImg(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
              }
            }
        }
      }*/
  },
  swapImgHover:function(tabid,index,attrName)
  {
    
    
    var tabobj = document.getElementById(tabid);
    var linklist = tabobj.getElementsByTagName("a");   
    var selectedSrc = linklist[index].getAttribute(attrName);
    
    
    var imgobj = linklist[index].getElementsByTagName("img");
    
    var currentSrc = imgobj[0].getAttribute('src');
    imgobj[0].setAttribute("src",selectedSrc);
    
    linklist[index].setAttribute(attrName,currentSrc);
    imgobj[0].id = "selected";
  },
  
  swapImgNormal:function(tabid,clickIndex,attrName)
  {
    
    var tabobj = document.getElementById(tabid);
    var linklist = tabobj.getElementsByTagName("a");   
    
    for(var i=0;i<linklist.length;i++)
    {
       if(i!=clickIndex){
        var imgobj = linklist[i].getElementsByTagName("img");
        //alert ('index num'+i+imgobj[0].className);
        
        if(imgobj[0] && imgobj[0].id == "selected")
        {
           var normalSrc = linklist[i].getAttribute(attrName);
          linklist[i].setAttribute(attrName,imgobj[0].getAttribute("src"));
          imgobj[0].setAttribute("src",normalSrc);
          imgobj[0].id = "";
        }
        }
    }
    
    
  },
  swapContent:function(tabid,clickIndex)
  {
    
    var tabobj = document.getElementById(tabid);
    var linklist = tabobj.getElementsByTagName("a");   
    
    for(var i=0;i<linklist.length;i++)
    {
       
       if(i!=clickIndex){
          //var imgobj = linklist[i].getElementsByTagName("img");
          //alert ('index num'+i+imgobj[0].className);
          if(linklist[i].getAttribute("rel"))
          {
            var subtabid = linklist[i].getAttribute("rel");
            var tabel = document.getElementById(subtabid);
            if(tabel)
            {
             
              tabel.style.display = 'none';
            }
          }
          
          //imgobj[0].className = "";
           
        }
        else
        {
          
          //var imgobj = linklist[i].getElementsByTagName("img");
          //alert ('index num'+i+imgobj[0].className);
          
          var subtabid = linklist[i].getAttribute("rel");
          
          var tabel = document.getElementById(subtabid);
          
          if(tabel)
          {
            
            tabel.style.display = 'block';
            //imgobj[0].className = "selected";
          }
         
        }
        
    }
    
    
  }

}