/// <reference path="jquery-1.4.1-vsdoc.js" />
$(document).ready(function () {
    $(".sidebox").mouseover(function () {
        $(this).css("marginTop", 1);
        var h2 = $(this).find("h2");
        if ($(this).attr("id") == "boxFishing") {
            h2.text("Lets Go Fishing!")
        } else {
            h2.text("Start Relaxing Now!")
        }
        h2.css("textDecoration", "underline");
    }).mouseleave(function () {
        $(this).css("marginTop", 0);
        var h2 = $(this).find("h2");
        if ($(this).attr("id") == "boxFishing") {
            h2.text("Fishing Charters")
        } else {
            h2.text("Waterfront Lodging")
        }
        h2.css("textDecoration", "none");
    }).mousedown(function () {
        $(this).css("marginTop", 2);
    }).mouseup(function () {
        $(this).css("marginTop", 1);
    }).click(function () {
        if ($(this).attr("id") == "boxFishing") {
            if ($("#innerMain").css("left") != "-775px") {
                GoToDefault();
            } else {
                GoToCharters();
            }
        } else {
            if ($("#innerMain").css("left") != "-775px") {
                GoToDefault();
            } else {
                GoToLodging();
            }
        }
    });
});

$(document).ready(function() {
    $("#chartersGallery").yoxview(
        {
            dataUrl: 'http://picasaweb.google.com/captnbutcher',
            dataSourceOptions: {
                imgmax: 800,
                setThumbnail: true
            },
            thumbnailsOptions: {
                setTitles: true,
                setDescriptions: false,
                thumbnailsClass: "thumbnail"
            },
            onLoadComplete: function() {
            $(".thumbnail").each(function() {
                    var w = $("<div/>").css("width", "150px").css("float", "left").css("height", "175px");
                    //var t = $(this).find("img").attr("title").text();
                    //var d = $("<div/>").text(t);
                    $(this).wrap("<li/>").wrap(w);
                    $(this).find("span").prepend("<br/>");
                });
            },
            onLoadError: function(err) {
                var er = err;
            },
            onNoData: function() {
                var dn;
            }
        });
});

        


function GoToCharters() {
    $("#innerMain").animate({ 'left': '-0px' }, 500);
}

function GoToLodging() {
    $("#innerMain").animate({ 'left': '-1530px' }, 500);
}

function GoToDefault() {
    $("#innerMain").animate({ 'left': '-775px' }, 500);
}