/*--------------------------------------------*/
/* This code is copyright Richard Agnew 2008  */
/* and may not be copyied or distributed      */
/*--------------------------------------------*/

var ix = 0;
var o=100;
var t;
var sp=30;
var rt=10;
var f;
var desc;
var ie=true;
ie=(window.navigator.appName.indexOf("Explorer")>0);
var holder;
var photo;
var i_z;
var scale = 3;

var IEGallery = new Object();
IEGallery = function(container){
    i_z = this;
    this.Container = document.getElementById(container);        
    this.Album = albums[0];
    this.CreateFrame();
    this.CreateGallery();
}

IEGallery.prototype.CreateFrame = function(){
    if(document.getElementById("iframe")==null)
        document.write("<iframe id=\"iframe\" style=\"display: none\" src=\"\"></iframe>");
    this.Frame = document.getElementById("iframe");
}

IEGallery.prototype.CreateGallery = function() {
    var html = "<div style=\"text-align:center\"><table style=\"margin-left:auto;margin-right:auto\" id=\"galleryFrame\"></table><div id=\"floater\" style=\"display:none;padding:10px;border:solid 2px gold;background-color:white;position:absolute;top:170px;\"><div>[<a style=\"cursor:pointer\" onclick=\"Move(0);\">Previous</a>]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[<a style=\"cursor:pointer\" onclick=\"Move(1);\">Next</a>]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[<a style=\"cursor:pointer\" onclick=\"Toggle();\">Close</a>]</div><div style=\"text-align:center;margin-top:40px;width:100%\" id=\"photoholder\"></div></div></div>";
    this.Container.innerHTML = html;
    holder = document.getElementById("photoholder");
    var t = document.getElementById("galleryFrame");
    var r = t.insertRow(-1);
    for (var i = 0; i < this.Album.length; i++) {
        if (i % (scale) == 0) r = t.insertRow(-1);
        var c = r.insertCell(-1);
        c.innerHTML = "<img style=\"width:80px;height:50px;cursor:pointer\" class=\"galleryitem\" src=\"" + this.Album[i][0] + "\" alt=\"" + this.Album[i][1] + "\"/>";
        var span = c.getElementsByTagName("img")[0];
        span.id = "photo_" + i;
        if (span.addEventListener) { span.addEventListener("click", Show, false) } else if (span.attachEvent) { span.attachEvent("onclick", Show) };
    }
}

function Show(e){
    
    var s = new String();    
    try{    
    var ev = e ? e : window.event;
    var el = ev.target ? ev.target : ev.srcElement;    
    s = el.id;}catch(e){s='p_0';}
    var se = s.split("_");    
    ix = se[1];
    Cement(ix);
}

function Cement(){
    photo = i_z.Album[ix];
    var url = "blank.htm?i=" + photo[0];
    if(ie){document.frames("iframe").location = url;}else if(!ie){window.frames[0].location = url;};
}

function Move(fb){
    fb==1?ix++:ix--;
    if(ix>i_z.Album.length-1){
        ix=0;
    }
    if(ix<0){
        ix=i_z.Album.length-1;
    }
    Cement();
}

function ChildLoad() {
    var html = "<img class=\"photoimage\" src=\"" + photo[0] + "\" alt=\"" + photo[1] + "\"/><p>" + photo[1] + "</p>";
    holder.innerHTML = html;
    f = holder.getElementsByTagName("img")[0];
    desc = holder.getElementsByTagName("p")[0];
    Toggle(1);
}

function Toggle(s){
    var f = document.getElementById("floater");
    var screenWidth = (document.body.clientWidth / 2) - 100;
    f.style.left = screenWidth + "px";
    f.style.display=s==1?"inline":f.style.display=="none"?"inline":"none";
}