/// <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(
            {
        },
            {
                dataSource: 'picasa',
                dataSourceOptions: {
                    user: 'captnbutcher',
                    setTitle: false,
                    imagesMaxSize: 800
                },
                onLoadComplete: function () {
                    $("li").each(function () {
                        $(this).css("float", "left");
                        var t = $(this).find("img").attr("title");
                        $(this).append(t);
                    });
                }
            }
           );
    $(".verticalImageContainer").yoxview(
            {
            
        });
});

        


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

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

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