/**
 * Copyright 2010 Cisco Systems, Inc. All rights reserved.
 *
 * Javascript for Left Nav Pane, Splitter and Content, by Zoe Hu 07.29.2005 
 * Modified by Hannie Fan, 05.03.2007, 05.09.2008, 7.22.2008, 3.17.2009, 6.21.2010
 */

var winWidth;
var winHeight;

function assignDimension(){
    if (self.innerWidth)  //Mozilla
    {
        winWidth = self.innerWidth;
        winHeight = self.innerHeight;
		if (document.getElementById("cuesNavBg")) 
       		document.getElementById("cuesNavBg").style.height = winHeight-91;
		if (document.getElementById("navBgNoMenu")) 
       		document.getElementById("navBgNoMenu").style.height = winHeight-90;
		if (document.getElementById("stepPanel")) {
            document.getElementById("stepPanel").style.height = winHeight-105;
        }
        if (document.getElementById("cuesNavListBg"))
            document.getElementById("cuesNavListBg").style.height = winHeight-90;
		if (document.getElementById("cuesContentBg")) {
        	document.getElementById("cuesContentBg").style.width = winWidth-239;
       		document.getElementById("cuesContentBg").style.height = winHeight-91;
		}
		else if (document.getElementById("contentBg")) {
			document.getElementById("contentBg").style.width = winWidth-10;
			document.getElementById("contentBg").style.height = winHeight-91;
		}
		else if (document.getElementById("contentBgNoMenu")) {
			document.getElementById("contentBgNoMenu").style.width = winWidth-282;
			document.getElementById("contentBgNoMenu").style.height = winHeight-110;
		}
		else if (document.getElementById("contentBgNoMenuNoLeft")) {
			document.getElementById("contentBgNoMenuNoLeft").style.width = winWidth-50;
			document.getElementById("contentBgNoMenuNoLeft").style.height = winHeight-110;
		}
		if (document.getElementById("cuesContentBodyBg")) {
        	document.getElementById("cuesContentBodyBg").style.width = winWidth-255;
       		document.getElementById("cuesContentBodyBg").style.height = winHeight-151;
		}
		else if (document.getElementById("contentBodyBgNoMenu")) {
				document.getElementById("contentBodyBgNoMenu").style.width = winWidth-300;  
				document.getElementById("contentBodyBgNoMenu").style.height = winHeight-153; 
		}
		else if (document.getElementById("contentBodyBgNoMenuNoLeft")) {
				document.getElementById("contentBodyBgNoMenuNoLeft").style.width = winWidth-68;  
				document.getElementById("contentBodyBgNoMenuNoLeft").style.height = winHeight-153; 
		}
		else if (document.getElementById("contentBodyBg")) {
			document.getElementById("contentBodyBg").style.width = winWidth-16;
			document.getElementById("contentBodyBg").style.height = winHeight-148; 
		}
    }
    else if (document.body) { //IE
        winWidth = document.body.clientWidth;
        winHeight = document.body.clientHeight;
        navPane = document.getElementById("cuesNavBg");
		navPaneNoMenu = document.getElementById("navBgNoMenu");
        if(navPane != null) {
            navPane.style.height = winHeight-89;
        }	
		if(navPaneNoMenu != null) {
            navPaneNoMenu.style.height = winHeight-92;
        }
		if (document.getElementById("stepPanel")) {
            document.getElementById("stepPanel").style.height = winHeight-108;
        }
        if (document.getElementById("cuesNavListBg")) {
            document.getElementById("cuesNavListBg").style.height = winHeight-92;
        }
		if (document.getElementById("cuesContentBg")) {
			document.getElementById("cuesContentBg").style.width = winWidth-237;
			document.getElementById("cuesContentBg").style.height = winHeight-168;
		}
		else if (document.getElementById("contentBg")) {
			document.getElementById("contentBg").style.width = winWidth; 
			document.getElementById("contentBg").style.height = winHeight-168;
		}
		else if (document.getElementById("contentBgNoMenu")) {
			document.getElementById("contentBgNoMenu").style.width = winWidth-300;
			document.getElementById("contentBgNoMenu").style.height = winHeight-155;
		}
		else if (document.getElementById("contentBgNoMenuNoLeft")) {
			document.getElementById("contentBgNoMenuNoLeft").style.width = winWidth-100;
			document.getElementById("contentBgNoMenuNoLeft").style.height = winHeight-186;
		}
		if (document.getElementById("cuesContentBodyBg")) {
			document.getElementById("cuesContentBodyBg").style.width = winWidth-239;
			document.getElementById("cuesContentBodyBg").style.height = winHeight-136;
		}
		else if (document.getElementById("contentBodyBgNoMenu")) {
				document.getElementById("contentBodyBgNoMenu").style.width = winWidth-280;  
				document.getElementById("contentBodyBgNoMenu").style.height = winHeight-137; 
		}
		else if (document.getElementById("contentPane")) {
				document.getElementById("contentPane").style.width = winWidth-290;  
				document.getElementById("contentPane").style.height = winHeight-137; 
		}
		else if (document.getElementById("contentBodyBgNoMenuNoLeft")) {
				document.getElementById("contentBodyBgNoMenuNoLeft").style.width = winWidth-49;  
				document.getElementById("contentBodyBgNoMenuNoLeft").style.height = winHeight-135; 
		}
		else if (document.getElementById("contentBodyBg")) {	
			document.getElementById("contentBodyBg").style.width = winWidth;
			document.getElementById("contentBodyBg").style.height = winHeight-134; 
		}
    }    
}

window.onload=assignDimension;


//Open/Collapse Nav Pane
var navOpen = true;

function openCollapseNav() {
if (navOpen == true) {
	document.getElementById("cuesNavBg").style.visibility='hidden';
    document.getElementById("navBgNoMenu").style.visibility='hidden';
    document.getElementById("cuesSplitter").style.left=0;
    document.getElementById("cuesSplitter").style.backgroundColor='#DBDBDB';
    document.getElementById("cuesSplitterImage").src="images/splitterOpen.gif";
    document.getElementById("cuesSplitterImage").alt="Open Navigation Pane";
    document.getElementById("cuesContentBg").style.left=7;
    document.getElementById("cuesContentTitleBg").style.left=8;
    navOpen = false
    if (navigator.appName=="Microsoft Internet Explorer") {
        document.getElementById("contentBgNoMenu").style.width = winWidth-8;
        document.getElementById("contentBodyBgNoMenu").style.width = winWidth-10;
        document.getElementById("contentBodyBgNoMenu").style.left=7;
    
    }
    else {
        document.getElementById("contentBgNoMenu").style.width = winWidth-10;
        document.getElementById("contentBodyBgNoMenu").style.width = winWidth-26;
        document.getElementById("contentBodyBgNoMenu").style.left=8;
    }
}
    else
    {   
		document.getElementById("cuesNavBg").style.visibility='hidden';
        document.getElementById("navBgNoMenu").style.visibility='visible';
        document.getElementById("cuesSplitter").style.left=229;
        document.getElementById("cuesSplitter").style.backgroundColor='';
        document.getElementById("cuesSplitterImage").src='images/splitterClose.gif';
        document.getElementById("cuesSplitterImage").alt="Collapse Navigation Pane";
        document.getElementById("contentBgNoMenu").style.left=236;
        document.getElementById("cuesContentTitleBg").style.left=237;
        document.getElementById("contentBodyBgNoMenu").style.left=237;
        navOpen = true
        if (navigator.appName=="Microsoft Internet Explorer") {
            document.getElementById("contentBgNoMenu").style.width = winWidth-237;
            document.getElementById("contentBodyBgNoMenu").style.width = winWidth-239;
        }
        else {
            document.getElementById("contentBgNoMenu").style.width = winWidth-239;
            document.getElementById("contentBodyBgNoMenu").style.width = winWidth-255;
        }
    }
}

function mouseOverSplitter() {
if (navOpen == true) 
    document.getElementById("cuesSplitterImage").src='images/splitterCloseHilite.gif';
else
    document.getElementById("cuesSplitterImage").src='images/splitterOpenHilite.gif';
}

function mouseOutSplitter() {
if (navOpen == true) 
    document.getElementById("cuesSplitterImage").src='images/splitterClose.gif';
else
    document.getElementById("cuesSplitterImage").src='images/splitterOpen.gif';
} 

//Recalculate dimension on resizing the window
function recalDimension() {
if (navOpen == true) {
    assignDimension(); 
    }
    else {
        if (self.innerWidth)  //Mozilla
        {
            winWidth = self.innerWidth;
            winHeight = self.innerHeight;
            document.getElementById("cuesNavBg").style.height = winHeight-91;
			document.getElementById("navBgNoMenu").style.height = winHeight-34;
			if (document.getElementById("stepPanel")) {
            document.getElementById("stepPanel").style.height = winHeight-84;
        	}
            if (document.getElementById("cuesNavListBg"))
                document.getElementById("cuesNavListBg").style.height = winHeight-84;
			if (document.getElementById("cuesContentBg")) {
				document.getElementById("cuesContentBg").style.width = winWidth-10;
				document.getElementById("cuesContentBg").style.height = winHeight-91;
			}
			else if (document.getElementById("contentBg")) {
				document.getElementById("contentBg").style.width = winWidth;
				document.getElementById("contentBg").style.height = winHeight-91;
			}
			else if (document.getElementById("contentBgNoMenu")) {
				document.getElementById("contentBgNoMenu").style.width = winWidth;
				document.getElementById("contentBgNoMenu").style.height = winHeight-67;
			}
			else if (document.getElementById("contentBgNoMenuNoLeft")) {
				document.getElementById("contentBgNoMenuNoLeft").style.width = winWidth;
				document.getElementById("contentBgNoMenuNoLeft").style.height = winHeight-67;
			}
			if (document.getElementById("cuesContentBodyBg")) {
				document.getElementById("cuesContentBodyBg").style.width = winWidth-56;
				document.getElementById("cuesContentBodyBg").style.height = winHeight-165;
			}
			else if (document.getElementById("contentBodyBgNoMenu")) {
				document.getElementById("contentBodyBgNoMenu").style.width = winWidth-255;  
				document.getElementById("contentBodyBgNoMenu").style.height = winHeight-125; 
			}
			else if (document.getElementById("contentBgNoMenuNoLeft")) {
				document.getElementById("contentBgNoMenuNoLeft").style.width = winWidth-2;
				document.getElementById("contentBgNoMenuNoLeft").style.height = winHeight-120;
			}
			else if (document.getElementById("contentBodyBg")) {
				document.getElementById("contentBodyBg").style.width = winWidth-2;
				document.getElementById("contentBodyBg").style.height = winHeight-125; 
			}
        }
        else if (document.body)  //IE
        {
            winWidth = document.body.clientWidth;
            winHeight = document.body.clientHeight;
            document.getElementById("cuesNavBg").style.height = winHeight-89;
			document.getElementById("navBgNoMenu").style.height = winHeight-98;
			if (document.getElementById("stepPanel")) {
            document.getElementById("stepPanel").style.height = winHeight-140;
        	}
            if (document.getElementById("cuesNavListBg"))
                document.getElementById("cuesNavListBg").style.height = winHeight-140;
			if (document.getElementById("cuesContentBg")) {
            	document.getElementById("cuesContentBg").style.width = winWidth-8;
				document.getElementById("cuesContentBg").style.height = winHeight-110;
			}
			else if (document.getElementById("contentBg")) {
				document.getElementById("contentBg").style.width = winWidth; 
				document.getElementById("contentBg").style.height = winHeight-110;
			}
			else if (document.getElementById("contentBgNoMenu")) {
			document.getElementById("contentBgNoMenu").style.width = winWidth;
			document.getElementById("contentBgNoMenu").style.height = winHeight-86;
			}
			else if (document.getElementById("contentBgNoMenuNoLeft")) {
			document.getElementById("contentBgNoMenuNoLeft").style.width = winWidth-6;
			document.getElementById("contentBgNoMenuNoLeft").style.height = winHeight-86;
		}
			if (document.getElementById("cuesContentBodyBg")) {
				document.getElementById("cuesContentBodyBg").style.width = winWidth-10;
				document.getElementById("cuesContentBodyBg").style.height = winHeight-148;
			}
			else if (document.getElementById("contentBodyBgNoMenu")) {
				document.getElementById("contentBodyBgNoMenu").style.width = winWidth-10;  
				document.getElementById("contentBodyBgNoMenu").style.height = winHeight-97; 
			}
			else if (document.getElementById("contentBodyBgNoMenuNoLeft")) {
				document.getElementById("contentBodyBgNoMenuNoLeft").style.width = winWidth-6;  
				document.getElementById("contentBodyBgNoMenuNoLeft").style.height = winHeight-120; 
		}
			else if (document.getElementById("contentBodyBg")) {
				document.getElementById("contentBodyBg").style.width = winWidth-6;  
				document.getElementById("contentBodyBg").style.height = winHeight-148; 
			}
        }
    }
}
    
window.onresize=recalDimension;