/// <reference path="json2.js" />
/// <reference path="enviro.js" />
/// <reference path="jquery-1.3.2.js" />
/// <reference path="jquery.ajaxdotnet.3.1.js" />

var nCurrentHomepageTime = 0;
var nCurrentDisplayImage = 1;
var nHomepageSwitchTime = 15;
var homepageImageSwitchIsPaused = false;

function toggleHomePageImage(ImgNo) {

    $("#content").css("background-image", "url(homepage-mages/image" + ImgNo + ".p2ng)");

    
    resetHomepageTime();

}

function resetHomepageTime() {
    nCurrentHomepageTime = 0;
}

function doHomePageSwitcheroo() {

    if (homepageImageSwitchIsPaused) {
        setTimeout("doHomePageSwitcheroo()", 1000);
        return;
    }

    if (nCurrentHomepageTime == nHomepageSwitchTime) {

        if (nCurrentDisplayImage == 4) {
            nCurrentDisplayImage = 1;
        } else {
            nCurrentDisplayImage += 1;
        }

        toggleHomePageImage(nCurrentDisplayImage);

    } else {
        nCurrentHomepageTime += 1;
    }

    setTimeout("doHomePageSwitcheroo()", 1000);

}

function getPageName() {
    var sPath = window.location.pathname;
    //var sPage = sPath.substring(sPath.lastIndexOf('\\') + 1);
    var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
    return sPage;
}

function initHomepageImage() {

    if (getPageName() == "" || getPageName() == "default.aspx" || getPageName() == "default.asp") {

        $("#content").css("background-image", "url(images/homepage-images/image1.png)");
        $("#lnk1").addClass("active");

        $("#lnk1").click(function() {
        $("#content").css("background-image", "url(images/homepage-images/image1.png)");
            $("#lnk1").removeClass("active");
            $("#lnk2").removeClass("active");
            $("#lnk3").removeClass("active");
            $("#lnk4").removeClass("active");
            $("#lnk1").addClass("active");
        });

        $("#lnk2").click(function() {
        $("#content").css("background-image", "url(images/homepage-images/image2.png)");
            $("#lnk1").removeClass("active");
            $("#lnk2").removeClass("active");
            $("#lnk3").removeClass("active");
            $("#lnk4").removeClass("active");
            $("#lnk2").addClass("active");
        });

        $("#lnk3").click(function() {
        $("#content").css("background-image", "url(images/homepage-images/image3.png)");
            $("#lnk1").removeClass("active");
            $("#lnk2").removeClass("active");
            $("#lnk3").removeClass("active");
            $("#lnk4").removeClass("active");
            $("#lnk3").addClass("active");
        });

        $("#lnk4").click(function() {
        $("#content").css("background-image", "url(images/homepage-images/image4.png)");
            $("#lnk1").removeClass("active");
            $("#lnk2").removeClass("active");
            $("#lnk3").removeClass("active");
            $("#lnk4").removeClass("active");
            $("#lnk4").addClass("active");
        });

        doHomePageSwitcheroo();

    }

}


function GetTimetable(iDay, type) {
    if (type == null) type = 0;

    if ($('#timetableTop').length == 0) return;

    var myDays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday", "All"];
    $('#timetable tbody').find('tr').remove();
    $('#timetable-loading').show();
    $.ajaxDotNet("/WebServices/Service.asmx/GetLatestTimetable", {
        verb: "GET",
        data: {
            day: myDays[iDay],
            type: type
        },
        success: function(obj) {
            if (obj.d !== undefined && obj.d.length > 0) {
                $('#timetable-loading').hide();
                $('#timetable tbody').find('tr').remove();
                $('#timetable tbody').append(obj.d);
            }
        }
    });

    $('#PPtimetable tbody').find('tr').remove();
    $('#timetable-loading').show();
    $.ajaxDotNet("/WebServices/Service.asmx/GetLatestPPTimetable", {
        verb: "GET",
        data: {
            day: myDays[iDay],
            type: type
        },
        success: function (obj) {
            if (obj.d !== undefined && obj.d.length > 0) {
                $('#timetable-loading').hide();
                $('#PPtimetable tbody').find('tr').remove();
                $('#PPtimetable tbody').append(obj.d);
            }
        }
    });
}

$(document).ready(
	function () {

	    initHomepageImage();

	    var my_day = new Date();
	    GetTimetable(my_day.getDay());

	    switch (my_day.getDay()) {
	        case 1:
	            $(".mon a").addClass('active');
	            break;
	        case 2:
	            $(".tues a").addClass('active');
	            break;
	        case 3:
	            $(".weds a").addClass('active');
	            break;
	        case 4:
	            $(".thurs a").addClass('active');
	            break;
	        case 5:
	            $(".fri a").addClass('active');
	            break;
	        case 6:
	            $(".sat a").addClass('active');
	            break;
	        case 7:
	            $(".sun a").addClass('active');
	            break;
	    }



	    $('#powerplate_slides a').lightBox();
	    $('#graph1 a').lightBox();
	    $('.subFeature #theMap').lightBox();
	    $('#cshowmap').lightBox();



	    //Create the days links and wire them up to the Timetable service
	    $('#timetableTop ul li a').click(function (e) {
	        $("#tab1").removeClass("powerplate_selected").addClass("powerplate_unselected");
	        $("#tab2").removeClass("powerplate_selected").addClass("powerplate_unselected");

	        if ($(this).parent().hasClass("print-full")) {
	            //Open the printable timetable
	            e.preventDefault();
	            $('#timetableTop ul li a').removeClass('active');
	            var iDay = 8;
	            GetTimetable(iDay);
	            $(this).addClass('active');
	            setTimeout("window.print();", 3000);
	        }
	        else {
	            e.preventDefault();
	            $('#timetableTop ul li a').removeClass('active');
	            var iDay = $(this).attr('rel');
	            GetTimetable(iDay);
	            $(this).addClass('active');
	        }
	    });

	    // Thomas - Select by Type
	    $('#timetable').click(function (e) {
	        if ($(e.target).hasClass("square2")) {
	            if ($(e.target).html() != "") {
	                var next = $(e.target).html();
	            } else {
	                var next = $(e.target).parent().next("td").html();
	            }
	            GetTimetable(8, next);
	        }
	    });

	    $('.powerplate_tab').click(function (e) {
	        var selected = $("#timetableTop ul li a.active").attr("rel");
	        if (selected === undefined) {
	            var my_day = new Date()
	            selected = my_day.getDay();
	        }

	        if ($(this).attr("id") == "tab1") {
	            $("#tab1").removeClass("powerplate_unselected").addClass("powerplate_selected");
	            $("#tab2").removeClass("powerplate_selected").addClass("powerplate_unselected");
	            GetTimetable(selected, "peak");
	        } else {
	            $("#tab1").removeClass("powerplate_selected").addClass("powerplate_unselected");
	            $("#tab2").removeClass("powerplate_unselected").addClass("powerplate_selected");
	            GetTimetable(selected, "off peak");
	        }


	    });


	    // personal trainer tab

	    $(".tabbed a").mouseover(function () {

	        var id = $(this).attr("id");
	        id = id.replace("t", "");
	        if (id != "") {

	            for (i = 1; i < 8; i++) {
	                $("#tab" + i).css("display", "none");
	                $(".tabbed #" + i).removeClass("tselected");
	            }
	            $("#tab" + id).toggle();
	            $(".tabbed #" + id).addClass("tselected");

	            var allImages = $('.tabbed a img');
	            var img = new Array();

	            for (i = 0; i < allImages.length; i++) {
	                var rep = $(allImages[i]).attr("src").replace("c.", ".");   // improve.
	                $(allImages[i]).attr("src", rep);
	            }

	            var src = $("#i" + id).attr("src");
	            var newimg = "";
	            var src = src.split("/");
	            var img = src[src.length - 1];
	            var img = img.split(".");
	            img[0] = img[0] + "c";

	            for (i = 0; i < src.length - 1; i++) newimg = newimg + src[i] + "/";
	            newimg = newimg + img[0] + "." + img[1];

	            $("#i" + id).attr("src", newimg);
	            $(".tabbed #" + id).css("color", "#fff200");

	        }

	    });


	    $(".tabbed a").mouseout(function () {

	        var id = $(this).attr("id");
	        id = id.replace("t", "");

	        $(".tabbed #" + id).css("color", "#fff");

	    });


	    // image mouse over, simply adds or removes "c" from image name to colour. 

	    $('.smlTab').mouseover(function () {
	        var src = $(this).find("img").attr("src");
	        var newimg = "";
	        var src = src.split("/");
	        var img = src[src.length - 1];
	        var img = img.split(".");
	        img[0] = img[0] + "c";

	        for (i = 0; i < src.length - 1; i++) newimg = newimg + src[i] + "/";
	        newimg = newimg + img[0] + "." + img[1];

	        $(this).find("img").attr("src", newimg);
	        $(this).find("p").css("color", "#fff200");

	    });

	    $('.smlTab').mouseout(function () {
	        var src = $(this).find("img").attr("src");
	        var newimg = "";
	        var src = src.split("/");
	        var img = src[src.length - 1];
	        var img = img.split(".");
	        img[0] = img[0].substring(0, img[0].length - 1);

	        for (i = 0; i < src.length - 1; i++) newimg = newimg + src[i] + "/";
	        newimg = newimg + img[0] + "." + img[1];

	        $(this).find("img").attr("src", newimg);
	        $(this).find("p").css("color", "#fff");

	    });

	    $('.smlTab').click(function () {
	        var src = $(this).find("img").attr("id");
	        location.href = "/treatments.aspx?id=" + src;
	    });

	}
)

	function doMail(username, domain, subject) {


	}

	/*========================[ New Stuff ]======================*/

	$(document).ready(function () {

	    //ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	    $('.accordionButton').click(function () {

	        //REMOVE THE ON CLASS FROM ALL BUTTONS
	        $('.accordionButton').removeClass('on');

	        //NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	        $('.accordionContent').slideUp('normal');

	        //IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
	        if ($(this).next().is(':hidden') == true) {

	            //ADD THE ON CLASS TO THE BUTTON
	            $(this).addClass('on');

	            //OPEN THE SLIDE
	            $(this).next().slideDown('normal');
	        }

	    });


	    /*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/

	    //ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER 
	    $('.accordionButton').mouseover(function () {
	        $(this).addClass('over');

	        //ON MOUSEOUT REMOVE THE OVER CLASS
	    }).mouseout(function () {
	        $(this).removeClass('over');
	    });

	    /*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/


	    /********************************************************************************************************************
	    CLOSES ALL S ON PAGE LOAD
	    ********************************************************************************************************************/
	    $('.accordionContent').hide();

	});