var divLoader1;
//var divLoader2;
var imgPhoto1;
//var imgPhoto2;
var timeout1;
//var timeout2;

$(function() {
    divLoader1 = $("#divLoader1");
//    divLoader2 = $("#divLoader2");
    imgPhoto1 = $("#imgPhoto1");
//    imgPhoto2 = $("#imgPhoto2");

    var img1 = new Image();
    $(img1).load(function() { imgPhoto1.fadeIn('slow'); divLoader1.removeClass("loading"); }).attr("src", imgPhoto1.attr("src"));

    imgPhoto1.load(function() {
        $(this).fadeIn('slow');
        clearTimeout(timeout1);
        divLoader1.removeClass("loading");
        ResetTimer1();
    });

//    var img2 = new Image();
//    $(img2).load(function() { imgPhoto2.fadeIn('slow'); divLoader2.removeClass("loading"); }).attr("src", imgPhoto2.attr("src"));

//    imgPhoto2.load(function() {
//        $(this).fadeIn('slow');
//        clearTimeout(timeout2);
//        divLoader2.removeClass("loading");
//        ResetTimer2();
//    });

    ResetTimer1();
//    ResetTimer2();

    $("a.photo-thumb.thumbs1").click(function() {
        LoadPhoto1($(this));
    });

//    $("a.photo-thumb.thumbs2").click(function() {
//        LoadPhoto2($(this));
//    });

    $("#imgMapSmall1, #aMap1").click(function() {
        pageTracker._trackPageview("/how_to_come1");
        $("#divMapPopup1 .route span").removeClass("active");
        $("#imgMapUpper1").hide();
        $("#divMapPopup1").fadeIn();
        return false;
    });

//    $("#imgMapSmall2, #aMap2").click(function() {
//        pageTracker._trackPageview("/how_to_come2");
//        $("#divMapPopup2 .route span").removeClass("active");
//        $("#imgMapUpper2").hide();
//        $("#divMapPopup2").fadeIn();
//        return false;
//    });

    $("#divMapPopup1 .route span").click(function() {
        if ($(this).hasClass("active")) {
            $("#divMapPopup1 .route span").removeClass("active");
            $("#imgMapUpper1").hide();
        }
        else {
            $("#divMapPopup1 .route span").removeClass("active");
            $("#imgMapUpper1").attr("src", "/img/map/1/" + $(this).attr("class") + ".png").show();
            $(this).addClass("active");
        }
    });

//    $("#divMapPopup2 .route span").click(function() {
//        if ($(this).hasClass("active")) {
//            $("#divMapPopup2 .route span").removeClass("active");
//            $("#imgMapUpper2").hide();
//        }
//        else {
//            $("#divMapPopup2 .route span").removeClass("active");
//            $("#imgMapUpper2").attr("src", "/img/map/2/" + $(this).attr("class") + ".png").show();
//            $(this).addClass("active");
//        }
//    });
});

function ResetTimer1() {
    $(document).stopTime("timer1");
    $(document).everyTime("10s", "timer1", function(i) {
        var nextThumb = $("a.photo-thumb.thumbs1.on").next("a.photo-thumb.thumbs1");
        if (nextThumb[0] != null)
            LoadPhoto1(nextThumb);
        else
            LoadPhoto1($("a.photo-thumb.thumbs1:first"));
    });
}

//function ResetTimer2() {
//    $(document).stopTime("timer2");
//    $(document).everyTime("10s", "timer2", function(i) {
//        var nextThumb = $("a.photo-thumb.thumbs2.on").next("a.photo-thumb.thumbs2");
//        if (nextThumb[0] != null)
//            LoadPhoto2(nextThumb);
//        else
//            LoadPhoto2($("a.photo-thumb.thumbs2:first"));
//    });
//}

function LoadPhoto1(thumb) {
    var photoSrc = thumb.children("img").attr("src").replace("/thumbs", "");
    $("a.photo-thumb.thumbs1.on").removeClass("on");
    thumb.addClass("on");

    imgPhoto1.fadeOut('slow', function() {
        timeout1 = setTimeout("divLoader1.addClass('loading')", 300);
        imgPhoto1.attr("src", photoSrc);
    });
}

//function LoadPhoto2(thumb) {
//    var photoSrc = thumb.children("img").attr("src").replace("/thumbs", "");
//    $("a.photo-thumb.thumbs2.on").removeClass("on");
//    thumb.addClass("on");

//    imgPhoto2.fadeOut('slow', function() {
//        timeout2 = setTimeout("divLoader2.addClass('loading')", 300);
//        imgPhoto2.attr("src", photoSrc);
//    });
//}