/**
* Dianéző effekt
*/
var opac = 20; //sötétség mértéke
var opacid = 'contentcontainer'; //sötítítendő div id
var opacspeed = 500; //sötétítés tempója millisec (kevesebb=gyorsabb)

function switchonoff() {

		shadowstatus = getStyle(opacid, 'opacity');
		switchbuttemelement = document.getElementById('switchbutt');
		
    if(shadowstatus == (opac/100) ) {
				//on
        opacity(opacid, opac, 100, opacspeed);
				switchbuttemelement.className = "switchoff"; 
    } else {
				//off
        opacity(opacid, 100, opac, opacspeed);
				switchbuttemelement.className = "switchon"; 
    }		
}

function getStyle(el,styleProp) {
	var x = document.getElementById(el);
	if (x.currentStyle)
		var y = x.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
	return y;
}


function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}