/*--------------------- Image Gallery -------------------------------*/
function btn_Over(id, btn)
{
    var div;
    
    if(btn == "prev")
    {
        div = document.getElementById(id);
        div.className = "btn_prev_over";
    }
    
     if(btn == "next")
    {
        div = document.getElementById(id);
        div.className = "btn_next_over";
    }
}

function btn_Out(id, btn)
{
    var div;
    
    if(btn == "prev")
    {
        div = document.getElementById(id);
        div.className = "btn_prev";
    }
    
    if(btn == "next")
    {
        div = document.getElementById(id);
        div.className = "btn_next";
    }
}

var imageArray = new Array();
var index = 1;
var pagerSize;

function LookUpGallery(gallery)
{
    CallServer(gallery, "");
}

function Refresh()
{
    SetTitle("");
    index = 1;
}

function ReceiveServerData(rValue)
{   
    Refresh();
    imageArray = rValue.split("|");
    pagerSize = imageArray.length - 1;
    
    SetTitle(imageArray[0]);
    ChangeImage();
    
    var screen = document.getElementById("divViewerScreen");
    
    if(screen.style.visibility == "hidden")
    {
        screen.style.visibility = "visible";
    }
}

function SetTitle(title)
{
    var titleDiv = document.getElementById("GalleryTitle");
    titleDiv.innerText = title;
}

function ChangeImage()
{    
    var imageString = imageArray[index];
    //get image
    var image = imageString.substring(imageString.indexOf(":") + 1, imageString.indexOf("#"));
    //get caption
    var caption = imageString.substring(imageString.indexOf("#") + 9);
    
    //fade image
    //opacity('ViewerScreen', 100, 0, 1, false);
    
    //preload the image 
    oImage = new Image()
    oImage.src = "/Galleries/" + image;
    
    //place image in image div & set div dimensions
    var imgDiv = document.getElementById("ViewerScreen");
    imgDiv.src = "/Galleries/" + image;
    
    //imgDiv.style.height = oImage.height;
    //imgDiv.style.width = oImage.width;
    
    //show image
    //opacity('ViewerScreen', 0, 100, 1, false);
        
    //place caption in caption div
    var captionDiv = document.getElementById("Caption");
    captionDiv.innerText = caption;
    
    //place page in pager div
    var pagerDiv = document.getElementById("pager");
    var page = index + " / " + pagerSize
    pagerDiv.innerText = page;
}

function NextImage()
{
    if(index < imageArray.length - 1)
    {
        index++;
        ChangeImage();
    }
}

function PrevImage()
{
    if(index > 1)
    {
        index--;
        ChangeImage();
    }
}

function opacity(id, opacStart, opacEnd, millisec, mouseOver) { 
    
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}