﻿    function initTabs()
    {
        setupTabsForIE('tabGroup1', 'tabGroup2');
    }
    
    var loadingImg = new Image();
    loadingImg.src = '/img/iconLoading.gif';
    
    function showLoadingImage(link, tabGroupID)
    {
        var tables = document.getElementsByTagName("table");
        
        for(var i=0; i < tables.length; i++)
        {
            if (tables[i].className == 'homePageGrid' || tables[i].className == "grid")
            {
                if (tables[i].id.indexOf(tabGroupID) >= 0)
                {
                    tables[i].parentNode.parentNode.style.visibility = 'hidden';
                    
                    var loadingImage = document.createElement("IMG");
                    
                    loadingImage.src = '/img/iconLoading.gif';
                    loadingImage.style.position = 'absolute';
                    loadingImage.style.marginTop = '5px';
                    loadingImage.style.marginBottom = '5px';
                    loadingImage.style.marginLeft = '300px';
                    
                    tables[i].parentNode.parentNode.parentNode.insertBefore(loadingImage, tables[i].parentNode.parentNode);
                }
            }
        }
    }
 
    /*this is a hack for the known IE z-index bug*/
    function setupTabsForIE(tabGroup1ID, tabGroup2ID)
    {
        if (navigator.appName == 'Microsoft Internet Explorer')
        {
            //alert('test');
            var listItems = document.getElementsByTagName("LI");
            
            for (var i=0; i < listItems.length; i++)
            {
                if (listItems[i].id.indexOf('wcTabItem') > 0)
                {
                    //alert(listItems[i].id);
                    if (listItems[i].id.indexOf('Offer') > 0)
                    {
                        if (listItems[i].className == 'selected')
                        {
                            listItems[i].style.zIndex = 3;
                        }
                        else
                        {
                            listItems[i].style.zIndex = 0;
                        }
                    }
                    else
                    {
                        if (listItems[i].className == 'selected')
                        {
                            listItems[i].style.zIndex = 1;
                        }
                        else
                        {
                            listItems[i].style.zIndex = 0;
                        }
                    }
                    
                }
            }
            
            var tabGroup1 = document.getElementById(tabGroup1ID);
            if (tabGroup1)
            {
                tabGroup1.style.zIndex = 2;
                tabGroup1.style.position = "static";
            }

            var tabGroup2 = document.getElementById(tabGroup2ID);
            if (tabGroup2)
            {
                tabGroup2.style.zIndex = 0;
                tabGroup2.style.position = "static";
            }
        }
    }
    
    addOnLoadEvent(initTabs);