var ie = 0;
var defaultHeading = '';
function cobj(obj, dw, dh) {
    var bx, by;
    if (self.innerHeight) {
        bx = self.innerWidth;
        by = self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientHeight)
    // Explorer 6 Strict Mode
    {
        bx = document.documentElement.clientWidth;
        by = document.documentElement.clientHeight;
    }
    else if (document.body) // other Explorers
    {
        bx = document.body.clientWidth;
        by = document.body.clientHeight;
    }

    var sx, sy;
    if (self.pageYOffset) // all except Explorer
    {
        sx = self.pageXOffset;
        sy = self.pageYOffset;
    }
    else if (document.documentElement && document.documentElement.scrollTop)
    // Explorer 6 Strict
    {
        sx = document.documentElement.scrollLeft;
        sy = document.documentElement.scrollTop;
    }
    else if (document.body) // all other Explorers
    {
        sx = document.body.scrollLeft;
        sy = document.body.scrollTop;
    }
    obj.style.left = sx + bx / 2 - dw / 2 + 'px';
    obj.style.top = sy + by / 2 - dh / 2 + 'px';
}
var flagged = false;
var t;

function centerAll() {
    var o_x = document.getElementById('bp_x');
    var ajax_loader = document.getElementById('bp_ajax');
    o_x.style.width = '592px';
    o_x.style.height = '464px';
    cobj(o_x, 592, 464);
    cobj(ajax_loader, 31, 31);
}
var timerId;
function ajximg() {
    o_x = document.getElementById('bp_x');
    document.getElementById('bp_i').style.display = '';
    document.getElementById('close_link').style.display = '';
    document.getElementById('bp_ajax').style.visibility = 'hidden';
    clearTimeout(timerId);
//    o_x.style.width = document.getElementById('bp_i').offsetWidth - (-80) + 'px';
//    o_x.style.height = document.getElementById('bp_i').offsetHeight - (-74) + 'px';
}

var numpics = 0;
function loadpicsanpacc(smallpic, nump) {
    
    document.getElementById('bp_x_c').style.height = '390px';
    var galHeading = document.getElementById('galHeading');
    var splitted = smallpic.substring(smallpic.lastIndexOf('/') + 1);
    splitted = splitted.split('_')[0] + '_' + splitted.split('_')[1];
    if (pictitles[splitted]) {
        galHeading.innerHTML = pictitles[splitted];
    }
    else {
        galHeading.innerHTML = defaultHeading;
    }
    galHeading.style.display = '';
    document.getElementById('prevPic').style.visibility = 'visible';
    document.getElementById('nextPic').style.visibility = 'visible';
    document.getElementById('backToGal').style.display = '';
    o_x = document.getElementById('bp_x');
    ajax_loader = document.getElementById('bp_ajax');
    centerAll();
    o_x.style.visibility = 'visible';
    document.getElementById('prevPic').style.display = '';
    document.getElementById('nextPic').style.display = '';
    document.getElementById('galpics').style.display = 'none';
    numpics = nump;
    document.getElementById('bp_i').style.display = 'none';
    document.getElementById('close_link').style.display = 'none';
    flagged = true;
    smallpic = smallpic.replace('_D', '_L');
    document.getElementById('bp_i').src = smallpic.replace('_M', '_L');
    ajax_loader.style.visibility = 'visible';
    
    clearTimeout(t);
}

function loadpicsanpaccacc2() {
    document.getElementById('bp_x_c').style.height = '390px';
    document.getElementById('backToGal').style.display = '';
    ajax_loader = document.getElementById('bp_ajax');
    centerAll();
    o_x.style.visibility = 'visible';
    document.getElementById('prevPic').style.visibility = 'visible';
    document.getElementById('nextPic').style.visibility = 'visible';
    document.getElementById('galpics').style.display = 'none';
    var src = this.src;
    var galHeading = document.getElementById('galHeading');
    var splitted = src.substring(src.lastIndexOf('/') + 1);
    splitted = splitted.split('_')[0] + '_' + splitted.split('_')[1];
    if (pictitles[splitted]) {
        galHeading.innerHTML = pictitles[splitted];
    }
    else {
        galHeading.innerHTML = defaultHeading;
    }
    galHeading.style.display = '';
    document.getElementById('bp_i').style.display = 'none';
    document.getElementById('close_link').style.display = 'none';
    flagged = true;
    document.getElementById('bp_i').src = src.replace('_D', '_L');
    ajax_loader.style.visibility = 'visible';
    clearTimeout(t);
}

function nextpic(inc) {
    var spl = document.getElementById('bp_i').src.split('_');
    var picnum = spl[1];    
    var nextnum = picnum - (-1 * inc);    
    var newSrc = '';
    if (nextnum == 0) {        
        newSrc = spl[0] + '_' + numpics + '_' + spl[2];
    }
    else if (nextnum > numpics) {
        newSrc = spl[0] + '_1_L.jpg';        
    }
    else {
        newSrc = spl[0] + '_' + nextnum + '_L.jpg';
    }
    document.getElementById('bp_i').src = newSrc;
    
    var galHeading = document.getElementById('galHeading');
    var splitted = newSrc.substring(newSrc.lastIndexOf('/') + 1);
    splitted = splitted.split('_')[0] + '_' + splitted.split('_')[1];
    if (pictitles[splitted]) {
        galHeading.innerHTML = pictitles[splitted];
    }
    else {
        galHeading.innerHTML = defaultHeading;
    }
    galHeading.style.display = '';
    
    document.getElementById('bp_i').style.display = 'none';
    var ajax_loader = document.getElementById('bp_ajax');    
    centerAll();
    ajax_loader.style.visibility = 'visible';    
}

function loadgal() {
    document.getElementById('bp_x_c').style.height = '';
    document.getElementById('galHeading').style.display = 'none'; 
    ajximg();
    document.getElementById('backToGal').style.display = 'none';
    var bigpic = document.getElementById('bp_i').src.split('_')[0];
    var galDiv = document.getElementById('galpics');
    galDiv.style.display = '';
    galDiv.innerHTML = '';
    document.getElementById('prevPic').style.visibility = 'hidden';
    document.getElementById('nextPic').style.visibility = 'hidden';
    document.getElementById('bp_i').style.display = 'none';
    o_x = document.getElementById('bp_x');    
    for (var i = 1; i <= numpics; i++) {
        var smImg = document.createElement('img');
        smImg.src = bigpic + '_' + i + '_' + 'D.jpg';
        smImg.id = 'smImg' + i;
        smImg.style.cursor = 'pointer';
        smImg.style.border = '1px solid #676767';
        smImg.style.height = '105px';
        smImg.style.width = '126px';
        if (i % 4 == 1 || i == 1) {
            galDiv.innerHTML += '<div class="ddb"></div><div style="float:left;width:17px;height:105px"></div>';

        }
        else {
            galDiv.innerHTML += '<div style="float:left;width:17px;height:105px"></div>';
        }
        var fn = function() { loadpicsanpacc(bigpic + '_' + i + '_' + 'M.jpg', numpics) };
        galDiv.appendChild(smImg);
    }
    galDiv.innerHTML += '<div class="ddb"></div><div style="text-align:center;"><b>Click any thumbnail to see a large version of that image</b></div>';
    for (var i = 1; i <= numpics; i++) {
        var img = document.getElementById('smImg' + i);
        img.onclick = loadpicsanpaccacc2;        
        if (ie == 1) {
            img.style.styleFloat = 'left';            
        }
        else {
            img.style.cssFloat = 'left';
        }
    }
    centerAll();
    o_x.style.height = '';
}

function checkpic() {
    o_x = document.getElementById('bp_x');
    o_x.style.visibility = 'hidden';
    document.getElementById('bp_i').style.display = 'none';
    document.getElementById('bp_i').src = '';
    document.getElementById('bp_ajax').style.visibility = 'hidden';
    document.getElementById('prevPic').style.visibility = 'hidden';
    document.getElementById('nextPic').style.visibility = 'hidden';
}

function onloadTimer() {
    timerId = setTimeout("ajximg()",10);
}