var xmlHttp
var xmlHttp_a

var mouseX
var mouseY
var cid
var expanded = false

window.onload = function(){
		var dvp = document.getElementById("dvcJhldr");
		var imgs = dvp.getElementsByTagName("img");
		for (var i=0,l=imgs.length;i<l;i++){ 
			mg = imgs[i];
			if (mg.className=="imgcpppmg"){
				AttachEvent(mg, "mouseover", imgFetch, false);
				AttachEvent(mg, "mousemove", imgMove, false);
				AttachEvent(mg, "mouseout", imgHide, false);
			}
    	}
	
		var anch = dvp.getElementsByTagName("a");
		for (var i=0,l=anch.length;i<l;i++){ 
			al = anch[i];
			if (al.className=="nchCmnt"){
				AttachEvent(al, "click", goComment, false);
			}
    	}		
		
		
}

function imgFetch(e){
		xmlHttp=GetXmlHttpObject();
		if (xmlHttp==null){
			alert ("Browser does not support HTTP Request");
			return;
		}

		e = e || window.event;
		
		mpos = getPosition(e);
		mouseX = mpos.x;
		mouseY = mpos.y;
			
		var target;
		target = (e.target) ? e.target : e.srcElement;	
		var str = target.id.substring(7);
		var sep = str.search(/-/);
		var jbid = str.substring(0,sep);
		var jid = str.substring(sep+1);
		var url="_script/picloader.php";
		url=url+"?id="+jbid;
		url=url+"&jid="+jid;
		xmlHttp.onreadystatechange=picStateChanged;
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);
}

function imgMove(e){
		e = e || window.event;
		mpos = getPosition(e);
		mouseX = mpos.x;
		mouseY = mpos.y;
		
		var _style = document.getElementById("picDiv").style;
		_style.top = (mouseY-300) +"px";
		_style.left = (mouseX+20) +"px";
	
}

function imgHide(){
		var _style = document.getElementById("picDiv").style;
		_style.display = "none";
}

function getPosition(e){
	var cursor = {x:0, y:0};
	if (e.pageX || e.pageY){        
		cursor.x = e.pageX;
		cursor.y = e.pageY;
	}     
	else{        
		var de = document.documentElement;
		var b = document.body;
		cursor.x = e.clientX + 
			(de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0);
		cursor.y = e.clientY +
			(de.scrollTop || b.scrollTop) - (de.clientTop || 0);
	}    
	return cursor;
}

function picStateChanged(){
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
		
		var _div = document.getElementById("picDiv");
		var _style = _div.style;
		
		_div.innerHTML = xmlHttp.responseText;
		_style.display = "block";
		_style.position = "absolute";
		_style.top = (mouseY-300) +"px";
		_style.left = (mouseX+20) +"px";
		_style.padding = "10px 10px 10px 10px ";
		_style.border = "1px solid #cccccc";
		_style.zIndex = "5";
		_style.backgroundColor = "white";
		_style.display = "block";
		
		AttachEvent(_div, "mousemove", imgHide, false);
	}
}

function goComment(e){
		e = e || window.event;
		e.preventDefault ? e.preventDefault() : e.returnValue = false; 	
		var ctarget;
		ctarget = (e.target) ? e.target : e.srcElement;
		
		if (expanded){
			hideComment();
		}
		else{
			xmlHttp_a=GetXmlHttpObject();
			if (xmlHttp_a==null){
				alert ("Browser does not support HTTP Request");
				return;
			}
			cid = ctarget.id.substring(8);;
			var url="_script/commentexpander.php";
			url=url+"?id="+cid;
			url=url+"&sid="+Math.random();
			xmlHttp_a.onreadystatechange=comStateChanged;
			xmlHttp_a.open("GET",url,true);
			xmlHttp_a.send(null);		
		}
}

function hideComment(){
		expanded = false;
		var elementid = "comment"+cid;
		var _style = document.getElementById(elementid).style;
		_style.display = "none";
}

function comStateChanged(){
	if (xmlHttp_a.readyState==4 || xmlHttp_a.readyState=="complete"){
		expanded = true;
		var elementid = "comment"+cid;
		var _div = document.getElementById(elementid);
		var _style = _div.style;
		_div.innerHTML = xmlHttp_a.responseText;
		_style.display = "block";
	}
}