/***************************************/

/* ZOOM                                */

/* Copyright (C) 2009 Dušan Rodina     */

/***************************************/



var zooming = 0;

function zoom(elementId, elementId2, linkElementId, animPos, fadingStep, destX, destY, destW, destH) {

    if (zooming==1 && animPos==0) return;       

    

    firstLoop = (animPos==0);    

    

    zooming = 1;

            

    animPos += fadingStep;

    

    if (animPos > 100) {

        zooming = 0;

        var element = document.getElementById(elementId);

        element.style.left = destX + 'px';    

        element.style.top = destY + 'px';

        element.style.width = destW + 'px';    

        element.style.height = destH + 'px';

        element.style.opacity = 1;

        element.style.overflow = 'visible';



        var element2 = document.getElementById(elementId2);    

        element2.style.left = destX + 'px';    

        element2.style.top = destY + 'px';

        element2.style.width = destW + 'px';    

        element2.style.height = destH + 'px';

        element2.style.opacity = 1;

        element2.style.overflow = 'visible';



        animPos = 0;

        initScrollbars(); 

        return;

    }

    

    var linkElement = document.getElementById(linkElementId);

    var x=linkElement.offsetLeft;

    var y=linkElement.offsetTop;

    var w=linkElement.offsetWidth;

    var h=linkElement.offsetHeight;

        

    var element = document.getElementById(elementId);    

    element.style.left = x*(1-animPos/100) + destX * (animPos/100) + 'px';    

    element.style.top = y*(1-animPos/100) + destY * (animPos/100) + 'px';

    element.style.width = w*(1-animPos/100) + destW * (animPos/100) + 'px';    

    element.style.height = h*(1-animPos/100) + destH * (animPos/100) + 'px';

    element.style.opacity = animPos / 100;    

        

    var element2 = document.getElementById(elementId2);

    element2.style.left = x*(1-animPos/100) + destX * (animPos/100) + 'px';    

    element2.style.top = y*(1-animPos/100) + destY * (animPos/100) + 'px';

    element2.style.width = w*(1-animPos/100) + destW * (animPos/100) + 'px';    

    element2.style.height = h*(1-animPos/100) + destH * (animPos/100) + 'px';

    element2.style.opacity = animPos / 100;

    

    var dimmer = document.getElementById('dimmer');

    /*

    dimmer.style.opacity = animPos / 400;

    */

    

    if (firstLoop)

    {      

      /*

      if (!window.XMLHttpRequest)

      {

        dimmer.style.backgroundColor='transparent';

      }

      */

      dimmer.style.display='block';      

      

      element.style.display = 'block';       

      element.style.overflow = 'hidden';

      element2.style.display = 'block';       

      element2.style.overflow = 'hidden';

    }    



    setTimeout("zoom('" + elementId + "','"  + elementId2 + "','" + linkElementId + "'," + animPos + "," + fadingStep + "," + destX + "," + destY + "," + destW + "," + destH + ")", 10);

}