// JavaScript Document
function gotoproject(image) {
    
    if (image.src == "http://theges.com/beta/images/slider/slider1.jpg")
    {
        // UMCP Physical Sciences Complex (#102)
        window.open("?page=project&q=102", "_self");
    }
    else if (image.src == "http://theges.com/beta/images/slider/slider2.jpg") {
        // 13th Floor North Corridor Laboratory Renovations, Building 10  (#59)
        window.open("?page=project&q=159", "_self");
    }
    else if (image.src == "http://theges.com/beta/images/slider/slider3.jpg") {
        // Campus-Wide Solar Panel Installation  (#132)
        window.open("?page=project&q=132", "_self");
    }
    else if (image.src == "http://theges.com/beta/images/slider/slider4.jpg") {
        // Interventional Radiology Department and Shock Trauma Center Renovations   (#123)
        window.open("?page=project&q=123", "_self");
    }
    else if (image.src == "http://theges.com/beta/images/slider/slider5.jpg") {
        // Democratic National Committee Headquarters   (#186)
        window.open("?page=project&q=186", "_self");
    }
    else if (image.src == "http://theges.com/beta/images/slider/slider6.jpg") {
        // New 600+ Bed Mixed Use Residence Hall and Retail C...   (#116)
        window.open("?page=project&q=116", "_self");
    }

    
}


$(document).ready(function () {

    // set global variable
    slidenum = 2;

    setInterval(function () {
        // Do something every 5 seconds

        //var randnum = Math.floor(Math.random()*11) + 1;
        //var trigger = "#trigger" + randnum + "inactive";

        var trigger = "#trigger" + slidenum + "inactive";
        $(trigger).click();

        slidenum++;

        if (slidenum == 7) {
            slidenum = 1;
        }
    }, 7000);

    $('#sliderimage').click(function () {
        gotoproject(this) ;
    });

    $("#trigger1inactive").click(function () {
        $("#sliderimage").ImageSwitch({ Type: "FlipOut", NewImage: "images/slider/slider1.jpg" });

        $(this).css("display", "none");
        $("#trigger1").css("display", "inline");

        $("#trigger2").css("display", "none");
        $("#trigger2inactive").css("display", "inline");

        $("#trigger3").css("display", "none");
        $("#trigger3inactive").css("display", "inline");

        $("#trigger4").css("display", "none");
        $("#trigger4inactive").css("display", "inline");

        $("#trigger5").css("display", "none");
        $("#trigger5inactive").css("display", "inline");

        $("#trigger6").css("display", "none");
        $("#trigger6inactive").css("display", "inline");
    });

    $("#trigger2inactive").click(function () {
        $("#sliderimage").ImageSwitch({ Type: "FlipOut", NewImage: "images/slider/slider2.jpg" });

        $(this).css("display", "none");
        $("#trigger2").css("display", "inline");

        $("#trigger1").css("display", "none");
        $("#trigger1inactive").css("display", "inline");

        $("#trigger3").css("display", "none");
        $("#trigger3inactive").css("display", "inline");

        $("#trigger4").css("display", "none");
        $("#trigger4inactive").css("display", "inline");

        $("#trigger5").css("display", "none");
        $("#trigger5inactive").css("display", "inline");

        $("#trigger6").css("display", "none");
        $("#trigger6inactive").css("display", "inline");
    });

    $("#trigger3inactive").click(function () {
        $("#sliderimage").ImageSwitch({ Type: "FlipOut", NewImage: "images/slider/slider3.jpg" });

        $(this).css("display", "none");
        $("#trigger3").css("display", "inline");

        $("#trigger1").css("display", "none");
        $("#trigger1inactive").css("display", "inline");

        $("#trigger2").css("display", "none");
        $("#trigger2inactive").css("display", "inline");

        $("#trigger4").css("display", "none");
        $("#trigger4inactive").css("display", "inline");

        $("#trigger5").css("display", "none");
        $("#trigger5inactive").css("display", "inline");

        $("#trigger6").css("display", "none");
        $("#trigger6inactive").css("display", "inline");
    });

    $("#trigger4inactive").click(function () {
        $("#sliderimage").ImageSwitch({ Type: "FlipOut", NewImage: "images/slider/slider4.jpg" });

        $(this).css("display", "none");
        $("#trigger4").css("display", "inline");

        $("#trigger1").css("display", "none");
        $("#trigger1inactive").css("display", "inline");

        $("#trigger2").css("display", "none");
        $("#trigger2inactive").css("display", "inline");

        $("#trigger3").css("display", "none");
        $("#trigger3inactive").css("display", "inline");

        $("#trigger5").css("display", "none");
        $("#trigger5inactive").css("display", "inline");

        $("#trigger6").css("display", "none");
        $("#trigger6inactive").css("display", "inline");
    });

    $("#trigger5inactive").click(function () {
        $("#sliderimage").ImageSwitch({ Type: "FlipOut", NewImage: "images/slider/slider5.jpg" });

        $(this).css("display", "none");
        $("#trigger5").css("display", "inline");

        $("#trigger1").css("display", "none");
        $("#trigger1inactive").css("display", "inline");

        $("#trigger2").css("display", "none");
        $("#trigger2inactive").css("display", "inline");

        $("#trigger3").css("display", "none");
        $("#trigger3inactive").css("display", "inline");

        $("#trigger4").css("display", "none");
        $("#trigger4inactive").css("display", "inline");

        $("#trigger6").css("display", "none");
        $("#trigger6inactive").css("display", "inline");
    });

    $("#trigger6inactive").click(function () {
        $("#sliderimage").ImageSwitch({ Type: "FlipOut", NewImage: "images/slider/slider6.jpg" });

        $(this).css("display", "none");
        $("#trigger6").css("display", "inline");

        $("#trigger1").css("display", "none");
        $("#trigger1inactive").css("display", "inline");

        $("#trigger2").css("display", "none");
        $("#trigger2inactive").css("display", "inline");

        $("#trigger3").css("display", "none");
        $("#trigger3inactive").css("display", "inline");

        $("#trigger5").css("display", "none");
        $("#trigger5inactive").css("display", "inline");

        $("#trigger4").css("display", "none");
        $("#trigger4inactive").css("display", "inline");
    });

});