var bind_class="";
var linkloading="<center><div class=\"loader\"></div>loading......</center>";

$.fn.extend({
loadlink:function(classes){
bind_class=classes;
$(this).click(function(){
var url=$(this).attr("href");
loadlink(url);
return false;
});
}});

function getBodyObj()
{
return (document.body.clientHeight==0) ? document.documentElement : document.body ;
}


function display_a_binding()
{
if(bind_class!="")$("#display "+bind_class).click(function(){
var url=$(this).attr("href");
$("#display").html(linkloading);
jQuery.get(url, function(result){
$("#display").animate({opacity:"0"},500,function(){
$("#display").html(result);
$("#display").animate({opacity:"1"},500);
display_a_binding();
});
});
return false;
});
}

function loadlink(url)
{	
	var offsettop=Math.max(getBodyObj().scrollTop,getBodyObj().scrollTop);
	var avai_h=Math.max(getBodyObj().clientHeight,600);
	var avai_w=Math.max(getBodyObj().clientWidth,getBodyObj().offsetWidth);
var display_panle_w=avai_w*0.6;
page_h=Math.max(getBodyObj().clientHeight,getBodyObj().offsetHeight,getBodyObj().scrollHeight);
$("#display_panle").css({width:display_panle_w,height:display_panle_w*9/16});
$("#panle").css({top:"50%",left:"50%",width:"0",height:"0",opacity:"0"});
$("#panle_table").css({top:offsettop,left:0,width:avai_w,height:avai_h});
$("#panle").show();
$("#panle").animate({top:"0",left:"0",width:"100%",height:page_h,opacity:"0.7"},500,function(){
$("#panle_table").show();
$("#display").html(linkloading);
$("#display").load(url,null,display_a_binding);
});
return false;
}

$(document).ready(function(){
	if($("#panle").length<=0){
	var html="<div id=\"panle\"></div><table id=\"panle_table\"><tr><td align=\"center\" valign=\"middle\"><table id=\"display_panle\" align=\"center\" border=\"0\" cellspacing=\"3\" cellpadding=\"0\">  <tbody>    <tr>      <td align=\"left\" valign=\"top\"><a href=\"#this\" class=\"close\"></a></td>    </tr>    <tr>      <td id=\"display\"></td>    </tr>    <tr>      <td align=\"right\" valign=\"bottom\"><a href=\"#this\" class=\"close\"></a></td>    </tr>  </tbody></table></td></tr></table>";	
	$(html).prependTo("body");
		}	
		
$("#display_panle a.close").click(function(){
$("#panle_table").hide();
$("#panle").animate({left:"50%",width:"0"},500,function(){
$("#panle").hide();
});

});
	
});