oldMSIE=(navigator.userAgent.indexOf("MSIE 7")<0) && (!window.opera) && (navigator.userAgent.indexOf("Gecko")<0);

L = true;
R = true;

function setPercentage(p)
{
  if(p > 0.04 && L)
  {
    document.getElementById("progbar_left").style.backgroundImage = "url('design/progbar_l"+(p>0.04?2:1)+".gif')";
    L = false;
  }
  if(p > 0.96 && R)
  {
    document.getElementById("progbar_right").style.backgroundImage = "url('design/progbar_r"+(p>0.96?2:1)+".gif')";
    R = false;
  }  
  document.getElementById("progbar_image").style.width = Math.min(222,Math.max((p-0.04)*222/0.92,0)) + "px";
  document.getElementById("progbar_rightimage").style.display = p > 0.04 && p < 0.94 ? "" : "none";
  document.getElementById("loaded").innerHTML = Math.round(100*p);
}

function ImagePreloader(images,sizes,total,finFnc)
{
  this.imagesLoaded=0;
  this.imagesTotal=images.length;
  this.finalFunction=finFnc;
  this.bytesLoaded = 0;
  
  this.imageLoad=function(obj)
  {
    this.bytesLoaded += sizes[obj.src.split("?")[1]];
    setPercentage(this.bytesLoaded/total);
    if(++this.imagesLoaded==this.imagesTotal) this.finalFunction();
  }
  
  d = document.createElement("div");
  
  for(i=0;i<images.length;i++)
  {
    var img = new Image();
    d.appendChild(img);
    
    img.loader = this;
    
    img.onerror=function(e)
    {
      this.loader.imageLoad(this);
    }
    
    img.onload=function()
    {
      this.loader.imageLoad(this);
    };
    
    img.src="design/"+images[i]+"?"+i;
  }
}

animating = false;

function MenuItem(target,priImage,titleImg,w0,h0,yOffset,k0,secImage,aniImage)
{
  this.element = document.createElement("div");
  this.element.style.position = "absolute";
  this.element.style.left = "40px";

  this.primaryImage = new Image();
  this.primaryImage.src = "design/"+priImage;
  this.primaryImage.style.verticalAlign="top";
  this.element.style.height = this.primaryImage.height + "px";
  
  this.titleImage=titleImg;

  this.element.style.fontSize="0";

  this.element.appendChild(this.primaryImage);

  this.clickFunction=function(){};
  
  this.target = target;
  
  this.k0 = k0;

  this.clickFnc = function()
  {
    for(var i=0;i<this.element.parentNode.childNodes.length;i++)
    {
      if(this.element.parentNode.childNodes[i] != this.element)this.element.parentNode.childNodes[i].style.display = "none";
    }

    this.x1 = parseInt(this.element.style.left);
    this.y1 = parseInt(this.element.style.top)+yOffset;
    this.x2 = 132-this.animatedImage.originalWidth/2;
    this.y2 = 27-this.animatedImage.originalHeight/2;
    
    this.animate();
    
    this.clickFunction();
  }

  this.active = typeof(secImage)!="undefined";
  
  if(this.active)
  {
    this.enable = function(b)
    {
      this.enabled = b;
      this.element.style.cursor = b?"pointer":"default";
    }
    
    
    this.secondaryImage = new Image();
    this.secondaryImage.src = "design/"+secImage;

    this.primaryImage.style.cursor=this.secondaryImage.style.cursor="pointer";

    this.animatedImage = new Image();

    this.animatedImage.src = "design/"+aniImage;

    this.animatedImage.originalWidth = w0;
    this.animatedImage.originalHeight = h0;

    this.secondaryImage.style.verticalAlign="top";
    this.animatedImage.style.verticalAlign="top";

    this.enable(true);

    this.element.menuItemObject = this;

    this.element.onmouseover = function()
    {
      if(this.menuItemObject.enabled && this.firstChild != this.menuItemObject.secondaryImage)
       this.replaceChild(this.menuItemObject.secondaryImage,this.firstChild);
      
      if(typeof(hoveredObject)!="undefined" && hoveredObject!=this) hoveredObject.onmouseout();

      hoveredObject = this;
    }

    this.element.onmouseout = function()
    {
      if(this.menuItemObject.enabled && this.firstChild != this.menuItemObject.primaryImage)
       this.replaceChild(this.menuItemObject.primaryImage,this.firstChild);
    }

    this.element.onclick = function()
    {
      if(this.menuItemObject.enabled)
      {
        this.menuItemObject.enable(false);
        this.replaceChild(this.menuItemObject.animatedImage,this.firstChild);
        this.menuItemObject.clickFnc();
        
        this.submenuObject.clickedItem = this.menuItemObject;
      }
    }
  }
  else this.animatedImage = this.primaryImage;

  this.animate = function(iteration)
  {
    this.enable(false);
    if(arguments.length==0)
    {
      animating = true;
      animatedSubmenuItem = this;
      var iteration = 0;
    }

    this.element.style.left = animatedSubmenuItem.x1 + iteration*(animatedSubmenuItem.x2-animatedSubmenuItem.x1)/50 + "px";
    this.element.style.top = animatedSubmenuItem.y1 + iteration*(animatedSubmenuItem.y2-animatedSubmenuItem.y1)/50 + "px";
    this.animatedImage.style.width = this.animatedImage.originalWidth*(animatedSubmenuItem.k0 + iteration*(1-animatedSubmenuItem.k0)/50) + "px";
    this.animatedImage.style.height = this.animatedImage.originalHeight*(animatedSubmenuItem.k0 + iteration*(1-animatedSubmenuItem.k0)/50) + "px";

    if(iteration<50)this.timeout=setTimeout("animatedSubmenuItem.animate("+(iteration+1)+")",30);
    else animating=false;
  }
  
  this.showTitle = function()
  {
    clearTimeout(this.timeout);
    this.enable(false);

    this.animatedImage.style.width = w0 + "px";
    this.animatedImage.style.height = h0 + "px";
    
    if(this.element.firstChild!=this.animatedImage) this.element.replaceChild(this.animatedImage,this.element.firstChild);
    
    this.element.style.left = this.x2 + "px";
    this.element.style.top = this.y2 + "px";
    
    this.element.style.display="none";
    this.element.style.display="";  // IE hack
  }
  
  this.restore=function()
  {
    clearTimeout(this.timeout);
    this.enable(true);
    this.element.style.left = "40px";
    this.element.style.top = this.y0;
    if(this.element.firstChild!=this.primaryImage) this.element.replaceChild(this.primaryImage,this.element.firstChild);
    for(var i=0;i<this.element.parentNode.childNodes.length;i++)
    {
      this.element.parentNode.childNodes[i].style.display = "";
    }
  }
}

function SubItemCore(bgImage)
{
  this.element=document.createElement("div");
  bgElement=document.createElement("div");
  this.contentElement=document.createElement("div");
  
  this.contentElement.style.position = bgElement.style.position = "absolute";
  this.contentElement.style.left = this.contentElement.style.top = bgElement.style.left = bgElement.style.top = "0px";
  
  this.element.appendChild(bgElement);
  this.element.appendChild(this.contentElement);
  

  if(!oldMSIE)bgElement.style.backgroundImage="url('design/"+bgImage+"')";
  else bgElement.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/"+bgImage+"',sizingMethod='scale');";
  
  this.element.style.position="absolute";
  
  this.contentElement.style.width=bgElement.style.width="240px";
  this.contentElement.style.height=bgElement.style.height="58px";
  
}

function Submenu(bgImage,items,single)
{
  core=new SubItemCore(bgImage);
  for(var i in core) this[i]=core[i];
  
  this.element.submenuObject = this;
  
  this.element.onmouseout = function()
  {
      if(typeof(hoveredObject)!="undefined" && hoveredObject!=this) hoveredObject.onmouseout();
      
      hoveredObject = this;
  }
  
  this.items=items;
  
  this.isSingleItem = (typeof(single)=="undefined") ? false : single;

  this.spaceSize=(48-12*items.length)/items.length;

  for(var i in this.items)
  {
    this.contentElement.appendChild(this.items[i].element);
    this.items[i].element.submenuObject = this;
    this.items[i].y0 = Math.floor(4 + this.spaceSize/2 + i*(this.spaceSize+12)) + "px";
    this.contentElement.lastChild.style.top = this.items[i].y0;
  }
  
  this.restore=function()
  {
    for(var i=0;i<this.items.length;this.items[i].restore(),this.items[i].element.style.top=Math.floor(4 + this.spaceSize/2 + i*(this.spaceSize+12)) + "px",i++);
  }
}

function SubItem(target,bgImage,image,titleImg,x,y)
{
  core=new SubItemCore(bgImage);
  for(var i in core) this[i]=core[i];

  this.element.submenuObject = this;

  this.titleImage=titleImg;

  this.image=new Image();
  this.image.src="design/"+image;
  this.image.style.position="absolute";
  this.contentElement.appendChild(this.image);
  this.image.style.left=x+"px";
  this.image.style.top=y+"px";
  
  this.target = target;
}

function MainMenu(name,parent,elevator,title,x,y,w,h,s,items)
{
  this.elements=[];
  
  this.timeout = 0;
  this.hideTimeout = 0;
  this.startPosition = 0;
  this.position = 0;
  this.items = items;
  this.title=title;
  this.locked=false;
  this.name=name;
  
  this.bgElement=document.createElement("div");
  this.bgElement.style.position = "absolute";
  this.bgElement.style.width = w + "px";
  this.bgElement.style.height = h + "px";
  this.bgElement.style.display = "none";
  this.bgElement.menuObject = this;
  this.bgElement.style.top = y + "px";
  parent.appendChild(this.bgElement);
  
  this.bgElement.onmouseover = function()
  {
    this.menuObject.hide(false);
  }
  
  this.bgElement.onmouseout=function()
  {
    this.menuObject.hide(true);
  }
  
  for(var i=0;i<items.length;i++)
  {
    this.elements[i] = document.createElement("div");
    if(i==0) this.titleElevatorElement = this.elevatorElement = items[i].element;
    else items[i].element.style.display="none";
    if(items[i].isSingleItem) this.elements[i].style.cursor="pointer";
    this.elements[i].style.position="absolute";
    this.elements[i].style.width=w+"px";
    this.elements[i].style.height=h+"px";
    this.elements[i].style.top=i*(h+s)+y+"px";
    this.elements[i].submenuObject=items[i];
    this.elements[i].menuObject=this;
    
    this.items[i].element.menuObject=this;
    
    if(items[i] instanceof Submenu) for(var j=0;j<items[i].items.length;
      items[i].items[j].menuObject = this,
      items[i].items[j].clickFunction=new Function("this.menuObject.titleElevatorElement=this.menuObject.elevatorElement;this.menuObject.titleImage=this.titleImage;this.menuObject.locked=true;this.menuObject.setDestination(0,function(){this.locked=false;this.title.setImage(this.titleImage);displayPage(this.items["+i+"].items["+j+"].target)})"),
    j++);

    if(items[i].isSingleItem)
    {  
      this.elements[i].onclick=i!=0?new Function("this.menuObject.locked=true;this.menuObject.setDestination(parseInt(this.style.top)-"+y+",function(){this.setElevatorElement(this.items["+i+"].element);this.titleElevatorElement=this.elevatorElement;this.setDestination(0,function(){this.locked=false;this.title.setImage(this.items["+i+"].titleImage);displayPage(this.items["+i+"].items[0].target)})});this.menuObject.items["+i+"].items[0].element.onclick()"):
                                        function(){this.menuObject.setElevatorElement(this.menuObject.items[0].element);this.menuObject.titleElevatorElement=this.menuObject.elevatorElement;if(this.menuObject.position>5){this.menuObject.locked=true;this.menuObject.setDestination(0,function(){this.locked=false;this.title.setImage(this.items[0].titleImage);displayPage(this.items[0].items[0].target)})}else{this.menuObject.setPosition(0);this.menuObject.title.setImage(this.menuObject.items[0].titleImage);displayPage(this.menuObject.items[0].items[0].target)};this.menuObject.items[0].items[0].element.onclick();};
      
      this.elements[i].onmouseover = function()
      {
        this.menuObject.hide(false);
      }
    }
    
    this.elements[i].onmouseover=function()
    {
      if(!this.menuObject.locked)
      {
        this.menuObject.hide(false);
        this.menuObject.setElevatorElement(this.submenuObject.element);
        this.menuObject.setDestination(parseInt(this.style.top)-y);
        this.submenuObject.restore();
      }
    }

    this.items[i].element.onmouseover = function()
    {
      if(!this.menuObject.locked) this.menuObject.hide(false);
    }
    
    this.items[i].element.onmouseout = function()
    {
      if(!this.menuObject.locked) this.menuObject.hide(true);
    }

    this.elements[i].onmouseout = function()
    {
      if(!this.menuObject.locked)this.menuObject.hide(true);
    }
    
    items[i].element.style.top = y + i*(h+s) + "px";
    
    parent.appendChild(this.elements[i]);
    parent.appendChild(items[i].element);
  }
  
  this.hide = function(b)
  {
    if(b)this.hideTimeout = setTimeout("if(!"+this.name+".locked){clearTimeout("+this.name+".timeout);if("+this.name+".titleElevatorElement.submenuObject instanceof Submenu){"+this.name+".titleElevatorElement.submenuObject.clickedItem.showTitle();for(var i=0;i<"+this.name+".titleElevatorElement.submenuObject.contentElement.childNodes.length;i++){if("+this.name+".titleElevatorElement.submenuObject.contentElement.childNodes[i] != "+this.name+".titleElevatorElement.submenuObject.clickedItem.element)"+this.name+".titleElevatorElement.submenuObject.contentElement.childNodes[i].style.display = \"none\"}};" + this.name + ".setDestination(0);"+this.name+".titleElevatorElement.style.top="+this.name+".elevatorElement.style.top;"+this.name+".setElevatorElement("+this.name+".titleElevatorElement)}",2000);
    else clearTimeout(this.hideTimeout);
  }
  
  this.setElevatorElement=function(elm)
  {
    this.elevatorElement.style.display="none";
    this.elevatorElement=elm;
    elm.style.display="";
  }
  
  this.setPosition=function(_y)
  {
    this.elevatorElement.style.top=y+_y+"px";
    elevator.setPosition(_y);
    this.position=_y;
  }
  
  this.setDestination=function(_y,finalFnc)
  {
    if(_y!=0)
    {
      this.bgElement.style.top = y + _y + "px";
      this.bgElement.style.display="";
    }
    this.finalFunction = typeof(finalFnc)=="undefined"?function(){}:finalFnc;
    clearTimeout(this.timeout);
    
    if(this.position!=_y)
    {
      this.startPosition = this.position;
      this.endPosition = _y;
      this.move();
    }
    else this.finalFunction();
  }
  
  this.move = function(iteration)
  {
    if(typeof(iteration)=="undefined")
    {
      var iteration = 0;
      animatedMenu = this;
    }

    
    animatedMenu.setPosition(animatedMenu.startPosition + iteration * (animatedMenu.endPosition - animatedMenu.startPosition) / 20);
    
    if(iteration<20) animatedMenu.timeout = setTimeout("animatedMenu.move("+(iteration+1)+")",30);
    else
    {
      this.bgElement.style.display="none";
      animatedMenu.finalFunction();
    }
  }
  
  this.refresh=function()
  {
    for(var i=0;i<this.elements.length;i++)
    {
      this.elements[i].style.left=parent.offsetLeft + x + "px";
      items[i].element.style.left=parent.offsetLeft + x + w + 4 + "px";
    }
    this.bgElement.style.left = parent.offsetLeft + x + w + 4 + "px";
    elevator.refresh();
    this.title.refresh();
  }
  
  this.selectPage = function(target)
  {
    for(var i=0;i<this.items.length;i++)
    {
      for(var j=0;j<this.items[i].items.length;j++)
      {
        if(this.items[i].items[j].target == target)
        {
          this.elements[i].onmouseover();
          this.items[i].items[j].element.onclick();
        }
      }
    }
  }
  
  this.refresh();
}

function Cable(parent,x,y)
{
  this.element=document.createElement("div");
  this.element.style.borderLeft="2px solid #dfdfdf";
  this.element.style.position="absolute";
  this.element.style.top=y+"px";
  this.element.style.width=0;
  
  parent.appendChild(this.element);
  
  this.refresh = function()
  {
    this.element.style.left=parent.offsetLeft+x+"px";
  }
  
  this.setLength=function(l)
  {
    this.element.style.height=l+"px";
  }
  
  this.refresh();
}

function Ticket(parent,x,y)
{
  this.cable=new Cable(parent,x,y);
  parent.appendChild(this.cable.element);
  
  this.top = y;
  
  this.element=document.createElement("div");
  this.element.style.position="absolute";
  
  this.element.style.width="37px";
  this.element.style.height="106px";
  this.element.style.backgroundImage="url('design/ticket.gif')";
  
  parent.appendChild(this.element);
  
  this.refresh = function()
  {
    this.element.style.left=(parent.offsetLeft+x-16)+"px";
    this.cable.refresh();
  }
  
  this.setPosition = function(y)
  {
    this.cable.setLength(y)
    this.element.style.top = this.top + y + "px";
  }
  
  this.refresh();
}

function Wheel(parent,x,y)
{
  this.element=document.createElement(oldMSIE?"div":"img");
  parent.appendChild(this.element);
  
  if(oldMSIE)
  {
    this.element.style.width="26px";
    this.element.style.height="27px";
  }

  this.element.style.position="absolute";
  this.element.style.top=y+"px";
  
  this.refresh=function()
  {
    this.element.style.left=parent.offsetLeft+x+"px";
  }
  
  this.setRotation=function(a)
  {
    a%=Math.PI/2;
    if(a<0)a+=Math.PI/2;
    
    src="design/kladka_"+Math.floor(12*a/Math.PI)+".png";
        
    if(oldMSIE) this.element.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"',sizingMethod='scale')";
    else this.element.src=src;
  }
  
  this.refresh();
  this.setRotation(0);
}

function Elevator(parent,cableX,cableY,ticketX,ticketY,leftWheelX,leftWheelY,rightWheelX,rightWheelY)
{
  this.cable=new Cable(parent,cableX,cableY);
  this.ticket=new Ticket(parent,ticketX,ticketY);
  this.leftWheel=new Wheel(parent,leftWheelX,leftWheelY);
  this.rightWheel=new Wheel(parent,rightWheelX,rightWheelY);
  
  this.refresh=function()
  {
    this.cable.refresh();
    this.ticket.refresh();
    this.leftWheel.refresh();
    this.rightWheel.refresh();
  }
  

  this.setPosition=function(y)
  {
    this.cable.setLength(y+21);
    this.ticket.setPosition(450-y);
    
    this.leftWheel.setRotation(-y/30);
    this.rightWheel.setRotation(-y/30);
  }
  
  this.setPosition(0);
 
  this.refresh();
}

function Title(parent,x,y)
{
  this.element=document.createElement("div");
  this.element.style.position="absolute";
  this.element.style.width="180px";
  this.element.style.height="14px";
  this.element.style.backgroundRepeat="no-repeat";
  this.element.style.backgroundPosition="center center";
  parent.appendChild(this.element);
  
  this.refresh=function()
  {
    this.element.style.left=parent.offsetLeft+x+"px";
    this.element.style.top=parent.offsetTop+y+"px";
  }
  
  this.setImage=function(src)
  {
    this.element.style.backgroundImage = "url('design/"+src+"')";
  }
}