var opacStart	= 0;			var opacEnd	= 70;		// default 20, 70
var opacStep	= 5;			var opacTime	= 5;		// default  5, 10
var whiteOp	= 0;			var blackOp	= 1;		// default  0,  1

var wdH		= 450;			var wdW		= 600;		var wdivbg = "url(images/box-bg.gif)";
var opTimer	= null;			var fixMSIE	= 0;

if (!isIE && !isFF && !isOp)		blackOp		= 0;
if (blackOp != 1 || isFF == true)	whiteOp 	= 0;

function openDetailBox() {
	var prohH		= winH();			var prohW		= winW();
	var odsdiv		= dom.gI('odsazdiv');		var bodyobj		= dom.gT('body')[0];
	var odivH		= vyskaObj(odsdiv);		var odivW		= sirkaObj(odsdiv);

	handleBodyCrop(odivW, prohW, odivH, prohH, 1);
			
	var bgDiv		= dom.cE('div');		bgDiv.id		= "backgroundDiv";
	bgDiv.style.width  	= prohW + "px";			bgDiv.style.height	= (fixMSIE + prohH) + "px";
	bgDiv.style.position	= "absolute";			
	bgDiv.style.top		= "0px";			bgDiv.style.left	= "0px";	
	bgDiv.style.zIndex	= 100;				bgDiv.setAttribute('align', "center");
	
	if (blackOp == 1) {
		bgDiv.style.background	= "#000";
		if (isIE)	bgDiv.style.filter	= "alpha(opacity=" + opacStart + ", finishopacity=0, style=0)"; 
		if (isFF)	bgDiv.style.MozOpacity	= opacStart / 100;
		if (isOp)	bgDiv.style.opacity	= opacStart / 100;
		opTimer	= setTimeout("zmenPruhlednost()", opacTime);
	} else {
		if (isIE)	bgDiv.style.filter	= "progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'images/png66.png', sizingMethod = 'scale')";
		else		bgDiv.style.background	= "transparent url(images/png66.png)";
	}
	var topwd = 0;
	
	if (wdH > prohH) { 
		var nwdH = prohH - 20;
		topwd	= 10;
	} else {
		var nwdH	= wdH;
		topwd	= Math.floor((prohH - wdH) / 2);
	}
	if (wdW > prohW) var nwdW = prohW - 20;	else var nwdW = wdW;
	
	leftwd	= Math.floor((prohW - nwdW) / 2);		//	whiteDiv.style.background	= "#fff";
	
	var whiteDiv			= dom.cE('div');		whiteDiv.id			= "backwhiteDiv";
	whiteDiv.style.width  		= nwdW + "px";			whiteDiv.style.height		= nwdH + "px";
	whiteDiv.style.background	= wdivbg;			whiteDiv.style.top		= topwd + "px";
	whiteDiv.setAttribute('align', "center");			whiteDiv.style.left		= leftwd + "px";
	whiteDiv.style.zIndex		= 101;				whiteDiv.style.position		= "absolute";
	if (whiteOp == 1) {
		if (isIE)	whiteDiv.style.filter		= "alpha(opacity=" + (100 - (opacEnd - opacStart)) + ", finishopacity=0, style=0)"; 
		if (isFF)	whiteDiv.style.MozOpacity	= (100 - (opacEnd - opacStart)) / 100;
		if (isOp)	whiteDiv.style.opacity		= (100 - (opacEnd - opacStart)) / 100;
	}
	var whiteDiv2			= dom.cE('div');		whiteDiv2.style.overflow	= "auto";
	whiteDiv2.style.width  		= (nwdW - 20) + "px";		whiteDiv2.style.height		= (nwdH - 40) + "px";
	whiteDiv2.style.top		= "10px";			whiteDiv2.style.position	= "relative";
	whiteDiv2.id			= "backwhiteDiv2";
//	whiteDiv2.style.border		= "solid 1px #aaa";
	
	var whiteDiv3			= dom.cE('div');		whiteDiv3.id			= "obsahbox";
	whiteDiv3.style.position	= "relative";
//	whiteDiv3.innerHTML		= "<br>&nbsp;&nbsp;Moment, prosím ...";
	
	var kliktext	= new Array();
	kliktext[0]	= "[kliknutím zde zavřete okno]";
	kliktext[1]	= "[kliknutím sem zatvoríte okno]";
	kliktext[2]	= "[ide kattintva bezárja az ablakot]";
	kliktext[3]	= "[click here to exit]";
	
	var whiteDiv4			= dom.cE('div');		whiteDiv4.onclick		= closeDetailBox;
	whiteDiv4.style.color  		= "#000";			whiteDiv4.style.top		= "16px";
	whiteDiv4.style.cursor		= "pointer";			whiteDiv4.style.font		= "normal 11px arial";
	whiteDiv4.style.position	= "relative";			whiteDiv4.innerHTML		= kliktext[actlang];
	
	dom.aC(whiteDiv2, whiteDiv3);		dom.aC(whiteDiv, whiteDiv2);		dom.aC(whiteDiv, whiteDiv4);
	dom.aC(bodyobj, bgDiv);			dom.aC(bodyobj, whiteDiv);
}

function windowResizeDetailBox() { 
	var prohH		= winH();			var prohW		= winW();	
	var bodyobj		= dom.gT('body')[0];		var odsdiv		= dom.gI('odsazdiv');			
	if (dom.gI('containerDiv') != null) {		
		dom.aC(bodyobj, odsdiv);
		dom.rC(dom.gI('containerDiv'), bodyobj);
	}
	var odivH		= vyskaObj(odsdiv);		var odivW		= sirkaObj(odsdiv);	
			
	handleBodyCrop(odivW, prohW, odivH, prohH, 2);			
		
	var bgDiv		= dom.gI('backgroundDiv');
	bgDiv.style.width  	= prohW + "px";			bgDiv.style.height	= (fixMSIE + prohH) + "px";
	bgDiv.style.top		= "0px";			bgDiv.style.left	= "0px";	
	
	var topwd = 0;
	
	if (wdH > prohH) { 
		var nwdH = prohH - 20;
		topwd	= 10;
	} else {
		var nwdH	= wdH;
		topwd		= Math.floor((prohH - nwdH) / 2);
	}
	if (wdW > prohW) var nwdW = prohW - 20;	else var nwdW = wdW;
	
	leftwd	= Math.floor((prohW - nwdW) / 2);
	
	var whiteDiv			= dom.gI('backwhiteDiv');
	whiteDiv.style.width  		= nwdW + "px";			whiteDiv.style.height		= nwdH + "px";
	whiteDiv.style.top		= topwd + "px";			whiteDiv.style.left		= leftwd + "px";
	
	var whiteDiv2			= dom.gI('backwhiteDiv2');	whiteDiv2.style.overflow	= "auto";
	whiteDiv2.style.width  		= (nwdW - 20) + "px";		whiteDiv2.style.height		= (nwdH - 40) + "px";
	whiteDiv2.style.top		= "10px";			whiteDiv2.style.position	= "relative";
}

function handleBodyCrop(odivW, prohW, odivH, prohH, type) { 
	var p = dom.gT('body')[0];
	
//	alert(isOp + " x " + isFF + " x " + isIE + "\n\n" + odivW + " x " + prohW + "\n\n" + odivH + " x " + prohH + "\n\n" + parseInt(dom.gI('odsazdiv').style.marginTop));
	
	if (isIE == true) {
		if ((odivW > prohW || odivH > prohH) && type < 3)	{
			p.style.height = (prohH - 1) + "px";	p.style.width = (prohW - 1) + "px";	p.style.overflow = "hidden";
		} else {
			p.style.height = "";			p.style.width = "";			p.style.overflow = "auto";
		}
		if (isIE == true && odivW > prohW && odivH <= prohH && type == 2) {
			dom.gI('odsazdiv').style.margin = (parseInt(dom.gI('odsazdiv').style.marginTop) - 8) + 'px 0px 0px 0px';
		}
			//	FF	(odivW >= prohW || odivH > prohH || parseInt(dom.gI('odsazdiv').style.marginTop) < 16) && 
			//	Op	(odivW > prohW || odivH > prohH) && 
	} else {
		if (type < 3)	{
			var contDiv		= dom.cE('div');	
			contDiv.id		= "containerDiv";
			contDiv.style.overflow	= "hidden"; 		
			contDiv.style.position	= "relative"; 
			contDiv.setAttribute('align', "center");
			if (document.documentElement)	document.documentElement.scrollTop	= 0;
			else				document.body.scrollTop 		= 0;
			if (document.documentElement)	document.documentElement.scrollLeft 	= 0;
			else 				document.body.scrollLeft		= 0;
			if (odivH > prohH) {
				contDiv.style.height	= (prohH - 1) + "px";
				contDiv.style.top	= "0px";				//	dom.gI('odsazdiv').style.margin = parseInt(dom.gI('odsazdiv').style.marginTop) + 'px 16px 0px 0px';
			}
							
			if (odivW > prohW) {	
				contDiv.style.width	= (prohW - 1) + "px";
				contDiv.style.left	= "0px";
			}
			dom.aC(p, contDiv);		
			dom.aC(contDiv, dom.gI('odsazdiv'));	
			
		} else {
			if (dom.gI('containerDiv') != null) {	
				dom.aC(p, dom.gI('odsazdiv'));		
				dom.rC(dom.gI('containerDiv'), p);
			}
		}
	}
}

function closeDetailBox() { 
	if (opTimer) clearTimeout(opTimer);
	var p = dom.gT('body')[0];			handleBodyCrop(0, 0, 0, 0, 3);	
	var c = dom.gI('backgroundDiv');		var b = dom.gI('backwhiteDiv');
	dom.rC(b, p);					dom.rC(c, p);
}

function zmenPruhlednost() {
	var obj 	= dom.gI('backgroundDiv');
	if (whiteOp == 1) var obj2 	= dom.gI('backwhiteDiv');
	if (isIE) {
		var currOp	= parseInt(obj.style.filter.replace("alpha(opacity=", ""));
		if (whiteOp == 1) var currOp2	= parseInt(obj2.style.filter.replace("alpha(opacity=", ""));
	}
	if (isFF) {
		var currOp	= obj.style.MozOpacity * 100;
		if (whiteOp == 1) var currOp2	= obj2.style.MozOpacity * 100;
	}
	if (isOp) {
		var currOp	= obj.style.opacity * 100;
		if (whiteOp == 1) var currOp2	= obj2.style.opacity * 100;
	}
	if ((currOp + opacStep) <= opacEnd) {
		if (isIE) {
			obj.style.filter	= "alpha(opacity=" + (currOp + opacStep) + ", finishopacity=0, style=0)"; 
			if (whiteOp == 1) obj2.style.filter	= "alpha(opacity=" + (currOp2 + opacStep) + ", finishopacity=0, style=0)"; 
		}
		if (isFF) {
			obj.style.MozOpacity	= (currOp + opacStep) / 100;
			if (whiteOp == 1) obj2.style.MozOpacity	= (currOp2 + opacStep) / 100;
		}
		if (isOp) {
			obj.style.opacity	= (currOp + opacStep) / 100;
			if (whiteOp == 1) obj2.style.opacity	= (currOp2 + opacStep) / 100;
		}
		opTimer = setTimeout("zmenPruhlednost()", opacTime);	
	}
}