/**
 * @author konrads
 * 
 * ThriXXXLightBox
 * 
 * Requires scriptaculous 1.8.x, prototype 1.6
 */






//$(document.getElementsByTagName('head')[0]).insert('<link href="'+root+'js/overDiv/overdiv.css" type="text/css" rel="stylesheet" />');


var headID = document.getElementsByTagName("head")[0];         
var cssNode = document.createElement('link');
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href = root+'js/overDiv/overdiv.css';
cssNode.media = 'screen';
headID.appendChild(cssNode);



if(document.body){

$(document.body).insert('<div id="dimmer" style="display: none;" ></div>');
$(document.body).insert('		<div id="mainDiv" style="display:none;" onclick="">');
}else{
	$(document.documentElement).insert('<div id="dimmer" style="display: none;" ></div>');
	$(document.documentElement).insert('		<div id="mainDiv" style="display:none;" onclick="">');
}


$('mainDiv').insert('		<div id="overdiv"  >');
$('overdiv').insert('		<div id="odContent" class="odContent " style=" display:none; ">');
$('odContent').insert('		<div class="CntT_overdiv" id="odCnT">');
$('odCnT').innerHTML ='		<img class="brL_overdiv topBorder_overdiv" src="'+root+'js/overDiv/img/contentBox_corner_top_left.png" />';
$('odCnT').innerHTML +='		  <div  class="odHeading floatL"><p id="ODheadline"></p></div>            <img class="brR_overdiv topBorder_overdiv" src="'+root+'js/overDiv/img/contentBox_corner_top_right.png" />';

$('odContent').insert('		<div class="CntR_overdiv" id="odCntR">');
$('odCntR').insert('			<div class="CntL_overdiv" id="odCntL">');
$('odCntL').insert('			<div id="odCntTXT" class="CntTXT_overdiv ">');
$('odCntTXT').insert('		<div id="odCntClose" class="odClose floatR">');
$('odCntClose').innerHTML ='		<img class="closeBTN" onclick="OverDivClose();" return false; src=" '+root+'js/overDiv/img/close24.png" alt="Close" />';
$('odCntTXT').insert('		<div id="overContent" class="overdivCont">');


$('odContent').insert('	<div class="CntB_overdiv" id="odCntB">');
$('odCntB').innerHTML ='	<img class="brL_overdiv bottomBorder_overdiv" src="'+root+'js/overDiv/img/contentBox_corner_bottom_left.png" />';
$('odCntB').innerHTML +='	<img class="brR_overdiv bottomBorder_overdiv" src="'+root+'js/overDiv/img/contentBox_corner_bottom_right.png" />';




window.onscroll = scroll;

function scroll()
{

var overDiv = document.getElementById('mainDiv');
var _dimmer = document.getElementById('dimmer');

 var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
		
		overDiv.style.top = scrOfY+"px";
		_dimmer.style.top = scrOfY+"px";
}
			
			
			function OverDiv(type, containerNR, drag){
		
				
				
		var overDiv = $(document.getElementById('mainDiv'));
		var _dimmer = $(document.getElementById('dimmer'));
		
		_overContent = document.getElementById('overContent');
		//alert(containerNR.adjacent('div.overdivCont')[0].innerHTML);
		
		
		if(type == 'vid'){
		
		//	alert($(containerNR).adjacent('div'));
			
		_currentCont = $(containerNR).adjacent('div.overdivCont')[0];
		
	//alert(_overContent.innerHTML);
		
		
	
		newsContent = $(_currentCont).getElementsByTagName('object')[0].innerHTML;
		
		_overContent.innerHTML = newsContent;
		
	
		
		contentWidth = Number(_overContent.getElementsByTagName('embed')[0].width)+25;
		
		$('overdiv').style.width = contentWidth+'px';
		
		}else{
		
		
		newsContent = document.getElementById(containerNR).innerHTML;
		
		_overContent.innerHTML = newsContent;
		
		//alert(newsContent);
		
		
		contentWidth = $('newsFrame').style.width;
		
		$('overdiv').style.width = contentWidth;
		$('overdiv').style.zIndex = 1000;
		
		
		}
		
		
		
		
		
		
		//alert(overContent.getElementsByTagName('embed')[0].width);
		
		
		
		
		
		var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
		
		overDiv.style.top = scrOfY+"px";
		_dimmer.style.top = scrOfY+"px";
		
		
		new Effect.Appear(_dimmer, {to: 0.3, duration: 1});
		new Effect.Appear('odContent');
		
		
		
	if(drag){
    	new Draggable('overdiv', {
    		
    		onDrag: function(){
    	
    	document.body.style.cursor = 'pointer';
    	},
    	onEnd: function(){
        	
        	document.body.style.cursor = 'auto';
        	}
    		
    	});
  
	}
		overDiv.style.display = 'block';
		/*
		overDiv.style.display = 'block';
		dimmer.style.display = 'block';
		*/
		
		return true;
			
			}	
			
			
 function OverDivClose() {
 
	 
	var		overDiv = document.getElementById('mainDiv');
	var		_dimmer = document.getElementById('dimmer');
	 
	 overDiv.style.display = 'none';
	 _dimmer.style.display = 'none';
	 $('odContent').style.display = 'none';
 
 
 }