var SelectedItem;
var SelectedX, SelectedY;
var aMouseX, aMouseY;
var pMouseX, pMouseY,pScroll;
var eve;
var flag=0,click=0, pClick=0;
var Timer;
function ScrollLeft(){
  Timer = setInterval("document.getElementById('PANORAMA').scrollLeft -= 4", 30);
  //document.getElementById('PANORAMA').scrollLeft -= 4
}
function ScrollRight()
{
  Timer = setInterval("document.getElementById('PANORAMA').scrollLeft += 4", 30);
  //document.getElementById('PANORAMA').scrollLeft += 4
}

function movePan(event)
{
eve=event;
SelectedItem = document.getElementById('PANORAMA');
pMouseX = event.clientX;
pMouseY = event.clientY;
pScroll=document.getElementById('PANORAMA').scrollLeft;
document.onmousemove = DragPan;
document.onmouseup = Drop;
}

function DragPan(eve)
{
	SelectedItem = document.getElementById('PANORAMA');
	if (getNameBrouser()=='msie') {

		SelectedItem.scrollLeft = pScroll+(pMouseX-event.clientX);
	} else
if (getNameBrouser()=='gecko') {
	 SelectedItem.scrollLeft = pScroll+(pMouseX-eve.clientX);
	} else
	{
	SelectedItem.scrollLeft = pScroll+(pMouseX-event.clientX);
	}
	pClick=1;
return false;
}


function Move(event)
{
eve=event;
SelectedItem = document.getElementById('win');
SelectedX = parseInt(SelectedItem.style.left);
SelectedY = parseInt(SelectedItem.style.top);
aMouseX = event.clientX;
aMouseY = event.clientY;
document.onmousemove = Drag;
document.onmouseup = Drop;
}


function Drag(eve)
{
SelectedItem = document.getElementById("win");

if (getNameBrouser()=='msie') {
	SelectedItem.style.left = SelectedX + (event.clientX - aMouseX)+'px';
	SelectedItem.style.top = SelectedY + (event.clientY - aMouseY)+'px';
	} else
if (getNameBrouser()=='gecko') {
	SelectedItem.style.left = SelectedX + (eve.clientX - aMouseX)+'px';
	SelectedItem.style.top = SelectedY + (eve.clientY - aMouseY)+'px';
	} else
	{
	SelectedItem.style.left = SelectedX + (event.clientX - aMouseX)+'px';
	SelectedItem.style.top = SelectedY + (event.clientY - aMouseY)+'px';
	}
click=1;
flag=1;
return false;
}

function Drop()
{
document.onmousemove = null;
document.onmouseup = null;
}

function show_bar(ev,width,height,content) {

var viewportwidth;
 var viewportheight;
 
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 
 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }
 
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
 }
 
 // older versions of IE
 
 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
 }
 


if (pClick==0) {
var wmain = document.getElementById("wmain");
if (width<260) {width=260;}
wmain.style.width=width+'px';
var cont = document.getElementById("contwin");
cont.innerHTML=content;
MouseY = (document.documentElement.scrollTop || document.body.scrollTop)+height;
obj = document.getElementById("win");
var l=getElementPosition('PANORAMA').left+getElementPosition('PANORAMA').width/2-width/2-10;
var t=getElementPosition('PANORAMA').top-getElementPosition('win').height-20;
//if (flag==0){
if (t<0) t=100;
if (l<0) l=0;
//alert(t+'   '+height+'  '+viewportheight+'  '+(viewportheight-height)+'  '+(viewportheight-height)/2)
if (l+width > viewportwidth) l=(viewportwidth-width)/2;//document.body.scrollLeft;//+100;
if (t+height > viewportheight-50) t=(viewportheight-height-50)/2;//document.body.scrollTop;//+100;
if (t<(document.documentElement.scrollTop || document.body.scrollTop)) t=(document.documentElement.scrollTop || document.body.scrollTop);
//if (l<0) l=0;
obj.style.top = t+'px';
obj.style.left = l+'px';
//}
obj.style.visibility = "visible";
obj.style.width=width+'px';
pClick=0
} else pClick=0;

}

function hide_bar() {
if (click==0) {
document.getElementById("win").style.visibility="hidden";
} else click=0;

}


function show_opac(real) {
/*
 if (real==0) {

  document.getElementById("win").style.filter = "alpha(opacity=100)";
  document.getElementById("win").style.opacity = 1;

 }

 else {

  document.getElementById("win").style.filter = "alpha(opacity=100)";
  document.getElementById("win").style.opacity = 1;

 }
*/
}

function getWindowWidth()
{
if (document.all) return document.body.clientWidth;
if (document.layers) return innerWidth;
return 800
}

function getWindowHeight()
{
if (document.all) return document.body.clientHeight;
if (document.layers) return innerHeight;
return 800
}

function getElementPosition(elemId)
{
    var elem = document.getElementById(elemId);

    var w = elem.offsetWidth;
    var h = elem.offsetHeight;

    var l = 0;
    var t = 0;

    while (elem)
    {
        l += elem.offsetLeft;
        t += elem.offsetTop;
        elem = elem.offsetParent;
    }

    return {"left":l, "top":t, "width": w, "height":h};
}
function getNameBrouser() {
  var ua = navigator.userAgent.toLowerCase();
  // Определим Internet Explorer
  if (ua.indexOf("msie") != -1 && ua.indexOf("opera") == -1 && ua.indexOf("webtv") == -1) {
    return "msie"
  }
  // Opera
  if (ua.indexOf("opera") != -1) {
    return "opera"
  }
  // Gecko = Mozilla + Firefox + Netscape
  if (ua.indexOf("gecko") != -1) {
    return "gecko";
  }
  // Safari, используется в MAC OS
  if (ua.indexOf("safari") != -1) {
    return "safari";
  }
  // Konqueror, используется в UNIX-системах
  if (ua.indexOf("konqueror") != -1) {
    return "konqueror";
  }
  return "unknown";
}

function changeImg(url,text){
    if(pClick==0){
	var big_image=document.getElementById('big_image');
        big_image.style.background='url("'+url+'") no-repeat center center';
	var big_image_text = document.getElementById("big_image_text");
	big_image_text.innerHTML=text+'&nbsp';
	} else pClick=0;
}