// JavaScript Document
$(function($) {
    if (jQuery.browser.safari)
        $("body").css({ backgroundColor: "#87CEFA" });    // yellow: #ce0000, Light sky blue:#87CEFA
    function randomBetween(a, b) {
        rndNumber = a + Math.floor(Math.random() * (b - a + 1));
        return rndNumber;
    }
    function randomBackground() {
        var imagesInFolder = [9, 3, 0];
        var folder = randomBetween(0, 1);
        var d = new Date();
        var year = d.getDay();
        var today = d.getDate();
        var thisMonth = d.getMonth() + 1;
        if (today > 20 && thisMonth == 12) {
            folder = 2;
        }
        var image = randomBetween(0, imagesInFolder[folder]);
        // var bgndUrl = "media/bgnd/" + folder + "/bgnd" + image + ".jpg";
        var bgndUrl = "media/bgnd/0/bgnd1.jpg";       
        $("#siteBgnd").css({ backgroundImage: "url(" + bgndUrl + ")" });
        switch (folder) {
            case 0:
                //$("#siteBgnd").css({ backgroundPosition: "top left" });
                $("#siteBgnd").css({ backgroundPosition: "top right" });
                return;
            case 1:
                $("#siteBgnd").css({ backgroundPosition: "top right" });
                return;
            default:
                $("#siteBgnd").css({ backgroundPosition: "top right" });
                return;
        }
    }
    // randomBackground();
    $('#navigation').scrollTo($("#home"), { axis: 'xy' });
    //$('.container').jScrollPane({scrollbarWidth:10, scrollbarMargin:30});
    var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
    $("img[@src$=png]").pngfix({
        sizingMethod: "scale"
    });
    $("TD").pngfix({
        sizingMethod: "scale"
    });
    var hasMap = false;
    var $last = $('#menu').find(".selected");
    var durationTime = 1000;
    var wwaLoc = '<iframe class="googleMap" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/"></iframe>';
    $.localScroll({
        target: $('#navigation'),
        queue: true,
        axis: 'xy',
        duration: durationTime,
        hash: false,
        onBefore: function(e, anchor, $target) {//'this' is the clicked link
            //randomBackground();
            var theAncor = $(this).attr("href");
            if (theAncor.indexOf("whereweare") > -1) {
                if (!hasMap) {
                    setTimeout(function() { $(theAncor).html(wwaLoc) }, 800);
                    hasMap = true;
                }
            } else {
                $("#whereweare").html("");
                hasMap = false;
            }
            $last.removeClass('selected');
            $last = $(this).addClass('selected');
            this.blur(); //remove the awful outline
        }
    });
});