/*
 * Oog Photo-Gallery v3.1.1
 * http://www.oog-gallery.de/ 
 * Copyright (C) 2009 Torben Rottbrand
 * 
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.

 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 */

init();

window.onresize = function() {

    if (document.getElementById('oog_lightbox_main').style.visibility == 'visible') resizelightbox();

}

window.document.onkeydown = function(event) {

    if (!event) event = window.event;

    var keycode = event.which || event.keyCode;

    if (!lightbox_single_mode && keycode == 37 && document.getElementById('oog_lightbox_main').style.visibility == 'visible') previous();
    if (!lightbox_single_mode && keycode == 39 && document.getElementById('oog_lightbox_main').style.visibility == 'visible') next();
    if (keycode == 27) exitlightbox();

}

document.getElementById('oog_lightbox_next_radius').onmouseover = function() {
    document.getElementById('oog_lightbox_next_but').style.backgroundPosition = '-54px 0px';
}
document.getElementById('oog_lightbox_next_radius').onmouseout = function() {
    document.getElementById('oog_lightbox_next_but').style.backgroundPosition = '0px 0px';
}
document.getElementById('oog_lightbox_previous_radius').onmouseover = function() {
    document.getElementById('oog_lightbox_previous_but').style.backgroundPosition = '-54px 0px';
}
document.getElementById('oog_lightbox_previous_radius').onmouseout = function() {
    document.getElementById('oog_lightbox_previous_but').style.backgroundPosition = '0px 0px';
}

function init() {

    document.write(oog_lightbox_xhtml);

    lightbox_overlay = document.getElementById('oog_lightbox_overlay');
    lightbox_main = document.getElementById('oog_lightbox_main');
    lightbox_loading = document.getElementById('oog_lightbox_loading');
    lightbox_photo = document.getElementById('oog_lightbox_photo');

    var first_windowheight = (window.innerHeight) ? window.innerHeight : window.document.documentElement.clientHeight;
    var first_windowwidth = (window.innerWidth) ? window.innerWidth : window.document.documentElement.clientWidth;

    lightbox_main_height_percent = lightbox_main.offsetHeight / first_windowheight * 100;
    lightbox_main_width_percent = lightbox_main.offsetWidth / first_windowwidth * 100;

    lightbox_main_top_percent = (100 - lightbox_main_height_percent) / 2;
    lightbox_main_left_percent = (100 - lightbox_main_width_percent) / 2;

    lightbox_main.style.top = lightbox_main_top_percent + '%';
    lightbox_main.style.left = lightbox_main_left_percent + '%';

    overlay_opacity = 0;
    lightbox_overlay.style.filter = "alpha(opacity=0)";
    lightbox_overlay.style.opacity = 0;
    lightbox_slideshow = 0;
    lightbox_info = 0;
    lightbox_firsttitle = document.title;

    lightbox_loading_height = lightbox_loading.offsetHeight;
    lightbox_loading_width = lightbox_loading.offsetWidth;

}

function overlay_change_opacity(opacity, close) {

    lightbox_overlay.style.filter = "alpha(opacity=" + opacity + ")";
    lightbox_overlay.style.opacity = (opacity / 100);

    if (opacity == 0 && close == 1) {
        lightbox_overlay.style.height = '0';
        lightbox_overlay.style.width = '0';
        lightbox_overlay.style.visibility = 'hidden';
    }

    if (opacity == 26) load_photo();

}

function resizelightbox() {

    var windowheight = (window.innerHeight) ? window.innerHeight : window.document.documentElement.clientHeight;
    var windowwidth = (window.innerWidth) ? window.innerWidth : window.document.documentElement.clientWidth;

    var heightspace = Math.round(windowheight / 100 * lightbox_main_height_percent) - 56;
    var widthspace = Math.round(windowwidth / 100 * lightbox_main_width_percent) - 46;

    var new_photo_height;
    var new_photo_width;

    if (resize_photos == 'all') {

        new_photo_height = heightspace;
        new_photo_width = heightspace * (firstimgwidth / firstimgheight);

        if (new_photo_width > widthspace) {
            new_photo_width = widthspace;
            new_photo_height = widthspace * (firstimgheight / firstimgwidth);
        }

    } else {

        if (firstimgheight > heightspace || firstimgwidth > widthspace) {
            new_photo_height = heightspace;
            new_photo_width = heightspace * (firstimgwidth / firstimgheight);

            if (new_photo_width > widthspace) {
                new_photo_width = widthspace;
                new_photo_height = widthspace * (firstimgheight / firstimgwidth);
            }
        } else {
            new_photo_height = firstimgheight;
            new_photo_width = firstimgwidth;
        }

    }

    lightbox_photo.height = new_photo_height;
    lightbox_photo.width = new_photo_width;

    lightbox_main.style.top = Math.round(windowheight / 100 * lightbox_main_top_percent) + 'px';
    lightbox_main.style.left = lightbox_main_left_percent + '%';

    lightbox_overlay.style.position = 'fixed';
    lightbox_main.style.position = 'fixed';

    lightbox_overlay.style.height = '100%';
    lightbox_overlay.style.width = '100%';

    document.getElementById('oog_lightbox_photo_box').style.marginLeft = ((lightbox_main.offsetWidth - (new_photo_width + 46)) / 2) + 'px';
    document.getElementById('oog_lightbox_photo_box').style.marginTop = ((lightbox_main.offsetHeight - (new_photo_height + 56)) / 2) + 'px';

    document.getElementById('oog_lightbox_close_but').style.top = ((lightbox_main.offsetHeight - (new_photo_height + 56)) / 2) - 3 + 'px';
    document.getElementById('oog_lightbox_close_but').style.right = ((lightbox_main.offsetWidth - (new_photo_width + 46)) / 2) - 6 + 'px';

    if (!lightbox_single_mode) {
        document.getElementById('oog_lightbox_next_radius').style.height = (new_photo_height / 100 * 85) + 'px';
        document.getElementById('oog_lightbox_next_radius').style.width = (new_photo_width / 100 * 45) + 'px';
        document.getElementById('oog_lightbox_next_radius').style.bottom = ((lightbox_main.offsetHeight - (new_photo_height + 56)) / 2) + 29 + 'px';
        document.getElementById('oog_lightbox_next_radius').style.right = ((lightbox_main.offsetWidth - (new_photo_width + 46)) / 2) - 6 + 'px';

        document.getElementById('oog_lightbox_previous_radius').style.height = (new_photo_height / 100 * 85) + 'px';
        document.getElementById('oog_lightbox_previous_radius').style.width = (new_photo_width / 100 * 45) + 'px';
        document.getElementById('oog_lightbox_previous_radius').style.bottom = ((lightbox_main.offsetHeight - (new_photo_height + 56)) / 2) + 29 + 'px';
        document.getElementById('oog_lightbox_previous_radius').style.left = ((lightbox_main.offsetWidth - (new_photo_width + 46)) / 2) - 6 + 'px';
    }

    document.getElementById('oog_lightbox_shad_top').style.width = new_photo_width + 20 + 'px';
    document.getElementById('oog_lightbox_shad_bottom').style.width = new_photo_width + 20 + 'px';
    document.getElementById('oog_lightbox_shad_left').style.height = new_photo_height + 20 + 'px';
    document.getElementById('oog_lightbox_shad_right').style.height = new_photo_height + 20 + 'px';

}

function load_photo() {

    lightbox_photo.name = oog_photoname;
    lightbox_img = new Image();
    lightbox_loading.style.visibility = 'visible';
    lightbox_img.onload = function() {
        lightbox_loading.style.visibility = 'hidden';
        firstimgheight = lightbox_img.height;
        firstimgwidth = lightbox_img.width;
        resizelightbox();
        lightbox_photo.src = escape(oog_photoname);
        lightbox_main.style.visibility = 'visible';
        document.getElementById('oog_lightbox_photo_box').style.display = 'block'; //for IE7
        if (lightbox_info == 1) {
            document.getElementById('oog_lightbox_comments_info_box').style.visibility = 'visible';

        }
        if (lightbox_slideshow == 1) lightbox_timeout = window.setTimeout('next()', timeout_slideshow);
    }
    lightbox_img.src = escape(oog_photoname);

}

function convertPath(path) {
    var newPath = path.replace(/%2F/g, '/');

    if (newPath.substr(0, 1) == '/') {
        newPath = newPath.substr(1);
    }

    return newPath;
}

function startlightbox(photoname, single_mode) {

    oog_photoname = convertPath(photoname);
    lightbox_single_mode = single_mode;

    if (lightbox_single_mode) {
        document.getElementById('oog_lightbox_next_but').style.visibility = "hidden";
        document.getElementById('oog_lightbox_previous_but').style.visibility = "hidden";
        document.getElementById('oog_lightbox_next_radius').style.visibility = "hidden";
        document.getElementById('oog_lightbox_previous_radius').style.visibility = "hidden";
    }

    document.title = lightbox_firsttitle + ' - ' + photoname;

    lightbox_overlay.style.visibility = 'visible';

    lightbox_main.style.position = 'fixed';
    lightbox_overlay.style.position = 'fixed';

    lightbox_overlay.style.height = '100%';
    lightbox_overlay.style.width = '100%';

    lightbox_loading.style.visibility = 'hidden';

    if (overlay_opacity == 0) {

        var timer = 0;

        while (overlay_opacity <= 25) {
            overlay_opacity = overlay_opacity + 1;
            setTimeout("overlay_change_opacity(" + overlay_opacity + ",0)", timer);
            if (navigator.appVersion.substring(0, 25) == "4.0 (compatible; MSIE 7.0" || navigator.appVersion.substring(0, 25) == "4.0 (compatible; MSIE 8.0") {
                timer = timer + 5;
            } else {
                timer = timer + 13;
            }
        }
    } else {

        load_photo();

    }

}

function exitlightbox() {

    lightbox_loading.style.visibility = 'hidden';

    document.title = lightbox_firsttitle;

    lightbox_overlay.style.position = 'fixed';
    lightbox_main.style.position = 'fixed';

    lightbox_main.style.visibility = 'hidden';
    document.getElementById('oog_lightbox_photo_box').style.display = 'none'; //for IE7

    lightbox_photo.removeAttribute('name');
    lightbox_photo.removeAttribute('src');
    lightbox_photo.removeAttribute('height');
    lightbox_photo.removeAttribute('width');

    var timer = 0;

    while (overlay_opacity >= 1) {
        overlay_opacity = overlay_opacity - 1;
        setTimeout("overlay_change_opacity(" + overlay_opacity + ",1)", timer);
        if (navigator.appVersion.substring(0, 25) == "4.0 (compatible; MSIE 7.0" || navigator.appVersion.substring(0, 25) == "4.0 (compatible; MSIE 8.0") {
            timer = timer + 4;
        } else {
            timer = timer + 7;
        }

    }

}

function getPathFromDocument(index) {
    var path = $('.thumb')[index].getAttribute('path');
    return convertPath(path);
}

function previous() {

    if (lightbox_slideshow == 1) window.clearTimeout(lightbox_timeout);

    var count = $('.thumb').length;
    var i = 0;

    while (i < count) {

        if (getPathFromDocument(i) == lightbox_photo.name) {
            var previousphoto = (i == 0) ? getPathFromDocument(count - 1) : getPathFromDocument(i - 1);
            break;
        }
        i++;

    }

    lightbox_main.style.visibility = 'hidden';

    lightbox_photo.removeAttribute('name');
    lightbox_photo.removeAttribute('src');
    lightbox_photo.removeAttribute('height');
    lightbox_photo.removeAttribute('width');

    startlightbox(previousphoto, lightbox_single_mode);

}

function next() {

    if (lightbox_slideshow == 1) window.clearTimeout(lightbox_timeout);

    var count = $('.thumb').length;
    var i = 0;

    while (i < count) {

        if (getPathFromDocument(i) == lightbox_photo.name) {
            var nextphoto = (i == count - 1) ? getPathFromDocument(0) : getPathFromDocument(i + 1);
            break;
        }
        i++;

    }

    lightbox_main.style.visibility = 'hidden';

    lightbox_photo.removeAttribute('name');
    lightbox_photo.removeAttribute('src');
    lightbox_photo.removeAttribute('height');
    lightbox_photo.removeAttribute('width');

    startlightbox(nextphoto, lightbox_single_mode);

}