var isEnterSliding = false;
var isLeaveSliding = false;

$(document).ready(function() {
    //if ($(".sf_wrapper").length > 0 && $.browser.msie) return;

    var selectedImage = "";
    var originalImage = "";

    $("#petsdogImage").hide();
    $("#petscatImage").hide();
    $("#petssmallpetsImage").hide();
    $("#petsallImage").hide();

    if ($("#petdog").attr('class') == "active") {
        selectedImage = "#petsdogImage";
        originalImage = "#petsdogImage";
    }
    else if ($("#petcats").attr('class') == "active") {
        selectedImage = "#petscatImage";
        originalImage = "#petscatImage";
    }
    else if ($("#petsmallpets").attr('class') == "active") {
        selectedImage = "#petssmallpetsImage";
        originalImage = "#petssmallpetsImage";
    }
    else {
        selectedImage = "#petsallImage";
        originalImage = "#petsallImage";
    }

    $(selectedImage).show();

    var slideDelay = 350;

    var banner = Math.floor(Math.random() * 58) + 1;
    var cssObj = { 'background-image': 'url(/images/banner/bosleys_banner_' + myFormat(banner) + '.jpg)' };

    $("#header.base").css(cssObj);
    $("#wrapper.base").show();

    // make entire CTA item clickable (not just the little arrow)
    $("#sidebar .ctaList li").click(function() {
        location = $(this).children("a").attr("href");
    });
    $("#sidebar .ctaList li").mouseover(function() {
        $(this).addClass('showpointer');
        $(this).children("a").attr({ 'class': "ctahover" });
    });
    $("#sidebar .ctaList li").mouseout(function() {
        $(this).removeClass('showpointer');
        $(this).children("a").attr({ 'class': "ctaover" });
    });

    $("#petdog").mouseenter(function(event) {
        if (isEnterSliding) return;
        if (selectedImage != "#petsdogImage") {
            isEnterSliding = true;
            $(selectedImage).hide("slide", { direction: "left" }, slideDelay);
            $("#petsdogImage").show("slide", { direction: "right" }, slideDelay, enterSlideFinished);
            selectedImage = "#petsdogImage";
        }
    });
    $("#petcats").mouseenter(function(event) {
        if (isEnterSliding) return;
        if (selectedImage != "#petscatImage") {
            isEnterSliding = true;
            $(selectedImage).hide("slide", { direction: "left" }, slideDelay);
            $("#petscatImage").show("slide", { direction: "right" }, slideDelay, enterSlideFinished);
            selectedImage = "#petscatImage";
        }
    });
    $("#petsmallpets").mouseenter(function(event) {
        if (isEnterSliding) return;
        if (selectedImage != "#petssmallpetsImage") {
            isEnterSliding = true;
            $(selectedImage).hide("slide", { direction: "left" }, slideDelay);
            $("#petssmallpetsImage").show("slide", { direction: "right" }, slideDelay, enterSlideFinished);
            selectedImage = "#petssmallpetsImage";
        }
    });

    $("#petdog").mouseleave(function(event) {
        if (isLeaveSliding) return;
        if (originalImage != "#petsdogImage") {
            isLeaveSliding = true;
            $("#petsdogImage").hide("slide", { direction: "left" }, slideDelay);
            $(originalImage).show("slide", { direction: "right" }, slideDelay, leaveSlideFinished);
            selectedImage = originalImage;
        }
    });

    $("#petcats").mouseleave(function(event) {
        if (isLeaveSliding) return;
        if (originalImage != "#petscatImage") {
            isLeaveSliding = true;
            $("#petscatImage").hide("slide", { direction: "left" }, slideDelay);
            $(originalImage).show("slide", { direction: "right" }, slideDelay, leaveSlideFinished);
            selectedImage = originalImage;
        }
    });

    $("#petsmallpets").mouseleave(function(event) {
        if (isLeaveSliding) return;
        if (originalImage != "#petssmallpetsImage") {
            isLeaveSliding = true;
            $("#petssmallpetsImage").hide("slide", { direction: "left" }, slideDelay);
            $(originalImage).show("slide", { direction: "right" }, slideDelay, leaveSlideFinished);
            selectedImage = originalImage;
        }
    });
});

function myFormat(num) {
    if (num < 10) {
        return "0" + num;
    }
    else
        return num;
}

function enterSlideFinished() {
    isEnterSliding = false;
}

function leaveSlideFinished() {
    isLeaveSliding = false;
}