// initialize the content of this function when the page has been fully loaded
var globalColumnCount = 0;

Event.observe(window, 'load', function() {
	 resizeColumns();
});



// plays video
function playVideo(sUrl,iWidth,iHeight){
        var sPlayer = '<object id="MediaPlayer1" width="' + iWidth + '" height="' + iHeight +'" '
                        sPlayer += 'classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" '
                        sPlayer += 'codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" '
                        sPlayer += 'standby="Loading Microsoft® Windows® Media Player components..." '
                        sPlayer += 'type="application/x-oleobject" align="middle"> '
                        sPlayer += '<param name="FileName" value="' + sUrl + '"> '
                        sPlayer += '<param name="ShowStatusBar" value="True"> '
                        sPlayer += '<param name="DefaultFrame" value="mainFrame"> '
                        sPlayer += '<param name="autostart" value="false"> '
                        sPlayer += '<embed type="application/x-mplayer2" '
                        sPlayer += 'pluginspage = "http://www.microsoft.com/Windows/MediaPlayer/" '
                        sPlayer += 'src="' + sUrl + '" '
                        sPlayer += 'autostart="false" '
                        sPlayer += 'align="middle" '
                        sPlayer += 'width="' + iWidth + '" '
                        sPlayer += 'height="' + iHeight +'" '
                        sPlayer += 'defaultframe="rightFrame" '
                        sPlayer += 'showstatusbar="true">'
                        sPlayer += '</embed>'
                sPlayer += '</object>'
        document.write (sPlayer);
}



// check the column heights and set the columns accordingly to match each other
function resizeColumns(){
	globalColumnCount++;

	if (globalColumnCount > 10) return;
	
	var oMenu = document.getElementsByClassName('mainLeft')[0];
	var oMenuUl = oMenu.getElementsByTagName("ul")[0];
	var oContent = document.getElementsByClassName('mainContentArea')[0];
	var iExtra = 300;
	
	if (oMenu && oContent){
		if ((oMenu.getHeight() < 500) && oContent.getHeight() < 500){
			oContent.setStyle({
				height: '500px'
			});
			
			if (oMenu.getHeight() < 500){
				oMenu.setStyle({
					height: '486px' // 500px excluding the top-padding
				});
			}
		}

		if(oMenuUl){
			if (oMenuUl.getHeight() > (oMenu.getHeight()-iExtra)){

				if (oContent.getHeight() < oMenu.getHeight()){
					oContent.setStyle({
		 				height: (oMenuUl.getHeight() + iExtra) + 'px'
					});
					if (oMenuUl.getHeight() > (oMenu.getHeight()-iExtra)){
						resizeColumns();
					}
				} else {
					if (oMenu.getHeight() == oContent.getHeight()){
						oContent.setStyle({
			 				height: (oMenuUl.getHeight() + iExtra) + 'px'
						});
					}
					else {
						if (navigator.userAgent.indexOf("MSIE 6.0") > -1){
							oMenu.setStyle({
				 				height: (oContent.getHeight()) + 'px' // insert the contentarea's height excluding the menu top-padding 
							});
						}
						else {
							oMenu.setStyle({
				 				height: (oContent.getHeight()-14) + 'px' // insert the contentarea's height excluding the menu top-padding 
							});
						}
					}
					
					if (oMenuUl.getHeight() > (oMenu.getHeight()-iExtra)){
						resizeColumns();
					}
				}
			}
		}
	}
}



/* firebug wrapper - outputs things in the "log" area, if there is no firebug */
dbug = {
    firebug: false,
    log: function(msg) {
        // alert("debug: " + msg);
    }
}
if (typeof console != "undefined") { // safari, firebug
    if (typeof console.debug != "undefined") { // firebug
        dbug.log = console.debug;
        dbug.firebug = true;
    }    
}