var moveState = false;
var x0, y0;
var divX0, divY0;

function on(id) // Наведение курсора
{
   var object=document.getElementById(id);
   var active=id+"_active";
   var ver=navigator.appVersion.indexOf("MSIE");
   if(ver==-1) object.src=images[active].src;
}

function off(id) // Отведение курсора
{
   var object=document.getElementById(id);   
   var ver=navigator.appVersion.indexOf("MSIE");
   if(ver==-1) object.src=images[id].src;	  
}

function getClientWidth()
{
   return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function getClientHeight()
{
   return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}
   
function getBodyScrollTop()
{
   return self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
}

function getBodyScrollLeft()
{
   return self.pageXOffset || (document.documentElement && document.documentElement.scrollLeft) || (document.body && document.body.scrollLeft);
}
   
function getClientCenterX()
{
   return parseInt(getClientWidth()/2)+getBodyScrollLeft();
}

function getClientCenterY()
{
   return parseInt(getClientHeight()/2)+getBodyScrollTop();
}

function show(id) // Показать большую картинку
{
   var object=document.getElementById(id);   
   object.style.left=getClientCenterX()-300;
   object.style.top=getClientCenterY()-300;
   object.style.display="block";
}

function hide(id) // Скрыть большую картинку
{
   var object=document.getElementById(id);      
   object.style.display="none";
}

function defPosition(event) 
{
   var x=y=0;
   if (document.attachEvent != null) 
   { 
      x=window.event.clientX+document.documentElement.scrollLeft+document.body.scrollLeft;
      y=window.event.clientY+document.documentElement.scrollTop+document.body.scrollTop;
   }
   if (!document.attachEvent && document.addEventListener) 
   { 
      x=event.clientX+window.scrollX;
      y=event.clientY+window.scrollY;
   }
   return {x:x, y:y};
}

function initMove(div, event) 
{
   var event = event || window.event;
   x0=defPosition(event).x;
   y0=defPosition(event).y;
   divX0=parseInt(div.style.left);
   divY0=parseInt(div.style.top);
   moveState=true;
}

document.onmouseup=function() 
{
   moveState=false;
}

function moveHandler(div, event) 
{
   var event = event || window.event;
   if (moveState) 
   {
      div.style.left=divX0+defPosition(event).x-x0;
      div.style.top=divY0+defPosition(event).y-y0;
   }
}

function wind(w, h, name, title)
{     
   var l=(screen.width-w)/2;
   var t=(screen.height-h)/2;   
   var attrs="width="+(w+20)+", height="+(h+20)+", left="+l+", top="+t+", resizable=no, status=no, location=no, scrollbars=yes";   
   wnd_name='img'+(Math.round(Math.random()*10000));   
   var params="show.php?name="+name+"&title="+title+"";   
   wnd=window.open(params, wnd_name, attrs); 
   wnd.focus();
}