// JavaScript Document
function get_detail(id,panelid)
{
	var msg = document.getElementById(panelid);
	var url = "/top_detail.php";
	var postStr  = "petid="+id;
	var ajax = InitAjax();
	ajax.open("POST", url, true);
	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	ajax.send(postStr);
	ajax.onreadystatechange = function() {
		var img = "loading...<img src='images/icon/pageloading.gif'>";
		if (ajax.readyState == 4 && ajax.status == 200) {
			msg.innerHTML = ajax.responseText;
			//pv[id]=ajax.responseText;
		}else{
		   msg.innerHTML = img;
		}   
	}
}
function get_content(petstype,pictype,panelid)
{
	var msg = document.getElementById(panelid);
	var url;
	var postStr;
	switch(panelid){
		case "toplist_pet":
		  url = "/top_pet.php";
		  postStr  = "pettype_id="+petstype;
		 break;
		case"toplist_profile":
		  url = "/top_profile.php";
		  postStr  = "pettype_id="+petstype;
		 break;
        case"toplist_photo":
		  url = "/top_photo.php";
		  postStr  ="pettype_id="+petstype+"&pictype_id="+pictype;
		 break;	
		case"toplist_human":
		  url = "/top_human.php";
		break;
		case "top_level":
		 url = "/top_level.php";
		 postStr  = "pettype_id="+petstype;
		 break;
		case "toplist_gifts":
		 	url = "/top_gifts.php";
		 	postStr  = "pettype_id="+petstype;
		 break;
		 case "toplist_compete":
		 	url = "/top_compete.php";
		 	postStr  = "pettype_id="+petstype;
		 break;
		 case "toplist_moment":
		 	url = "/top_moment.php";
		 	postStr  = '';
		 break;
		 case "topone_competition":
		 	url = "/topone_competition.php";
		 	postStr  = '';
		 break;
	}
	var ajax = InitAjax();
	ajax.open("POST", url, true);
	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	ajax.send(postStr);
	ajax.onreadystatechange = function() {
		var img = "loading...<img src='images/icon/pageloading.gif'>";
		if (ajax.readyState == 4 && ajax.status == 200) {
			msg.innerHTML = ajax.responseText;
		}else{
		   msg.innerHTML = img;
		}
	}
}
function getPosXY(a,offset){var p=offset?offset.slice(0):[0,0],tn;
while(a){tn=a.tagName.toUpperCase();if(tn=='IMG'){a=a.offsetParent;continue;}
p[0]+=a.offsetLeft-(tn=="DIV"&&a.scrollLeft?a.scrollLeft:0);p[1]+=a.offsetTop-(tn=="DIV"&&a.scrollTop?a.scrollTop:0);if(tn=="BODY")break;a=a.offsetParent;}
return p;}
function checkComplete(){
if(checkComplete.__img&&checkComplete.__img.complete)
checkComplete.__onload();
}
checkComplete.__onload=function(){clearInterval(checkComplete.__timeId);
var w=checkComplete.__img.width;
var h=checkComplete.__img.height;
if(w>=h&&w>maxWidth){
previewImage.style.width=maxWidth+'px';}
else if(h>=w&&h>maxHeight){
previewImage.style.height=maxHeight+'px';
}
else{
previewImage.style.width=previewImage.style.height='';}
previewImage.src=checkComplete.__img.src;
previewUrl.href=checkComplete.href;
checkComplete.__img=null;
}
function showPreview(e,pid){
get_detail(pid,"tpcontent");
hidePreview();
previewFrom=e.target||e.srcElement;
previewImage.src=loadingImg;
previewImage.style.width=previewImage.style.height='';
previewTimeoutId=setTimeout('_showPreview()',500);
checkComplete.__img=null;
}

function hidePreview(e){if(e){var toElement=e.relatedTarget||e.toElement;while(toElement){if(toElement.id=='PreviewBox')
return;toElement=toElement.parentNode;}}
try{clearInterval(checkComplete.__timeId);checkComplete.__img=null;
previewImage.src=null;}
catch(e){}
clearTimeout(previewTimeoutId);previewBox.style.display='none';}
function _showPreview(){
checkComplete.__img=new Image();
if(previewFrom.tagName.toUpperCase()=='A')
previewFrom=previewFrom.getElementsByTagName('img')[0];
//alert(previewFrom);
var largeSrc=previewFrom.getAttribute("large-src");
var picLink=previewFrom.getAttribute("pic-link");
if(!largeSrc)return;else{
checkComplete.__img.src=largeSrc;
checkComplete.href=picLink;
checkComplete.__timeId=setInterval("checkComplete()",20);
var pos=getPosXY(previewFrom,[-208,-4]);

previewBox.style.left=pos[0]+'px';
previewBox.style.top=pos[1]+'px';
previewBox.style.display='block';
}
}