// This file is designated to fix browsers problems
// that couldn't be solved in the Css/BrowserCompatibility.css file
// when Firefox, Safari and Opera have different CSS interpretation.

function detectBrowser()
{

    if (navigator.userAgent.indexOf('Safari') != -1){
        
        // alert ("SAFARI!");
        
        $('.header-menu-sale').attr("style","width: 82px !important; height: 21px !important; margin-top: -3px;");
        
        //document.getElementById('main-section-item-right-column-top-link1').style.width = "135px !important";
        /* GR
        var menutbl = document.getElementById(TopMenuControlId);        
        if (menutbl != null || menutbl != "undefined"){
            if (menutbl.rows.length > 0){
                var tr = menutbl.rows[0];                   
                
                if (tr != null && tr.cells.length > 0){
                    for(i=0; i < tr.cells.length; i++){                        
                        if (tr.cells[i].id != null && tr.cells[i].id != ''){
                            //tr.cells[i].style.display = "block !important";
                            //tr.cells[i].style.margin = "0px -2px 0px 0px !important";
                        }
                    }
                }
            }
        }
        */
        
        var cells = document.getElementById('header-menu-item-1').getElementsByTagName("td");
        for (var i = 0; i < cells.length; i++) { 
            //cells[i].style.border = "solid 1px red !important";
            cells[i].style.display = "block !important";
            cells[i].style.marginRight = "-2px !important";
            cells[i].style.borderRight = "solid 1px white !important";
        }
        //var cells2 = document.getElementById('header-menu-item-8').getElementsByTagName("td");
        /*for (var i = 0; i < cells2.length; i++) { 
            //cells2[i].style.border = "solid 1px red !important";
            cells2[i].style.display = "block !important";
            cells2[i].style.marginRight = "-2px !important";
            cells2[i].style.borderRight = "solid 1px white !important";
        }*/
        
        var cells3 = document.getElementsByClassName('header-menu-products-item');
        for (var i = 0; i < cells3.length; i++) { 
            //cells3[i].style.border = "solid 1px red !important";
            cells3[i].style.width = "130px !important";
        }
        
        document.getElementById('header-menu-search').style.display = "inline-block !important";
        document.getElementById('header-menu-search').style.position = "relative !important";
        document.getElementById('header-menu-search').style.top = "-10px !important";
        document.getElementById('header-menu-search').style.margin = "4px 0px -2px 0px !important";
        document.getElementById('header-menu-container').style.padding = "4px 0px 0px 0px !important";
        
       /*
        document.getElementById('header-menu-item-2').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-3').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-4').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-5').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-6').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-7').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-8').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-9').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-10').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-11').style.margin = "-1px 0px 0px -4px !important";
        */
        
        if (document.getElementById('search-left-column-bottom'))
            document.getElementById('search-left-column-bottom').style.margin = "-20px 0px 0px 0px !important";
        
        //document.getElementById('header-main-top-links').style.width = "345px !important";
        
        if (document.getElementsByClassName('product-children-internal-box-content-right-column')[0])
            document.getElementsByClassName('product-children-internal-box-content-right-column')[0].style.margin = "4px 0px 0px 0px !important";
        if (document.getElementsByClassName('product-children-internal-box-content-right-column')[1])
            document.getElementsByClassName('product-children-internal-box-content-right-column')[1].style.margin = "4px 0px 0px 0px !important";
        if (document.getElementsByClassName('product-children-internal-box-content-right-column')[2])
            document.getElementsByClassName('product-children-internal-box-content-right-column')[2].style.margin = "4px 0px 0px 0px !important";
    }
    
    if (navigator.userAgent.indexOf('Firefox') != -1)
    {
        // alert ("Firefox!");
    }
    
    if (navigator.userAgent.indexOf('Chrome') != -1)
    {
        // alert ("Chrome!");
        //document.getElementById('header-menu-container').getElementsByTagName('span')[0].style.margin = "-1px 0px 0px -1px !important";
        document.getElementById('header-menu-container').style.marginLeft = "-2px !important";
        document.getElementById('header-menu-container').style.padding = "1px 0px 0px 0px !important";
        //$("#main-section-item-right-column-product-details-box").css('visibility', 'visible');
        
        /*
        document.getElementById('header-menu-item-1').style.margin = "-1px 0px 0px -1px !important";
        document.getElementById('header-menu-item-2').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-3').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-4').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-5').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-6').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-7').style.margin = "-1px 0px 0px -4px !important";
        
        document.getElementById('header-menu-item-9').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-10').style.margin = "-1px 0px 0px -4px !important";
        document.getElementById('header-menu-item-11').style.margin = "-1px 0px 0px -4px !important";
        */
       /* document.getElementById('header-menu-item-8').style.margin = "-1px 0px 0px -4px !important";*/
        
        if (document.getElementById('search-left-column-bottom'))
            document.getElementById('search-left-column-bottom').style.margin = "-20px 0px 0px 0px !important";
        
        document.getElementById('header-menu-search').style.display = "inline-block !important";
        document.getElementById('header-menu-search').style.position = "relative !important";
        document.getElementById('header-menu-search').style.top = "-10px !important";
        document.getElementById('header-menu-search').style.margin = "4px 0px -2px 0px !important";
    }
    
    if (navigator.userAgent.indexOf('Opera') != -1)
    {
        //alert ("Opera!");
        
        if (document.getElementById('header-menu-search'))
            document.getElementById('header-menu-search').style.top = "-4px !important";
        if (document.getElementById('header-menu-search'))
            document.getElementById('header-menu-search').style.left = "-3px !important";
        if (document.getElementById('header-menu-container'))
            document.getElementById('header-menu-container').style.margin = "0px 0px 0px 0px !important";
        
        /*
        document.getElementById('header-menu-item-2').style.margin = "-1px 0px 0px -5px !important";
        document.getElementById('header-menu-item-3').style.margin = "-1px 0px 0px -5px !important";
        document.getElementById('header-menu-item-4').style.margin = "-1px 0px 0px -5px !important";
        document.getElementById('header-menu-item-5').style.margin = "-1px 0px 0px -5px !important";
        document.getElementById('header-menu-item-6').style.margin = "-1px 0px 0px -5px !important";
        document.getElementById('header-menu-item-7').style.margin = "-1px 0px 0px -5px !important";
        
        document.getElementById('header-menu-item-9').style.margin = "-1px 0px 0px -7px !important";
        document.getElementById('header-menu-item-10').style.margin = "-1px 0px 0px -5px !important";
        document.getElementById('header-menu-item-11').style.margin = "-1px 0px 0px -5px !important";
        */
        
        if (document.getElementById('header-menu-item-1'))
            document.getElementById('header-menu-item-1').style.margin = "-1px 0px 0px -5px !important";
        if (document.getElementById('header-menu-item-8'))
            document.getElementById('header-menu-item-8').style.margin = "-1px 0px 0px -5px !important";
        
        var cells = document.getElementById('header-menu-item-1').getElementsByTagName("tr");
        for (var i = 0; i < cells.length; i++) { 
            cells[i].style.display = "run-in !important";
        }

        if (document.getElementById('search-left-column-bottom'))
            document.getElementById('search-left-column-bottom').style.margin = "-20px 0px 0px 0px !important";
    
    }
    
    if (navigator.userAgent.indexOf('Navigator') != -1)
    {
        // alert ("Netscape!");
        
        document.getElementById('header-menu-search').style.top = "-4px !important";
        document.getElementById('header-menu-search').style.left = "-3px !important";
        document.getElementById('header-menu-container').style.margin = "0px 0px 0px 0px !important";
        
        document.getElementById('header-menu-item-1').style.margin = "-1px 0px 0px -5px !important";
        document.getElementById('header-menu-item-8').style.margin = "-1px 0px 0px -5px !important";
        
        if (document.getElementById('search-left-column-bottom'))
            document.getElementById('search-left-column-bottom').style.margin = "-20px 0px 0px 0px !important";
    }
    
}