var sections = Array(3);
sections[0] = "tab1area";
sections[1] = "tab2area";
sections[2] = "tab3area";
sections[3] = "tab4area";

var tabsVis = Array(3);
tabsVis[0] = true;
tabsVis[1] = true;
tabsVis[2] = true;
tabsVis[3] = true;

var tabID = 0;

function init(tab1Vis,tab2Vis,tab3Vis,tab4Vis)
{
    document.getElementById('noJS').disabled = true;    
    subPage = getQueryVariable("p");
    if (subPage <=0 || subPage == undefined)
    {
        tabID = 0;
    }
    else 
    {
        tabID = subPage;
    }
    setVis(tab1Vis,tab2Vis,tab3Vis,tab4Vis);
    showSection(sections[tabID]);
}
function getQueryVariable(variable)
{
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i=0;i<vars.length;i++)
    {
        var pair = vars[i].split("=");
        if (pair[0] == variable)
        {
            return pair[1];
        }
    }
} 
function setVis(tab1Vis,tab2Vis,tab3Vis,tab4Vis)
{
    tabsVis[0] = tab1Vis;
    tabsVis[1] = tab2Vis;
    tabsVis[2] = tab3Vis;
    tabsVis[3] = tab4Vis;
}

function showHide(divID)
{
    
    var currentStatus = document.getElementById(divID).style.display;
    if (currentStatus == "block")
    {
        document.getElementById(divID).style.display = "none";
    }
   else{
        document.getElementById(divID).style.display = "block";
    }
}
function showSection(showArea)
{
var arrLoop;
   for (arrLoop=0;arrLoop<sections.length;arrLoop++)
   {    
        if (sections[arrLoop] == showArea)
        {
            document.getElementById(sections[arrLoop]).style.visibility="visible";
            document.getElementById(sections[arrLoop]).style.display="block";
            
            switch (sections[arrLoop])
            {
                case "tab1area":
                tabID = 0;
                if (document.getElementById("emailLink")){generateEmailLink();}
                if (document.getElementById("hidArchiveSection")){document.getElementById("hidArchiveSection").value=tabID;}
                document.getElementById("tab1").className = "tabslefton";
                if (tabsVis[1]) {document.getElementById("tab2").className = "tabs";};
                if (tabsVis[2]) {document.getElementById("tab3").className = "tabs";};
                if (tabsVis[3]) {document.getElementById("tab4").className = "tabsright"};
                break;
                case "tab2area":
                tabID = 1; 
                if (document.getElementById("emailLink")){generateEmailLink();}
                if (document.getElementById("hidArchiveSection")){document.getElementById("hidArchiveSection").value=tabID;}
                document.getElementById("tab1").className = "tabsleft";
                if (tabsVis[1]) {document.getElementById("tab2").className = "tabson";};
                if (tabsVis[2]) {document.getElementById("tab3").className = "tabs";};
                if (tabsVis[3]) {document.getElementById("tab4").className = "tabsright";};
                break;
                case "tab3area":
                tabID = 2;
                if (document.getElementById("emailLink")){generateEmailLink();}
                if (document.getElementById("hidArchiveSection")){document.getElementById("hidArchiveSection").value=tabID;}
                document.getElementById("tab1").className = "tabsleft";
                if (tabsVis[1]) {document.getElementById("tab2").className = "tabs";};
                if (tabsVis[2]) {document.getElementById("tab3").className = "tabson";};
                if (tabsVis[3]) {document.getElementById("tab4").className = "tabsright";};
                break;
                case "tab4area":
                tabID = 3;
                if (document.getElementById("emailLink")){generateEmailLink();}
                document.getElementById("tab1").className = "tabsleft";
                if (tabsVis[1]) {document.getElementById("tab2").className = "tabs";};
                if (tabsVis[2]) {document.getElementById("tab3").className = "tabs";};
                if (tabsVis[3]) {document.getElementById("tab4").className = "tabsrighton";};
                break;
            }
        }
        else{
            document.getElementById(sections[arrLoop]).style.visibility="hidden";
            document.getElementById(sections[arrLoop]).style.display="none";
        }   
   }
}

function createEmbedCode(path, imageID) {

    var outputCode = "";
    var embedCode = "&lt;img src=&quot;http://www.microsoft.com/emea/presscentre/images/large/"+path+"&quot; alt=&quot;&quot;/&gt;";
    
    outputCode = "<p class=\"embed\">";
    outputCode += "<a href=\"#\" onclick=\"showHide(\'" + imageID +"\');return false;\">Embed Image</a>";
    outputCode += "</p>";
    outputCode += "<input id=\""+ imageID + "\" class=\"embedImage\" name=\"imageEmbedCode\" value=\"" + embedCode+ "\" onclick=\"javascript:this.focus();this.select();\" readonly=\"readonly\" type=\"text\"></input>";
    
    document.write(outputCode);

}