/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
var array = new Array();
var index_container = 0;
function init_img_gallery(php_arr)
{
    array = php_arr;
}

var options = options || {};
var zindex = options.zindex || 50;
var opacity = options.opacity || 70;
var opaque = (opacity / 100);
var bgcolor = options.bgcolor || '#000000';
var pageWidth
var pageHeight
function showImageGallery(index)
{
    //alert(index);
    var dark = document.getElementById("sitecontainer");
    dark.style.opacity=opaque;
    dark.style.MozOpacity=opaque;
    dark.style.filter='alpha(opacity='+opacity+')';
    dark.style.zIndex=zindex;
    dark.style.backgroundColor=bgcolor;
    if( document.body && ( document.body.scrollWidth || document.body.scrollHeight ) ) {
        pageWidth = document.body.scrollWidth+'px';
        pageHeight = document.body.scrollHeight+'px';
    } else if( document.body.offsetWidth ) {
        pageWidth = document.body.offsetWidth+'px';
        pageHeight = document.body.offsetHeight+'px';
    }
    dark.style.width= pageWidth;
    dark.style.height= pageHeight;
    dark.style.display='block';
    var album = document.getElementById("galery_java");
    album.style.display = "block";
    //document.getElementById("image_here").innerHTML = '<img src="/images/nagy_kep.png" alt="duma" />';
    if (index<0)
    {
        index_container = array.length-1;
        document.getElementById("image_here").innerHTML = '<img src="/site2010/'+array[array.length-1]+'" alt="duma"  />';
    }
    if (index>=array.length)
    {
        index_container = 0;
        document.getElementById("image_here").innerHTML = '<img src="/site2010/'+array[0]+'" alt="duma"   />';
    }
    if (index>=0 && index<array.length)
    {
        index_container = index;
        document.getElementById("image_here").innerHTML = '<img src="/site2010/'+array[index]+'" alt="duma"  />';
    }
    document.getElementById("image_counter").innerHTML = '<span style="font-family: Trebuchet MS, sans-serif;">'+(index_container+1)+'/'+array.length+'</span>';
    album.style.background = "red";
    album.style.zIndex=1000;

    //==============================================================================
    var scrolledX, scrolledY;
    if( self.pageYOffset ) {
        scrolledX = self.pageXOffset;
        scrolledY = self.pageYOffset;
    } else if( document.documentElement && document.documentElement.scrollTop ) {
        scrolledX = document.documentElement.scrollLeft;
        scrolledY = document.documentElement.scrollTop;
    } else if( document.body ) {
        scrolledX = document.body.scrollLeft;
        scrolledY = document.body.scrollTop;
    }

    // Next, determine the coordinates of the center of browser's window

    var centerX, centerY;
    if( self.innerHeight ) {
        centerX = self.innerWidth;
        centerY = self.innerHeight;
    } else if( document.documentElement && document.documentElement.clientHeight ) {
        centerX = document.documentElement.clientWidth;
        centerY = document.documentElement.clientHeight;
    } else if( document.body ) {
        centerX = document.body.clientWidth;
        centerY = document.body.clientHeight;
    }
    var xwidth = album.offsetWidth;
    var xheight = album.offsetHeight;
    //alert(xwidth+" "+xheight);
    var leftOffset = scrolledX + (centerX - xwidth) /2;
    var topOffset = scrolledY + (centerY - xheight) /2;
//==============================================================================
    album.style.top = topOffset+"px";
    album.style.left = leftOffset+"px";
}
function hideImageGalery()
{
    var dark = document.getElementById("sitecontainer");
    dark.style.display = "none";
    var album = document.getElementById("galery_java");
    album.style.display = "none";
}







/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.

var array = new Array();
var index_container = 0;
function init_img_gallery(php_arr)
{
    array = php_arr;
}

var options = options || {};
var zindex = options.zindex || 50;
var opacity = options.opacity || 70;
var opaque = (opacity / 100);
var bgcolor = options.bgcolor || '#000000';
var pageWidth
var pageHeight
function showImageGallery(index)
{
    //alert(index);
    var dark = document.getElementById("sitecontainer");
    dark.style.opacity=opaque;
    dark.style.MozOpacity=opaque;
    dark.style.filter='alpha(opacity='+opacity+')';
    dark.style.zIndex=zindex;
    dark.style.backgroundColor=bgcolor;
    if( document.body && ( document.body.scrollWidth || document.body.scrollHeight ) ) {
        pageWidth = document.body.scrollWidth+'px';
        pageHeight = document.body.scrollHeight+'px';
    } else if( document.body.offsetWidth ) {
        pageWidth = document.body.offsetWidth+'px';
        pageHeight = document.body.offsetHeight+'px';
    }
    dark.style.width= pageWidth;
    dark.style.height= pageHeight;
    dark.style.display='block';
    var album = document.getElementById("galery_java");
    album.style.display = "block";
    //document.getElementById("image_here").innerHTML = '<img src="/images/nagy_kep.png" alt="duma" />';
    if (index<0)
    {
        index_container = array.length-1;
        document.getElementById("image_here").innerHTML = '<img src="/site2010/'+array[array.length-1]+'" alt="duma"  />';
    }
    if (index>=array.length)
    {
        index_container = 0;
        document.getElementById("image_here").innerHTML = '<img src="/site2010/'+array[0]+'" alt="duma"   />';
    }
    if (index>=0 && index<array.length)
    {
        index_container = index;
        document.getElementById("image_here").innerHTML = '<img src="/site2010/'+array[index]+'" alt="duma"  />';
    }
    document.getElementById("image_counter").innerHTML = '<span style="font-family: Trebuchet MS, sans-serif;">'+(index_container+1)+'/'+array.length+'</span>';
    album.style.background = "red";
    album.style.zIndex=1000;

    //==============================================================================
    var scrolledX, scrolledY;
    if( self.pageYOffset ) {
        scrolledX = self.pageXOffset;
        scrolledY = self.pageYOffset;
    } else if( document.documentElement && document.documentElement.scrollTop ) {
        scrolledX = document.documentElement.scrollLeft;
        scrolledY = document.documentElement.scrollTop;
    } else if( document.body ) {
        scrolledX = document.body.scrollLeft;
        scrolledY = document.body.scrollTop;
    }

    // Next, determine the coordinates of the center of browser's window

    var centerX, centerY;
    if( self.innerHeight ) {
        centerX = self.innerWidth;
        centerY = self.innerHeight;
    } else if( document.documentElement && document.documentElement.clientHeight ) {
        centerX = document.documentElement.clientWidth;
        centerY = document.documentElement.clientHeight;
    } else if( document.body ) {
        centerX = document.body.clientWidth;
        centerY = document.body.clientHeight;
    }
    var xwidth = album.offsetWidth;
    var xheight = album.offsetHeight;
    //alert(xwidth+" "+xheight);
    var leftOffset = scrolledX + (centerX - xwidth)/2;
    var topOffset = scrolledY + (centerY - xheight)/2;
    //==============================================================================
    album.style.top = topOffset+"px";
    album.style.left = leftOffset+"px";
}
function hideImageGalery()
{
    var dark = document.getElementById("sitecontainer");
    dark.style.display = "none";
    var album = document.getElementById("galery_java");
    album.style.display = "none";
}
*/