debug=false;
var theItems=new Array();

if(window.addEventListener){
	window.addEventListener('load',loaded,false);
}
else if (window.attachEvent){
	window.attachEvent("onload", loaded);
}

function loaded(){
	if(debug){
		console.log('loaded');
	}
	theItems=getElementsByClass('recht_item_head');
	if(debug){
		console.log('items'+theItems);
	}
	if(theItems.length>0){
		var n=0;
		while(n<theItems.length){
		var theItem=theItems[n];
		if(theItem.addEventListener){
			theItem.addEventListener('mouseover',change,true);
			theItem.addEventListener('mouseout',change,true);	
		}
		else if (theItem.attachEvent) {
			theItem.attachEvent('onmouseover',change);
			theItem.attachEvent('onmouseout',change);	
		}
		n++;
		}
	}	
}

function getMousePos(e) {
	if(document.Event) {
		if(document.captureEvents) {
			document.captureEvents(Event.MOUSEMOVE);
		}
	}
	if(!e) {
		e = window.event;
	}
	var x = (document.Event) ? e.pageX : e.clientX;
	var y = (document.Event) ? e.pageY : e.clientY;
	var pos = new Array(x,y);
	return pos;
}
function getScrollSize() {
    var x, y;
    if (self.pageYOffset) {
		x = self.pageXOffset;
		y = self.pageYOffset;
	}
	else if (document.body) {
		if(document.documentElement) {
			x = document.documentElement.scrollLeft;
			y = document.documentElement.scrollTop;
		}
		else {
			x = document.body.scrollLeft;
			y = document.body.scrollTop;
		}
	}
	var array = new Array(x,y);
	return array;
}


function change(e){
	var right=false;
	if(e.srcElement){
		theTarget=e.srcElement;
	}
	else theTarget=e.target;
	if(debug){
		console.log('change'+ theTarget+' '+theTarget.style.offsetTop+' '+theTarget.style.top);
	}

	if(e.type=="mouseover"){
	
		document.getElementById(theTarget.id+'_desc').style.display="block";
		document.getElementById(theTarget.id+'_desc').style.position="absolute"; 
/*	  var mousex = (window.Event) ? e.pageX : window.event.clientX+(document.documentElement.scrollLeft ?   document.documentElement.scrollLeft :   document.body.scrollLeft);		
  	  var mousey = (window.Event) ? e.pageY : window.event.clientY+(document.documentElement.scrollTop ?   document.documentElement.scrollTop :   document.body.scrollTop);		*/
  	/*  	  var mousex = (window.Event) ? e.pageX : window.event.clientX;		
  	  var mousey = (window.Event) ? e.pageY : window.event.clientY;		
  	  if(mousey==undefined){
  	  	mousey=e.clientY+document.body.scrollTop;;
//  	  	mousex=e.clientY + ((document.documentElement.scrollTop || body.scrollTop) - (docElement.clientTop || 0));  	  	
  	  }
  	  if(mousex==undefined){
  	  	mousex=e.clientX;// + ((document.documentElement.scrollLeft || body.scrollLeft) - (docElement.clientLeft || 0));
  	  }
*/
		var scrollPos = getScrollSize();
		var mousex = (document.Event) ? e.pageX + scrollPos[0] : e.clientX + scrollPos[0];
		var mousey = (document.Event) ? e.pageY + scrollPos[1] : e.clientY + scrollPos[1];

		if(debug){
			console.log(mousex+'--> '+theTarget.style.left);
			console.log(mousey+'--> '+theTarget.style.left);			
		}
		if(mousex>700){
				right=true;
				document.getElementById(theTarget.id+'_desc').style.left="-480px";
		}
		else{
			document.getElementById(theTarget.id+'_desc').style.left="180px";
		}
/*		if(mousey<600){*/
		if(right){
			document.getElementById(theTarget.id+'_desc').style.top=mousey-document.getElementById(theTarget.id+'_desc').style.height-380+'px';

		}
		/*	document.getElementById(theTarget.id+'_desc').style.top=mousey-document.getElementById(theTarget.id+'_desc').style.height-450+'px';
		}*/
		else{
			document.getElementById(theTarget.id+'_desc').style.top=mousey-document.getElementById(theTarget.id+'_desc').style.height-450+'px';
//			document.getElementById(theTarget.id+'_desc').style.top=mousey-450+'px';
		}
//		document.getElementById(theTarget.id+'_desc').style.top="50px";
		document.getElementById(theTarget.id+'_desc').style.backgroundcolor="0xcccccc";		
		document.getElementById(theTarget.id+'_desc').style.zIndex="10000";
		if(debug){
			 console.log('left '+document.getElementById(theTarget.id+'_desc').style.left);
			 console.log('top '+document.getElementById(theTarget.id+'_desc').style.top);			 
			 console.log('mouse '+mousex);		
			 console.log('mouse '+mousey);					 	 			 
		 }

	}
	else{	
		document.getElementById(theTarget.id+'_desc').style.display="none";
		document.getElementById(theTarget.id+'_desc').style.top="-9000px";
		document.getElementById(theTarget.id+'_desc').style.left="0";
		

	}
}



function getElementsByClass(searchClass,node,tag) {
        var classElements = new Array();
        if ( node == null )
                node = document;
        if ( tag == null )
                tag = '*';
        var els = node.getElementsByTagName(tag);
        var elsLen = els.length;
        var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
        for (i = 0, j = 0; i < elsLen; i++) {
                if ( pattern.test(els[i].className) ) {
                        classElements[j] = els[i];
                        j++;
                }
        }
        return classElements;
}