/**
* @author andmas
*/
var Flickrator = {
    currentIndex: 0,

    popup: function(button) {
        var newWin = window.open(button.href, "flikpop", "location=0,status=0,scrollbars=1,width=800,height=600");
        newWin.focus();
        return false;
    },

    showPreviousImage: function() {
        if (Flickrator.currentIndex > 0) {
            Flickrator.currentIndex--;
            Flickrator.hideAllListItems();
            Flickrator.showListItems();
        }
    },

    showNextImage: function(e) {
        if ($("div.thumbnails ul.thumbImageList li").size() > Flickrator.currentIndex + 2) {
            Flickrator.currentIndex++;
            Flickrator.hideAllListItems();
            Flickrator.showListItems();
        }
    },

    hideAllListItems: function() {
        $("div.thumbnails ul.thumbImageList li").each(function() {
            $(this).hide();
        });
    },

    disableButton: function(button) {
        $(button).removeAttr("href");
        if ($(button).find("img").attr("src") == null) {
            var source = "none";
        }
        else {
            var source = $(button).find("img").attr("src");
        }
        if (source.indexOf("_disabled") == -1) {
            source = source.replace(/(\.[^.]+)$/, '_disabled$1');
            $(button).find("img").attr("src", source);
        }
    },

    enableButton: function(button) {
        $(button).attr("href", "#");
        var source = $(button).find("img").attr("src");
        source = source.replace(/_disabled(\.[^.]+)$/, '$1');
        $(button).find("img").attr("src", source);
    },

    showListItems: function() {
        if (Flickrator.currentIndex == $("div.thumbnails ul.thumbImageList li").length - 2) {
            Flickrator.currentIndex = Flickrator.currentIndex - 1;
        } else if (Flickrator.currentIndex < 0) {
            Flickrator.currentIndex = 0;
        }

        $("div.thumbnails ul.thumbImageList li").each(function(i) {
            if (i >= Flickrator.currentIndex && i <= Flickrator.currentIndex + 2)
                $(this).show();
        });


        // if the currentIndex gets up to the amount of photos in the list then disable the next
        // button as there are no further images to view.		
        if ((Flickrator.currentIndex + 3) == $("div.thumbnails ul.thumbImageList li").size()) {
            Flickrator.disableButton($("a.nextImage"));
        }
        else {
            Flickrator.enableButton($("a.nextImage"));
        }

        // if the current indexIndex is less than 1 then there are no previous images to view so
        // disable the button.
        if ((Flickrator.currentIndex) < 1) {
            Flickrator.disableButton($("a.previousImage"));
        }
        else {
            Flickrator.enableButton($("a.previousImage"));
        }
    },

    resizeMainImage: function(w, h) {
        //alert("resizeMainImage "+$("div.mainImage img.main").width())
        //	alert(typeof w)
       /* if (w > parseInt(300)) {
            var percent = (300 / w) * 100;
            $("div.mainImage img.main").css("width", "300px");
            $("div.mainImage img.main").css("height", (h * percent) / 100 + "px");

        }
        else {
            $("div.mainImage img.main").css("width", w + "px");
            $("div.mainImage img.main").css("height", h + "px");
            $("div.mainImage a").css("width", $("div.mainImage img.main").width() + "px");
        }*/
    },

    getImageSize: function(imgSrc, dim) {
        var newImg = new Image();
        var result;
        newImg.src = imgSrc;

        switch (dim) {
            case "width":
                result = newImg.width;
                break;
            case "height":
                result = newImg.height;
                break;
        }
        newImg = null;
        return result;
    }
}

$(document).ready(function() {

    $("div.mainImage img.main").ready(function() {
        if (Emap.getHiddenValue($("input.resizeImage")) == "true") {
            var mainImgUrl = $("div.mainImage img.main").attr("src");

            var width = Flickrator.getImageSize(mainImgUrl, "width");
            var height = Flickrator.getImageSize(mainImgUrl, "height");

            Flickrator.resizeMainImage(width, height);
        }
        $("div.mainImage img.main").css("visibility", "visible");
    });

    $("div.thumbnails ul.thumbImageList li").each(function(i) {
        $(this).addClass("item" + (i + 1));
        if (i >= 3) {
            $(this).hide();
        }
    });

    // If the current index is less than 1, which it will be onload
    // then disable the previous button because we will be at the start
    if (Flickrator.currentIndex < 1) {
        Flickrator.disableButton($("a.previousImage"));
    }

    // If there are less than 4 images in the gallery then we can disable
    // the next button from working as there are no more images on load.
    if ($("div.thumbnails ul.thumbImageList li").size() < 4) {
        Flickrator.disableButton($("a.nextImage"));
    }


    $("a.previousImage").bind("click", function() {
        Flickrator.showPreviousImage(); return false;
    });

    $("a.nextImage").bind("click", function() {
        Flickrator.showNextImage(); return false;
    });

    $("a.clickToEnlarge").bind("click", function() {
        Flickrator.popup(this);
        return false;
    });

    $("ul.thumbImageList li a").bind("click", function() {
        var massiveImagePath = Emap.trim(Emap.getHiddenValue($("input.pathToMassiveImage")), "/");

        if (Emap.getHiddenValue($("input.resizeImage")) == "true") {

            var width = Flickrator.getImageSize($(this).attr("href"), "width");
            var height = Flickrator.getImageSize($(this).attr("href"), "height");

            Flickrator.resizeMainImage(width, height);

            $("div.mainImage img.main").hide().attr("src", $(this).attr("href")).fadeIn("slow");
        }
        else {
            $("div.mainImage img.main").hide().attr("src", $(this).attr("href")).fadeIn("slow");
        }

        if (!($(this).find('img').attr('title')) ||
				$(this).find('img').attr('title') == "") {
            $("div.mainImage img.main").attr({ title: $(this).find('img').attr('alt'), alt: $(this).find('img').attr('alt') });
        } else {
            $("div.mainImage img.main").attr({ title: $(this).find('img').attr('title'), alt: $(this).find('img').attr('alt') });
        }

        var basehref = window.location.protocol + "//" + window.location.host;

        if (origImages.length) {
            var num = parseInt(($(this).parent().attr("class")).slice(4));
            $("div.flickrator a.clickToEnlarge").attr("href", (origImages[num - 1]));
        }
        else {
            $("div.flickrator a.clickToEnlarge").attr("href", (basehref + "/" + massiveImagePath + "/" + imageUrl));
        }
        // update image name of total
        $("div.imageNumbers").find("span").empty();
        $("div.imageNumbers").find("span").append(($(this).parent().attr("class")).slice(4));

        return false;
    });

});