﻿$(document).ready(function () {
    var arr = ["print_hover.png", "samples_hover.png", "man_hover.png", "original_hover.png", "donate_hover.png", "dog_portrait_hover.png"];
    for (var i = 0; i < arr.length; i++) {
        Preload_Image = new Image();
        Preload_Image.src = "/Content/Images/" + arr[i];
    }
    $("#print").hover(function () {
        $(this).attr("src", "/Content/Images/print_hover.png");
    }, function () { $(this).attr("src", "/Content/Images/print_samples.png"); });
    $("#samples").hover(function () {
        $(this).attr("src", "/Content/Images/samples_hover.png");
    }, function () { $(this).attr("src", "/Content/Images/samples_normal.png"); });
    $("#original").hover(function () {
        $(this).attr("src", "/Content/Images/original_hover.png");
    }, function () { $(this).attr("src", "/Content/Images/original_art.png"); });
    $("#man").hover(function () {
        $(this).attr("src", "/Content/Images/man_hover.png").css({ top: "-102px", left: "182px" });
    }, function () { $(this).attr("src", "/Content/Images/man_normal.png").css({ top: "-88px", left: "170px" }); });
    $("#about").hover(function () {
        $(this).attr("src", "/Content/Images/about_hover.png").css({ top: "8px", right: "46px" });
    }, function () { $(this).attr("src", "/Content/Images/more.png").css({ top: "8px", right: "46px" }); });
    $("#portrait").hover(function () {
        $(this).attr("src", "/Content/Images/dog_portrait_hover.png");
    }, function () { $(this).attr("src", "/Content/Images/dog_portrait_normal.png"); });

    $("#donate").hover(function () {
        $(this).attr("src", "/Content/Images/donate_hover.png").css({ right: "-5px", top: "18px" });
    }, function () { $(this).attr("src", "/Content/Images/donate.png").css({ right: "-10px", top: "16px" }); });
    $("#image-container").fadeOut(0);

    $("#portrait").click(function () {
        $("#image-container").fadeIn(300);
    });
    $("#close_button").click(function () {
        $("#image-container").fadeOut(300);
    });


});
