
//Initial code got from Dynamic Drive, Made Heavy Modifications to work with D2D
//http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm

/***********************************************
* DD Tab Menu script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/


/*************************************************************************
This section is tab related - MenuPanel specific
*************************************************************************/
//Expand Content, passes in the div containing the tabs, and the div containing the content
function expandTabContent(contentDivId, currentTab, parentTabDivId, parentContentDivId, tabCssOn, tabCssOff){
       
    //highlight this current tab   
    highlightTab(currentTab, parentTabDivId, tabCssOn, tabCssOff);
    
    //Get content Div object 
    var contentDivObject = document.getElementById(contentDivId);
   
    //Get class name 
    var contentDivCss = contentDivObject.className;
    
         
    //Collapse all divs in parent
    collapseContent(parentContentDivId, contentDivCss);
    
    if (contentDivId!=""){
        contentDivObject.style.display="block";
    }
}

//Expand Content, passes in the div containing the tabs, and the div containing the content
function expandTabContentOnTabID(contentDivId, currentTabId, parentTabDivId, parentContentDivId, tabCssOn, tabCssOff){
    
      //Get content Div object 
    var currentTab = document.getElementById(currentTabId);
      
    //highlight this current tab   
    highlightTab(currentTab, parentTabDivId, tabCssOn, tabCssOff);
    
    //Get content Div object 
    var contentDivObject = document.getElementById(contentDivId);
   
    //Get class name 
    var contentDivCss = contentDivObject.className;
    
         
    //Collapse all divs in parent
    collapseContent(parentContentDivId, contentDivCss);
    
    if (contentDivId!=""){
        contentDivObject.style.display="block";
    }
}

//Hide all divs
function collapseContent(parentContentDivId, contentDivCss)
{

    var contentobj=document.getElementById(parentContentDivId);
    var contentDivs;
    contentDivs=contentobj.getElementsByTagName("div");

       
    //Loop through hide all divs
    for (i=0; i<contentDivs.length; i++)
    {
        //If the content div is of class tabcontent, set it to hidden
        if(contentDivs[i].className.indexOf(contentDivCss)!=-1)
        {
            contentDivs[i].style.display="none"; 
        }
    }

}

//Hightlight Tab
function highlightTab(currentTab, parentTabDivId, tabCssOn, tabCssOff){

    var tabobj=document.getElementById(parentTabDivId);
    var tabTables;
    tabTables=tabobj.getElementsByTagName("table");

    for (i=0; i<tabTables.length; i++)
    {
    if(tabTables[i].className.indexOf(tabCssOn)!=-1)
    {
        tabTables[i].className=tabCssOff;
    }
}

    currentTab.className=tabCssOn;
}



/*************************************************************************
This section is image related - NewReleasesPanel specific
*************************************************************************/

//Expand Image Content, Passes in the div containing the tabs and the tabs containing the content
function expandImageContent(link, contentDivId, currentTab, parentTabDivId, parentContentDivId){
    var str = link;
    
    //Don't expand or change content if the image clicked btnSmTab_end 
    if((str.indexOf("btnSmTab_end") ==  -1))
    {
        highlightImage(link, currentTab, parentTabDivId);
        
        //Get content Div object 
        var contentDivObject = document.getElementById(contentDivId);
   
        //Get class name 
        var contentDivCss = contentDivObject.className;
        
        collapseContent(parentContentDivId, contentDivCss);
        
        if (contentDivId!=""){
            contentDivObject.style.display="block";
        }
    }
 
}

//Highlight Image
function highlightImage(link, currentTab, parentTabDivId){

    var tabobj=document.getElementById(parentTabDivId);
    var tabTables;
    var str;
    tabTables=tabobj.getElementsByTagName("img");

    for (i=0; i<tabTables.length; i++)
    {
        str = tabTables[i].src;
        if(str.indexOf(link) == -1)
        {
            //remove _tab.gif and replace it with _off.gif
            tabTables[i].src =  str.replace("_tab.gif" , "_off.gif"); 
            str = str.replace("_off.gif" , "_on.gif");
            str = str.replace("_tab.gif" , "_on.gif");
            //Set the roll over image
            tabTables[i].className = "domroll " + str; 
        }
    }
    
   currentTab.src = link + "_tab.gif"; 
   currentTab.className = "";
   //Set the onmouseover, onmouseout so that the images don't rollover
   currentTab.onmouseover = "";
   currentTab.onmouseout = "";
   
   //Call domRollOver again to set the onmouseover, onmouseout
   domRollover();
}

