﻿ function InitialiseTabs()
    {
    
        // see source code for info 'bout this function.
        var tabSpec = document.getElementById("viewTabSpec");
        var tabSpecTable = document.getElementById("viewTableSpec");
 
        if(tabSpec!=null)
            tabSpec.className="viewTabSpecSel";
        else
        {
            var tabStandard = document.getElementById("viewTabStandardEquip");
        
            if(tabStandard!=null)
                tabStandard.className="viewTabStandardEquipSel";
            else
            {
                var tabFitted = document.getElementById("viewTabFitted");
                if(tabFitted!=null)
                    tabFitted.className="viewTabFittedSel";
            }
        }
        
        
        if(tabSpecTable!=null)
        {
            tabSpecTable.style.display=""
        }
        else
        {
            var tabStandardTable = document.getElementById("viewTableStandard");
            
            if(tabStandardTable!=null)
            {
                tabStandardTable.style.display=""
            }
            else
            {
                var tabFittedTable = document.getElementById("viewTableFitted");
                
                if(tabFittedTable!=null)
                   tabFittedTable.style.display="";
                   else
                   alert('null');
            }

        }
        
    }

   function toggleViewTab(obj)
        {

            /* clear all tabs */
            //

            var tabSpec = document.getElementById("viewTabSpec");
            
            if(tabSpec!=null)
                tabSpec.className="viewTabSpec";
                
                
            document.getElementById("viewTabFitted").className="viewTabFitted";
            document.getElementById("viewTabExtras").className="viewTabExtras";
            
            var tabStandard = document.getElementById("viewTabStandardEquip");
            if(tabStandard!=null)
                tabStandard.className="viewTabStandardEquip";
            
            
            /* hide all content */
            
            var tabSpecTable = document.getElementById("viewTableSpec");
            
            if(tabSpecTable!=null)
                tabSpecTable.style.display="none";
            
            document.getElementById("viewTableFitted").style.display="none";
            document.getElementById("viewTableExtras").style.display="none";
            
            var tabStandardTable = document.getElementById("viewTableStandard");
            if(tabStandardTable!=null)
                tabStandardTable.style.display="none";
            
            // show selected content / tab
            switch(obj)
            {
                case 'spec': 
                    //document.getElementById("viewTableSpec").style.display="";
                    if(tabSpecTable!=null)
                        tabSpecTable.style.display="";
                    
                    //document.getElementById("viewTabSpec").className="viewTabSpecSel";
                    if(tabSpec!=null)
                        tabSpec.className="viewTabSpecSel";
                    
                    break;
                case 'fitted': 
                    document.getElementById("viewTableFitted").style.display="";
                    document.getElementById("viewTabFitted").className="viewTabFittedSel";
                    break;
                case 'extras': 
                
                    document.getElementById("viewTableExtras").style.display="";
                    document.getElementById("viewTabExtras").className="viewTabExtrasSel";
                    
                    break;
                    
                 case 'standard': 
                
                    document.getElementById("viewTableStandard").style.display="";
                    document.getElementById("viewTabStandardEquip").className="viewTabStandardEquipSel";
                    
                    break;
                    
            }
            
            return false;
        }
        
        function toggleImage(obj)
        {
            // sorry for hard coding this value in whoever is modifying it. P.
            var imageMain = document.getElementById("ctl00_contentMainContentArea_ViewVehicleHeader_imgLiveMainImage");
            imageMain.alt = "Loading....";
            var imageCurrent = obj;
            
            var imageCurrentArr = imageCurrent.src.split("/");
            var imageMainLocation = "";
            
            
            for(var i=0;i<imageCurrentArr.length;i++)
            {
                if(imageCurrentArr[i] == "small")
                    imageCurrentArr[i] = "large";
                    
                imageMainLocation+=imageCurrentArr[i];
                if(i<imageCurrentArr.length-1)
                    imageMainLocation+="/";
            }
            
            imageMain.src=imageMainLocation;
            imageMain.alt = "Actual Vehicle Picture";
        }
