var curCursor;
var sizeGraphwidth = 500;
var sizeGraphHeight = 220;

//Will be called when the page is loaded for the first time
function loadbody()
{
   initContentForm();
   setTheMenuBgColor();

   // set the focus to the graph option selection.
   //document.getElementById('ctl00_ContentPlaceHolder1_GraphOption').focus();

   // Delay setting focus to the text box.
   //window.setTimeout('SetFocusToCompanySearch()', 100);

   // Set the focus to the company search box.
   //document.getElementById('ctl00_txtCompanysuggest').focus();


}

function SetFocusToCompanySearch() {

    txt = document.getElementById("ctl00_txtCompanysuggest");
    txt.focus();

}

function setTheMenuBgColor()
{
    var idmenu = document.getElementById("leftnav_summary");
    var image = "url(App_Themes/images/navigation_button_submenu_over.gif)";
    if ((idmenu != null) && (image != null)) {
        //Replace the image to highlight
        idmenu.style.backgroundImage = image;
        idmenu.style.color = "#154f71";

    }
}

//Will be called when the page is loaded for the first time
function initContentForm()
{
    GetGraphWidth();  
       
    var varLink = document.getElementById("ctl00_ContentPlaceHolder1_linkLoadGraph");
    if(varLink != null)
    {
        //location = varLink.href;
        
    }  
        
}

function OnItemSelected()
{
    
    var varSearch = document.getElementById("ctl00_ContentPlaceHolder1_linkSearch");
    if(varSearch != null)
    {
        //This causes the graph loading in the update panel
        location = varSearch.href;        
    }
}

//Will be called when the user changes the selection in the dropdown list
function loadGraphByCBO()
{
    var data_type=0;
    data_type = document.getElementById("sel_graphOption").options[document.getElementById("sel_graphOption").selectedIndex].value;
    data_type = document.getElementById("sel_graphOption").selectedIndex;
    document.getElementById("sel_graphOption").options[document.getElementById("sel_graphOption").selectedIndex].selected = "selected";
    
    //Store the value in the hidden field. This value will be internal;ly used in the code behind.
    var varGraphOption = document.getElementById("ctl00_ContentPlaceHolder1_hdfSelGraph");
    varGraphOption.value = data_type + 1;   
    
    var varLink = document.getElementById("ctl00_ContentPlaceHolder1_linkLoadGraph");
    if(varLink != null)
    {
        //This causes the graph loading in the update panel
        location = varLink.href;        
    }
}

//Will be called when the user clicks on any row in the Financial guidance list view
function loadGraph(v)
{

    var data_type=0;
    if(v.innerHTML=="GAAP EPS")
    {
        data_type=3;
    }
    else if (v.innerHTML=="Non GAAP EPS")
    {
        data_type=2;
    } 
    else
    {  
        data_type=1;
    }
    //change the dropdown list also as per the selected item
    document.getElementById("sel_graphOption").selectedIndex =  data_type -1;
    
    //Store the value in the hidden field. This value will be internal;ly used in the code behind.
    var varGraphOption = document.getElementById("ctl00_ContentPlaceHolder1_hdfSelGraph");
    varGraphOption.value = data_type;  
   
    var varLink = document.getElementById("ctl00_ContentPlaceHolder1_linkLoadGraph");
    if(varLink != null)
    {
        location = varLink.href;        
    }
    
}

//Get the graph width. This can be used for adjusting the graph 
function GetGraphWidth()
{
    //It works only for IE
    if(document.body != null)
    {
        var nTotalwidth = document.body.offsetWidth;
        var nTotalHeight = document.body.offsetHeight;    
        nTotalwidth = nTotalwidth - 20;
        sizeGraphwidth = nTotalwidth/2;
        
        var varGraphHeight = document.getElementById("ctl00_ContentPlaceHolder1_hdfGraphHeight");
        varGraphHeight.value = sizeGraphHeight; 
        
        var varGraphWidth = document.getElementById("ctl00_ContentPlaceHolder1_hdfGraphWidth");
        varGraphWidth.value = sizeGraphwidth;        
    
    }
}


//Change the color of the row when the mouse is moved over the row.    
function OnMouseOverListItem(ctl)
{
    ctl.bgColor='#FFFFCC';
}

//Reset the color of the row when the mouse is moved out of the row.
function OnMouseOutListItem(ctl)
{
    ctl.bgColor='#FFFFFF';
}

ddaccordion.init({
    headerclass: "submenuheader", //Shared CSS class name of headers group
    contentclass: "submenu", //Shared CSS class name of contents group
    revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
    collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
    defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content
    onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
    animatedefault: false, //Should contents open by default be animated into view?
    persiststate: false, //persist state of opened contents within browser session?
    toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
    togglehtml: ["suffix", "<img src='App_Themes/images/plus_27.gif' class='statusicon' />", "<img src='App_Themes/images/minus_27.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
    animatespeed: "normal", //speed of animation: "fast", "normal", or "slow"
    oninit: function(headers, expandedindices) { //custom code to run when headers have initalized
        //do nothing
    },
    onopenclose: function(header, index, state, isuseractivated) { //custom code to run whenever a header is opened or closed
        //do nothing
    }
})
ddaccordion.init({ //2nd level headers initialization
    headerclass: "subexpandable", //Shared CSS class name of sub headers group that are expandable
    contentclass: "subcategoryitems", //Shared CSS class name of sub contents group
    revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
    collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
    defaultexpanded: false, //index of content(s) open by default [index1, index2, etc]. [] denotes no content
    onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
    animatedefault: false, //Should contents open by default be animated into view?
    persiststate: false, //persist state of opened contents within browser session?
    toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
    togglehtml: ["suffix", "<img src='App_Themes/images/plus_27.gif' class='statusicon1' border='0' style='cellpadding-left=87px '/>", "<img src='App_Themes/images/minus_27.gif' border='0' class='statusicon1' style='cellpadding-left=87px '/>"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
    animatespeed: "normal", //speed of animation: "fast", "normal", or "slow"
    oninit: function(headers, expandedindices) { //custom code to run when headers have initalized
        //do nothing
    },
    onopenclose: function(header, index, state, isuseractivated) { //custom code to run whenever a header is opened or closed
    }
})


function ShowLatestGuidanceDoc(DocumentLink) {
        windTerms = window.open(DocumentLink, 'SPTermsOfUse', 'width=800 height=800 resizable=yes location=no scrollbars=yes left=100');
}