// hide all divs with an id which contains the substring 'tab' or 'os' 
                function hideDivs(name) {
                    var val = name;
                    var x = document.getElementsByTagName("div");
                    for (i = 0; i < x.length; i++) {
                        if (x[i].id.match(val)) { 
                            //alert ("Hide id " + x[i].id);
                            x[i].className = "hide";
                        }    
                    }
                }

                // hide all divs with an id which contains the substring 'tab' or 'os' 
                function showDivsProducts() {
                    var val = "focus";
                    var x = document.getElementsByTagName("div");
                    for (i = 0; i < x.length; i++) {
                        if (x[i].id.match(val)) {
                            product=x[i].id.split("_");
                            showproduct = product[0] + "_" + product[1]; 
                          //  alert ("Showproduct " + showproduct);
                            x[i].className = showproduct;
                        }    
                    }
                }
                
                // hide all active li-s which contains the className 'activeTab'  
                function hideClass(name) {
                    var val = name;
                    var x = document.getElementsByTagName("li");
                    for (i = 0; i < x.length; i++) {
                        if (x[i].className.match(val)) { 
                            //alert ("Hide id " + x[i].className);
                            x[i].className = "";
                        }    
                    }
                }
                
                // show the choosen product select
                function selectProduct(name){
                    var val = name.className;
                    /*alert ("VAL: " + val);*/
                    product=val.split("_");
                    var labelactive = "dl_" + product[0] + "_focus";
                    var wintab = product[0] + "_Windows_tab";
                    var wintabactive = product[0] + "_Windows_id";

                    //alert ("THIS: " + val);
                    // hide
                    hideDivs('tab');
                    hideDivs('focus');
                    hideClass('activTab');
                    
                    // show
                    showDivsProducts();
                    document.getElementById(labelactive).className= labelactive;
                    document.getElementById(val).className= "show";
                    document.getElementById(wintab).className= "show";
                    document.getElementById(wintabactive).className= "activTab";
                }     
                
    function detectOS() {
            var OSName="UnknownOS";
            var tab="";
            if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
            if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOSX";
            if (navigator.appVersion.indexOf("X11")!=-1) OSName="Linux";
            if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";
            
            if (OSName == "UnknownOS") {
                OSName = "Windows";
            }

            hideClass('activTab');
            tab = "oxygen_" + OSName + "_tab";
            activTab = "oxygen_" + OSName;
            document.getElementById(tab).className = 'show';
            document.getElementById(activTab).className = 'activTab';
            
        }                
                
            function selectTabProduct(name){
                var val = name.id;
                var tab = val + "_tab";
                hideDivs('tab');                    
                hideClass('activTab');
                
                document.getElementById(tab).className= "show";
                document.getElementById(val).className= "activTab";
            }