var ns4 = (document.layers)? true:false
var ie4 = (document.all)? true:false
var dom = (document.getElementById)? true:false;
var opera =false;
var os=getplattform();

var winW; 
var winH;
var pageReady = false;


var navOnColor;
var navOffColor;


var menu = new Array();


var oldwinW; 
var oldwinH;
var newwinW;
var newwinH;
if (ns4){
	newwinW = (ns4)? window.innerWidth : document.body.offsetWidth; 
	newwinH = (ns4)? window.innerHeight : document.body.offsetHeight;
}

var mouseX,mouseY

document.onmousemove = mouseMove;
if (ns4) document.captureEvents(Event.MOUSEMOVE);


var theOs = getplatform()

var bigFix = true;





function getplattform(osversion){
	userHeader = navigator.userAgent;
	if(userHeader.indexOf("Opera")>0){		
		 opera =true;
	}

	if (navigator.platform >= "Win") { return osversion="Win" } 
		else { return osversion="Mac" }
}

function getplatform(osversion){

		if (navigator.platform >= "Win") {
			return osversion="Win";
		} else {
			
			return osversion="Mac";
		}
}

function nsLoadfix(){
	if(ns4==undefined){
		document.location.href = document.location
	}
	else{
		initNav();
	}
}



var mX = new Array(0,0,129,0,0,0,0,0,0,0,0);
var nrMenus = 0;

function putMenuOnPlace(){
	winW = (ns4)? window.innerWidth : document.body.offsetWidth; 
	winH = (ns4)? window.innerHeight : document.body.offsetHeight;

	navPosPic = new createPosObj("posPic")

	menuStartY = navPosPic.ypos;
	menuStartX = navPosPic.xpos - 44;

	var menuPos = new Array()
	
	for(n=0;n<nrMenus;n++){
		menuPos[n] = new createPosObj("menuPos"+n);
		//alert(menuPos[n].xpos)
		menu[n] = new createlayerObj("menu"+n, false);
		menu[n].moveTo(menuStartX + menuPos[n].xpos,138);
	}

}

document.onreadystatechange = onResize;
window.onresize = onResize;

function onResize(){
	if(pageReady){
	newwinW = (ns4)? window.innerWidth : document.body.offsetWidth; 
	newwinH = (ns4)? window.innerHeight : document.body.offsetHeight;

		if(os=="Mac"){
			document.location.href = document.location;
		}
		
		if(winW!=newwinW || winH!=newwinH){
			putMenuOnPlace();
			if(ns4){
				document.location.href = document.location
			}
			else{

			}
		}
	}
}






var oldn = -1;
var mouseIs = "out";
var constantTimerValue = 20;
var mTimer; 

function menuClick(n){

	if(n<=2){
		navOffColor='#3D88AE'
		navOnColor='#4899C2'
	}
	else{
		navOffColor='#65A9C5'
		navOnColor='#6EB7D4'
	}

	if(pageReady){
		if(oldn==n){		
			hideMenu(n);
			oldn=-1;
		}
		else{			
			showMenu(n);
			oldn=n;
		}
	}
}

function menuMouseOver(n){

	if(pageReady){
		mTimer = constantTimerValue;
		mouseIs = "in";
		if(oldn!=n){
			if(oldn>-1)hideMenu(oldn);			
			showMenu(n);
			oldn=n;
		}
		else{
		}
	}
}


function mouseIsOut(){
	mouseIs = "out"; 
	menuTimer();
}

var timer;
function menuTimer(){
	if(oldn!=-1){
		if (mTimer<=0){		
			hideMenu(oldn);
			oldn=-1;
			clearTimeout(timer)
		}
		else{
			mTimer -= 1; 
			if (mouseIs!="in"){
				timer = setTimeout("menuTimer()",50);
			}
		}
	}
}



function showMenu(n){
	if(pageReady){
		menu[n].showNow();			
	}
}
function hideMenu(n){
	if(pageReady){
		menu[n].hideNow();	
	}
}


function highLightMenu(layID,itemID){
	mTimer = constantTimerValue;
	mouseIs = "in";
	if(ie4 || dom){
		changeBackgroundColor(layID+'mI'+itemID,navOnColor)
		changeBackgroundColor(layID+'mL'+itemID,navOnColor)
		//changePic('menu'+layID+'PicOn',layID+'pic'+itemID)
	}
}
function lowLightMenu(layID,itemID){

	mouseIsOut()
	if(ie4 || dom){
		changeBackgroundColor(layID+'mI'+itemID,navOffColor)
		changeBackgroundColor(layID+'mL'+itemID,navOffColor)
		//changePic('menuPicOff',layID+'pic'+itemID)
	}
}


function createPosObj(objImgID){
	if(dom) {
		boxObj 	= document.getElementById(objImgID); 
	}
	else{
		boxObj 	= (ns4)?document.images[objImgID]:document.all[objImgID];
	}
	modX 	= 0
	modY 	= 0

	this.ypos 	= (ns4)?boxObj.y + modY:boxObj.offsetTop + modY;
	this.xpos 	= (ns4)?boxObj.x + modX:boxObj.offsetLeft + modX;
	this.w 		= (ns4)?boxObj.width:boxObj.offsetWidth;
	this.h 		= (ns4)?boxObj.height:boxObj.offsetHeight;
}


function createlayerObj(id,nested) {
	if (ns4) {
		if (nested){
			this.css = document.layers[nested].document.layers[id];
		}
		else{
			this.css = document.layers[id];
		}
		this.x = this.css.left;
		this.y = this.css.top;
	}
	else if (ie4 ) {
		theLayer = document.all[id].style;
		theLayer.access = document.all[id];

		this.css = document.all[id].style;
		this.x = this.css.pixelLeft;
		this.y = this.css.pixelTop;
		this.w = this.pixelWidth
        this.h = this.pixelHeight
	}
	else if(dom  && !ie4) {
		this.layer = document.getElementById(id).style; 
		this.layer.access = document.getElementById(id); 
		
		this.css = document.getElementById(id).style;
		this.x = parseInt(this.css.left);
		this.y = parseInt(this.css.top);

	}
}
{
	p = createlayerObj.prototype;
	p.showNow = showLayer;
	p.hideNow = hideLayer;
	p.moveTo = layerObjMoveTo;
	p.moveBy = layerObjMoveBy
	p.layerHeight = layerHeight;
	p.layerWidth = layerWidth;
	p.changeBackgroundLayerOb = changeBackgroundLayerOb;
	p.writeIntoLayer = writeIntoLayer
}
function layerHeight() {
	contentHeight = (ns4)? this.css.document.height : this.css.access.scrollHeight;	
	return contentHeight;
}
function layerWidth() {
	contentWidth = (ns4)? this.css.document.width : this.css.access.scrollWidth;	
	return contentWidth;
}
function showLayer() {
        if (ns4) {
			this.css.visibility = "show";
        }
        else  {
			this.css.visibility = "visible";
        }
}
function hideLayer() {
        if (ns4) {
			this.css.visibility = "hide";
        }
        else {
			this.css.visibility = "hidden";
        }
}
function layerObjMoveTo(x,y) {
	var px=(ns4)?'':'px';
	this.x = x;
	this.css.left = this.x + px; 
	this.y = y;
	this.css.top = this.y + px; 
}
function layerObjMoveBy(x,y) {
	var px=(ns4)?'':'px';  
	this.x += x
	this.css.left = this.x + px 
	this.y += y
	this.css.top = this.y + px  
}

function mouseMove(e) {
	if (ns4) {var x=e.pageX; var y=e.pageY}
	if (ie4) {var x=event.x; var y=event.y+document.body.scrollTop}

	mouseX = x;
	mouseY = y;
		
}
function mouseDown(e) {	
	    if (ns4) {var x=e.pageX; var y=e.pageY};
		if (dom) {return false}
	    if (ie4) {var x=event.x; var y=event.y+document.body.scrollTop};
		if(oldn>-1){		
			if (x>=(menu[oldn].x) && x<=(menu[oldn].x+menu[oldn].layerWidth()) && y>=menu[oldn].y && y<=(menu[oldn].y+menu[oldn].layerHeight())) {
				return true;
			}
			else{
				menuClick(oldn)		
			}		
		}
}
function writeIntoLayer(htmlContent){
	if (ns4){
		this.css.document.open()
		this.css.document.write(htmlContent)		
		this.css.document.close()
	} else {
		this.css.access.innerHTML = htmlContent
	}
}


function openWin(HTMLPage,w,h,scroll){
        var Xwin = 0; var Ywin = 0;
        if (parseInt(navigator.appVersion) >= 4) {
            Xwin = (screen.availWidth - w)*.5;
            Ywin = (screen.availHeight - h)*.5;
        }
ordWindow = window.open(HTMLPage,'ordWindow','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars='+scroll+',resizable=0,copyhistory=0,width='+w+',height='+h+',left='+Xwin+',top='+Ywin)
}

function OpacityObject(divId, strPath) {
	this.id = divId;
	this.path = strPath;
	if (ns4){
			this.layerObject = eval("document.totalDiv.document.midDiv.document."+divId);
		
	} else {
		if (dom) {
			
			this.layerObject = document.getElementById(divId).style;
		}
		//this.layerObject = eval(divId + ".style");
	}

	this.changeBackgroundOP = changeBackgroundOP;

}

function changeBackgroundOP() {	
	if (ie4) {
		this.layerObject.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.path+".png', sizingMethod='scale')";
	} else if (dom) {
		this.layerObject.backgroundImage = 'url('+this.path+'.png)';
	} else {
		this.layerObject.backgroundImage = 'url('+this.path+'.gif)';
		this.layerObject.background = '#FF0000';
	}
}

function changeBackgroundLayerOb(path) {
	if (ie4) {
		if(os=="Mac"){
			this.css.background = '#77B4CC';
		}
		else{
			this.css.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+path+".png', sizingMethod='scale')";
		}
	} else if (dom) {
		this.css.backgroundImage = 'url('+path+'.png)';
	}
}

function changeBackgroundColor(itemId,color) {	
	if (dom) {
		this.layerObjectB = document.getElementById(itemId).style;
		this.layerObjectB.background = color;
	}

}
function noBackgroundColor(itemId) {	
	if (dom) {
		this.layerObject = document.getElementById(itemId).style;
		this.layerObject.background = '';
	}
}