window.onload = function() {
	doBrowserCheck();
}

doBrowserCheck = function() {
	
	var version = null;
	var needUpdate = false;
	
	var browser = navigator.appName;
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
		var version = new Number(RegExp.$1);
	}


	if ((browser=="Netscape" || browser=="Microsoft Internet Explorer") && version <= 6 && (version != null)) {
		needUpdate = true;
		var updateLink = '<a style="margin-left:40px" onclick="window.open(this.href); return false;" href="http://www.microsoft.com/uk/windows/internet-explorer/">Trykk her for å oppgradere til nyeste versjon av Internet Explorer</a></span>';
	}
	
	
	if (needUpdate == true) {
		var alertBox = document.createElement('div');
		with (alertBox.style) {
			position = 'relative';
			height = '25px';
			background = '#FFFFE1';
			width = '100%';
			borderBottom = '2px #666666 solid';
		}
		
		alertBox.id = 'alertBox';
		
		var wrapper = document.createElement('div');
		with (wrapper.style) {
			padding = '5px';
		}
		
		wrapper.innerHTML = '<span style="font-size:11px;">Du bruker en utdatert nettleser. Vennligst oppgrader nettleseren din for å vise siden optimalt.'+updateLink;
		
		document.getElementById('browserContainer').appendChild(alertBox);
		alertBox.appendChild(wrapper);
		
		//animateBrowserAlertBox(alertBox, -12);
	}
}

animateBrowserAlertBox = function(obj, pos) {
	
	var top = +obj.style.top.replace('px', '');
	
	if (top <= -5) { //-5 + ((40-5)/2)
		var newPos = top + 5;
		obj.style.top = newPos+'px';
	}
	
	else {
		//var newPos = top + (40+top)/2);
		//obj.style.top = newPos+'px';
	}
	
	if (top < 0) {
		setTimeout(function(o, p) { return function() { animateBrowserAlertBox(o, p); } } (obj, newPos), 30);
	}
	else return;
}


toggleMain = function(obj, id) {
	
	var cId = 'mainWrap_'+id;
	
	if (!document.getElementById(cId)) {
	
		var div = document.createElement('DIV');
		div.id = cId;
		with (div.style) {
			//borderWidth = '1px';
			//borderStyle = 'solid';
			//borderColor = '#CCCCCC';
			//background = 'white';
			position = 'absolute';
			overflow = 'hidden';
			marginLeft = '-45px';
			width = '189px';
			zIndex = '9999';
		}
		
		div.className = 'menuBoxes';
		
		//Content holder
		var contentHolder = document.createElement('DIV');
		contentHolder.style.background = 'white'; //'url(../images/dropdown/top.png)';
		contentHolder.style.background = 'url(../images/dropdown/body.png) no-repeat';
		contentHolder.style.backgroundPosition = 'bottom left';
		contentHolder.style.padding = '10px';
		contentHolder.style.fontSize = '11px';
		contentHolder.style.width = '169px';
		
		//Top
		var divTop = document.createElement('DIV');
		divTop.style.height = '9px';
		divTop.style.background = 'url(../images/dropdown/top.png)';

		//Bottom
		var divBottom = document.createElement('DIV');
		divBottom.style.height = '13px';
		divBottom.style.background = 'url(../images/dropdown/bottom.png)';
		
		var innerDiv = document.createElement('DIV');
		//innerDiv.style.padding = '20px';
		innerDiv.style.background = 'url(../images/dropdown/white.png) repeat-y';

		if (id == 1) {
		contentHolder.innerHTML = '<span style="font-weight:bold">Sikkerhet</span><br /><br />Vi holder deg alltid oppdatert med nyeste versjon helt kostnadsfritt.<br /><br />I tillegg krypteres sensitiv informasjon med 256-bits "block cipher" krypteringsteknologi og serveren blir overvåket 24 timer i døgnet.';	
		}
		else if (id == 2) {
			contentHolder.innerHTML = '<span style="font-weight:bold">My Account</span><br /><br />My Account lar deg enkelt administrere dine programmer, oppdatere bedriftsprofil og være oppdatert til enhver tid. Med din egen postkasse holder vi deg alltid oppdatert med systemmeldinger og events.';
		}

		else if (id == 3) {
			contentHolder.innerHTML = '<span style="font-weight:bold">Redigering</span><br /><br />Få full frihet ved å publisere dine egne nettsider like enkelt som du skriver et dokument i Microsoft Word. Redigeringsverktøyet lar deg enkelt sette inn bilder, legge til animasjoner, bildeeffekter og formatere tekst.';
		}

		else if (id == 4) {
			contentHolder.innerHTML = '<span style="font-weight:bold">Optimalisert</span><br /><br />Bli synlig i søkemotorene med SEO (søkemotoroptimalisering) som kan generere større trafikk og flere salg.';
		}

		else if (id == 5) {
			contentHolder.innerHTML = '<span style="font-weight:bold">Backup</span><br /><br />Med automatiske backuprutiner kan du når som helst tilbakestille en nettside fra et tidligere tidspunkt med ett tastetrykk. Enklere blir det ikke.';
		}

		
		
		obj.parentNode.appendChild(div);
		div.appendChild(divTop);
		div.appendChild(innerDiv);
		div.appendChild(divBottom);
		innerDiv.appendChild(contentHolder);
		
		var actualHeight = div.offsetHeight;
		var actualWidth =  div.offsetWidth;
		div.style.height = '1px';
		div.style.width = '1px';
		
		expandDivHeight(div, actualHeight, cId, actualHeight);
		expandDivWidth(div, actualWidth, cId, actualWidth);
		//alert(actualHeight);
		
		
		
		//alert(id);
	}
	
	else {
		var divToRemove = document.getElementById(cId);
		
		shrinkWidth(cId, 2);
		shrinkHeight(cId, 2);
		//divToRemove.parentNode.removeChild(divToRemove);
	}
}

shrinkHeight = function(id, newHeight) {
	if (document.getElementById(id)) {
		var obj = document.getElementById(id);
		var currentHeight = +obj.style.height.replace('px','');
		obj.style.height =  Math.ceil(currentHeight / 2) + 'px';

		if (currentHeight > newHeight) {
    		shrinkHeightTimeout = setTimeout(function(i, h) { return function() { shrinkHeight(i, h); } }(id, newHeight),30);
		}
		
		else {
			obj.parentNode.removeChild(obj);
		}
	}
}

expandDivWidth = function(obj, newWidth, id, maxWidth) {
	var currentWidth = +obj.style.width.replace('px','');
	var childWidth = newWidth - currentWidth;
	
	obj.style.width = Math.ceil(currentWidth + (childWidth / 2)) + 'px';

	if (currentWidth < newWidth && currentWidth < (maxWidth-2)) {
		expandTimeoutW = setTimeout(function(o, nh, id, mh) { return function() { expandDivWidth(o, nh, id, mh); } }(obj, newWidth, id, maxWidth),30);
	}
	
}

shrinkWidth = function(id, newWidth) {
	if (document.getElementById(id)) {
	
		var obj = document.getElementById(id);
		var currentWidth = +obj.style.width.replace('px','');
		obj.style.width =  Math.ceil(currentWidth / 2) + 'px';

		if (currentWidth > newWidth) {
    		shrinkWidthTimeout = setTimeout(function(i, w) { return function() { shrinkWidth(i, w); } }(id, newWidth),30);
		}
	}
}



highlightMain = function(id) {
	var img = document.getElementById('mIcon_'+id);
	var text = document.getElementById('mText_'+id);
	text.style.textDecoration = 'underline';
	img.style.backgroundPosition = '87px -23px';
}

unHighlightMain = function(id) {
	var img = document.getElementById('mIcon_'+id);
	var text = document.getElementById('mText_'+id);
	text.style.textDecoration = 'none';
	img.style.backgroundPosition = '87px 0';
}

expandDivHeight = function(obj, newHeight, id, maxHeight) {
	var currentHeight = +obj.style.height.replace('px','');
	var childHeight = newHeight - currentHeight;
	
	obj.style.height = Math.ceil(currentHeight + (childHeight / 2)) + 'px';
	
	if (currentHeight < newHeight && currentHeight < (maxHeight-2)) {
		expandTimeout = setTimeout(function(o, nh, id, mh) { return function() { expandDivHeight(o, nh, id, mh); } }(obj, newHeight, id, maxHeight),30);
	}
}

