﻿$(document).ready(function () {

    var blnAboutUs = false;
    var blnAcademics = false;
    var blnAdmissions = false;
    var blnNewsAndViews = false;
    var blnStudentLife = false;

    function ActionAboutUs(event) {
        if (!blnAboutUs) {
            blnAboutUs = true;
            $("#imgAboutUs").css("height", "120px");
            $("#imgAboutUs").css("width", "250px");
            $("#imgAboutUs").css("top", "0px");
            $("#imgAboutUs").css("left", "0px");
            $("#imgAboutUs").css("opacity", "1.0");
            $("#imgAboutUs").animate({ "top":-10, "height": 220, "width": 458, "left": -205 }, 5000, "easeInOutQuart", null);
            $("#imgAboutUs").animate({ "opacity": 0 }, 1000, "linear", null);
            $("#imgAboutUs").animate({ "top":0, "height": 120, "width": 250, "left": 0 }, 0, "linear", null);
            $("#imgAboutUs").animate({ "opacity": 1 }, 1000, "linear", function(){blnAboutUs = false;});
        }
    }

    function ActionNewsAndViews(event) {
        if (!blnNewsAndViews) {
            blnNewsAndViews = true;
            $("#imgNewsAndViews").css("top", "0px");
            $("#imgNewsAndViews").css("left", "0px");
            $("#imgNewsAndViews").css("opacity", "1.0");
            $("#imgNewsAndViews").animate({ "left": -346, }, 6500, "linear", null);
            $("#imgNewsAndViews").animate({ "opacity": 0 }, 1000, "linear", null);
            $("#imgNewsAndViews").animate({ "left": 0 }, 0, "linear", null);
            $("#imgNewsAndViews").animate({ "opacity": 1 }, 1000, "linear", function(){blnNewsAndViews = false;});
        }
    }

    function ActionAcademics(event) {
        if (!blnAcademics) {
            blnAcademics = true;
            $("#imgAcademics").css("top", "0px");
            $("#imgAcademics").css("opacity", "1.0");
            $("#imgAcademics").animate({ "top": -58, }, 3500, "linear", null);
            $("#imgAcademics").animate({ "opacity": 0 }, 1000, "linear", null);
            $("#imgAcademics").animate({ "top": 0 }, 0, "linear", null);
            $("#imgAcademics").animate({ "opacity": 1 }, 1000, "linear",  function(){blnAcademics = false;});
            //window.setTimeout(ResetAcademics, 1500);
        }
    }

    function ActionAdmissions(event) {
        if (!blnAdmissions) {
            blnAdmissions = true;
            $("#imgAdmissions").css("top", "0px");
            $("#imgAdmissions").css("left", "0px");
            $("#imgAdmissions").css("opacity", "1.0");
            $("#imgAdmissions").animate({ "left": -313, }, 7500, "linear", null);
            $("#imgAdmissions").animate({ "opacity": 0 }, 1000, "linear", null);
            $("#imgAdmissions").animate({ "left": 0 }, 0, "linear", null);
            $("#imgAdmissions").animate({ "opacity": 1 }, 1000, "linear",  function(){blnAdmissions = false;});
            //window.setTimeout(ResetAdmissions, 1500);
        }
    }

    function ActionStudentLife(event) {
        if (!blnStudentLife) {
            blnStudentLife = true;
            $("#imgStudentLife").css("top", "0px");
            $("#imgStudentLife").css("opacity", "1.0");
            $("#imgStudentLife").animate({ "top": -182, }, 4500, "linear", null);
            $("#imgStudentLife").animate({ "opacity": 0 }, 1000, "linear", null);
            $("#imgStudentLife").animate({ "top": 0 }, 0, "linear", null);
            $("#imgStudentLife").animate({ "opacity": 1 }, 1000, "linear",  function(){blnStudentLife = false;});
           // window.setTimeout(ResetStudentLife, 1500);
        }
    }

    function ResetAboutUs()         { blnAboutUs = false; }
    function ResetAcademics()       { blnAcademics = false; }
    function ResetAdmissions()      { blnAdmissions = false; }
    function ResetStudentLife()     { blnStudentLife = false; }
    function ResetNewsAndViews()    { blnNewsAndViews = false; }

    $('#HPContainer1').bind('mouseover', ActionAboutUs);
    $('#HPContainer2').bind('mouseover', ActionNewsAndViews);
    $('#HPContainer3').bind('mouseover', ActionAcademics);
    $('#HPContainer4').bind('mouseover', ActionAdmissions);
    $('#HPContainer5').bind('mouseover', ActionStudentLife);
});
