function getTopPos(inputObj)

{        

  var returnValue = inputObj.offsetTop;

  while((inputObj = inputObj.offsetParent) != null){

      if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;

  }

  return returnValue;

}

    

function getLeftPos(inputObj)

{

  var returnValue = inputObj.offsetLeft;

  while((inputObj = inputObj.offsetParent) != null){

     if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;

  }

  return returnValue;

}
    
var DDob;
var subX, subY;

function MD(id){ 
 DDob=document.getElementById(id);
 if(DDob.style.position!='absolute') DDob.style.position='absolute';
 X=(typeof(id)=='object')? id.clientX : event.clientX;
 Y=(typeof(id)=='object')? id.clientY : event.clientY;
 subX = event.clientX+document.body.scrollLeft - getLeftPos(DDob);
 subY = event.clientY+document.body.scrollTop - getTopPos(DDob);
}

function MM(e){
 var X,Y;
 if(DDob){
  X=(typeof(e)=='object')? e.clientX : event.clientX;
  Y=(typeof(e)=='object')? e.clientY : event.clientY;
  DDob.style.left=event.clientX+document.body.scrollLeft - subX;
  DDob.style.top=event.clientY+document.body.scrollTop - subY;
  return false;
 }
}

function MU(){
 if(DDob){
  DDob=null;
 }
}
document.onmouseup=MU;
document.onmousemove=MM;





function ShowLayer(lay, w1, h1){
	var	h=$(document).height();
	var	hw=$(window).height();
	var sc=$.browser.msie ? document.documentElement.scrollTop : self.pageYOffset;
	var	w=$(document).width();
	var s=$("#"+lay).css('display');
	if(s=='none'){
		$("#reg1").fadeTo(0, 0);
		$("#reg1").css('width', w);
		$("#reg1").css('height', h);
		$("#reg1").css('display', "block");
		$("#reg1").fadeTo(300, 0.7);
		var k=sc+(hw/2);
		$("#"+lay).css('top', k);
		$("#"+lay).css('left', w/2-20);
		$("#"+lay).css('display', "block");
		$("#"+lay).fadeTo(300, 1, function(){

			var k=w/2-w1/2;
			$("#"+lay).animate({"left": k}, 500)
			$("#"+lay+"_12").animate({"width": w1}, 500)
			$("#"+lay+"_22").animate({"width": w1}, 500)
			$("#"+lay+"_32").animate({"width": w1}, 500, function(){

					var k=sc+(hw/2-h1/2);
					$("#"+lay).animate({"top": k}, 500)
					$("#"+lay+"_21").animate({"height": h1}, 500)
					$("#"+lay+"_22").animate({"height": h1}, 500)
					$("#"+lay+"_23").animate({"height": h1}, 500)
					
					reg=1;
			
			});
			
		});
		
	}
	else{
		var k=sc+(hw/2);
		$("#"+lay).animate({"top": k}, 500)
		$("#"+lay+"_21").animate({"height": 1}, 500)
		$("#"+lay+"_22").animate({"height": 1}, 500)
		$("#"+lay+"_23").animate({"height": 1}, 500, function(){
		
			var k=w/2;
			$("#"+lay).animate({"left": k}, 500)
			$("#"+lay+"_12").animate({"width": 1}, 500)
			$("#"+lay+"_22").animate({"width": 1}, 500)
			$("#"+lay+"_32").animate({"width": 1}, 500, function(){
					$("#"+lay).fadeTo(10, 0);	
					$("#reg1").fadeTo(300, 0, function(){
						$("#reg1").css('display', "none");	
						$("#"+lay).css('display', "none");						
					});
					
					reg=0;
					
					
					
			});
		
		});
	}
}