var $fadeFrom = 100; // 99 or 100 - use 99 if 100 is problematic 
var $fadeTo = 80; // some steps minus one - in you encounter any problems, use the same hack as above
var $fadeStep = 5; // is important for controlling fade speed and smoothness

// function for fading specified column (i is for counting steps, div is name of element, first is initial value of tranparency 
function fadecolumn($i,$div,$first) {
	if ($first) {
		document.getElementById($div).func = "fade";
	}
	if (document.getElementById($div).func == "hilite") return;
	if ($i >= $fadeTo) {
		// save tmp transparency
		document.getElementById($div).fadeopacity = $i;
		// top e.
		document.getElementById($div+"T").className = "opacity"+$i;
			// document.getElementById($div+"T").style.opacity = ($i / 100); 
			// document.getElementById($div+"T").style.filter = "alpha(Opacity="+$i+")";
		// bottom e.
		document.getElementById($div+"B").className = "opacity"+$i;
			// document.getElementById($div+"B").style.opacity = ($i / 100); 
			// document.getElementById($div+"B").style.filter = "alpha(Opacity="+$i+")";
		// column
		// debug = eval("document.getElementById('"+$div+"Debug').value='opacity"+$i+"'");
		document.getElementById($div).className = "hpColumn inShade";
		// flash control, will run only once
		if ($i == $fadeTo) {
			movie = eval("document."+$div+"Flash");
			movie.SetVariable("aktivni","0");
//			debug = eval("document.getElementById('"+$div+"Debug').value='0'");
		}
		// set variable to lower value and repeat
		$i = $i - $fadeStep;
		setTimeout("fadecolumn("+$i+",'"+$div+"',0)",75);
	} else {
		document.getElementById($div).func = null;
	}
}

// function for highlighting specified column (i is for counting steps, div is name of element 
function hilitecolumn($i,$div) {
	if (document.getElementById($div).func == "fade") return;
	if ($i <= $fadeFrom) {
		// save tmp transparency
		document.getElementById($div).fadeopacity = $i;
		// top e.
		document.getElementById($div+"T").className = "opacity"+$i;
			// document.getElementById($div+"T").style.opacity = ($i / 100); 
			// document.getElementById($div+"T").style.filter = "alpha(Opacity="+$i+")";
		// bottom e.
		document.getElementById($div+"B").className = "opacity"+$i;
			// document.getElementById($div+"B").style.opacity = ($i / 100); 
			// document.getElementById($div+"B").style.filter = "alpha(Opacity="+$i+")";
		// column
		// debug = eval("document.getElementById('"+$div+"Debug').value='opacity"+$i+"'");
		document.getElementById($div).className = "hpColumn withCursor";
		// flash control, will run only once
		if ($i == $fadeFrom) {
			movie = eval("document."+$div+"Flash");
			movie.SetVariable("aktivni","1");
//			debug = eval("document.getElementById('"+$div+"Debug').value='1'");
		}
		// set variable to lower value and repeat
		$i = $i + $fadeStep;
		setTimeout("hilitecolumn("+$i+",'"+$div+"')",75);
	} else {
		document.getElementById($div).func = null;
	}
}

var $imOnNews = null;
var $imOnDesign = null;
var $imOnPrint = null;

function onmouseon($key) {
	switch($key) {
		case "news":			
			if ($imOnNews) { clearTimeout($imOnNews); $imOnNews = null; }
			document.getElementById($key).func = "hilite";
			hilitecolumn(document.getElementById("news").fadeopacity,$key);
			break;
		case "design":
			if ($imOnDesign) { clearTimeout($imOnDesign); $imOnDesign = null; }
			document.getElementById($key).func = "hilite";
			hilitecolumn(document.getElementById("design").fadeopacity,$key);
			break;
		case "print":
			if ($imOnPrint) { clearTimeout($imOnPrint); $imOnPrint = null; }
			document.getElementById($key).func = "hilite";
			hilitecolumn(document.getElementById("print").fadeopacity,$key);
			break;
	}
}
function onmouseoff($key) {
	var fo = document.getElementById($key).fadeopacity;
	switch($key) {
		case "news":
			if (!$imOnNews) { $imOnNews = setTimeout("fadecolumn("+fo+",'news',1)",200); }
			break;
		case "design":
			if (!$imOnDesign) { $imOnDesign = setTimeout("fadecolumn("+fo+",'design',1)",200); }
			break;
		case "print":
			if (!$imOnPrint) { $imOnPrint = setTimeout("fadecolumn("+fo+",'print',1)",200); }
			break;
	}
}

function onflashon($key) {
	movie = eval("document."+$key+"Flash");
	movie.SetVariable("aktivni","1");
	onmouseon($key);
}
function onflashoff($key) {
	onmouseoff($key);
}

onNews = function () {onmouseon("news");}
onDesign = function () {onmouseon("design");}
onPrint = function () {onmouseon("print");}

offNews = function () {onmouseoff("news");}
offDesign = function () {onmouseoff("design");}
offPrint = function () {onmouseoff("print");}

newsLink = function() {window.location.href="aktuality/";}
designLink = function() {window.location.href="design/";}
printLink = function() {window.location.href="tisk/";}

fadeAll = function () {
	
	fadecolumn(100,'news',1);
	fadecolumn(100,'design',1);
	fadecolumn(100,'print',1);

	onews = document.getElementById("news");
	odesign = document.getElementById("design");
	oprint = document.getElementById("print");
	
	evt.add(onews,'mouseover',onNews);
	evt.add(odesign,'mouseover',onDesign);
	evt.add(oprint,'mouseover',onPrint);
	
	evt.add(onews,'mouseout',offNews);
	evt.add(odesign,'mouseout',offDesign);
	evt.add(oprint,'mouseout',offPrint);

	ocnews = document.getElementById("news").childNodes[0].className == "cHead" ? document.getElementById("news").childNodes[0] : document.getElementById("news").childNodes[1];
	ocdesign = document.getElementById("design").childNodes[0].className == "cHead" ? document.getElementById("design").childNodes[0] : document.getElementById("design").childNodes[1];
	ocprint = document.getElementById("print").childNodes[0].className == "cHead" ? document.getElementById("print").childNodes[0] : document.getElementById("print").childNodes[1];

	evt.add(ocnews,'click',newsLink);
	evt.add(ocdesign,'click',designLink);
	evt.add(ocprint,'click',printLink);
	
}

$(document).ready(fadeAll);
//DOM.Ready.onDOMReady( fadeAll );
// evt.add(window,'load',fadeAll);