// JScript File

var lock = false;
var items = new Array();
var imageHolderObj = "";
var mainHolderObj= "";
var cLock = "";

function fillObj(){
imageHolderObj = $('ImageHolder');
mainHolderObj = $('MainImage');
}


function lgImage(imgSrc,id,index,fullsrc){
   // source.onload = 'undefined';
    var i = new Image;
    i.itemId = id;
    i.index = index;
    i.fullsrc = fullsrc;
    i.onload = function() {completeLoad(i)};
    i.src =  GalleryDir + imgSrc + "&x=143&y=200&q=90";
    items.push(id);
}

function completeLoad(i){
    $('pl' + i.itemId).style.display = "none";
    var tObj = $('ti'+ i.itemId);
    //tObj.onload = null;
    tObj.src = i.src;
    tObj.fullsrc = i.fullsrc;
    tObj.appear();
}

function setLock(itemId){
    lock = !lock;
    loadFullImage(itemId);
    parseImagesLock(itemId);
    cLock = itemId;
}

function parseImagesLock(itemId){
    var  m=items.length;
    if(lock){
        for(var y=0;y<m;y++){
            if(items[y]!=itemId){
                new Effect.Opacity('ti' + items[y],{duration:0.5, from:1.0, to:0.5});
            }
        }
   }else{
        if(cLock == itemId){
            for(var y=0;y<m;y++){
               new Effect.Opacity('ti' + items[y],{duration:0.5, from:0.5, to:1});
            }
        }else{
            for(var y=0;y<m;y++){
               new Effect.Opacity('ti' + items[y],{duration:0, from:0.5, to:1});
            }
            setLock(itemId);
        }
    }
}

function loadFullImage(itemId){
    if(!lock){
        $('ImageLoader').show();
        var fullSrc = $('ti'+ itemId).fullsrc;
        var mImage = new Image;
        mImage.onload = completeMainLoad;
        mImage.useMap = "#map_" + itemId;
        mImage.src = GalleryDir  + fullSrc + "&x=435&y=610&q=90";
    }
}

function completeMainLoad(){
    var tImg = mainHolderObj;
    tImg.src = this.src;
    tImg.border=0;
    tImg.useMap = this.useMap;
    imageHolderObj.show();
    $('ImageLoader').hide();
}

function watchForLeave(){
    fillObj();
    var tObj = $('lbThumbsDiv');
    var tDim = tObj.getDimensions();
    var tPos = tObj.cumulativeOffset(); 
    var wL = tPos.left;
    var wH = (tPos.left + tDim.width);
    var tL = tPos.top;
    var tH = (tPos.top + tDim.height);
    var mL = mainHolderObj.cumulativeOffset().left;
    Event.observe(document,'mousemove',function(event) { 
    var mX = Event.pointerX(event);
    var mY = Event.pointerY(event);  
    if(!(mX>=wL & mX<=wH & mY>=tL & mY<=tH)&&!lock)
    {
             imageHolderObj.style.display="none";
       }
    });
    Event.observe(document,'mouseup',function(event) { 
    var mX = Event.pointerX(event);
    var mY = Event.pointerY(event);  
    if(!(mX>=mL & mX<=wH & mY>=tL & mY<=tH)&&lock)
    {
             lock = !lock;
             parseImagesLock(cLock);
             imageHolderObj.style.display="none";
       }
    });
  }

Event.observe(window,'load',watchForLeave);