// Image Preload (Custom)

function preloadImages()
{
    if (document.images)
    {
        imageObject = new Image();

        imagePath = new Array();
        imagePath[0] = "../../App_Themes/Hubers/Images/makeareservation.png";
        imagePath[1] = "../../App_Themes/Hubers/Images/makeareservationover.png";
        imagePath[2] = "../../App_Themes/Hubers/Images/twitter.png";
        imagePath[3] = "../../App_Themes/Hubers/Images/twitter-over.png";
        imagePath[4] = "../../App_Themes/Hubers/Images/facebook.png";
        imagePath[5] = "../../App_Themes/Hubers/Images/facebook-over.png";

        var i = 0;
        for (i = 0; i <= 5; i++)
        {
            imageObject.src = imagePath[i];
        }
    }
    else
    {
        return;
    }
}

// Image Rollovers (Standard)

function rollImage(imgName, imgSrc)
{
    document[imgName].src = imgSrc;
}

/* Begin MOR Reservation System */
google.load("jqueryui", "1.7.2");
google.load("swfobject", "2.2");

var urlStr = "http://www.myonlinereservations.com:82/component/";
var attrs = { id: "ReservationWidget", name: "ReservationWidget", align: "middle" };
var params = { wmode: "transparent", bgcolor: "#000000", allowscriptaccess: "always", quality: "high" };
var flashvars = { rid: "f963ad38-b1c5-4a83-bb3f-c1ef8764b6a0", analyticsID: "UA-8961365-1", phone: "503-228-5686" };

function initialize()
{
    jQuery('#dlgComp').hide().addClass('smoothness').dialog
            ({
                autoOpen: false,
                modal: true,
                resizable: false,
                width: 766,
                height: 465,
                close: function(event, ui)
                {
                    jQuery('#dlgComp').html('');
                    jQuery('#container').hide();
                }
            });
    jQuery('#container').hide();
}
function showComp()
{
    jQuery('#container').show();
    if (swfobject.hasFlashPlayerVersion("6.0.65"))
    {
        swfobject.embedSWF(urlStr + "ReservationWidget.swf", "rescompcontainer", "100%", "100%", "6.0.65", "", flashvars, params, attrs);
    }
    else
    {
        var htmlURL = urlStr + "HTMLComponentHolder.aspx?rid=" + flashvars.rid;
        jQuery('#dlgComp').html('<iframe id="modalIframeId" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto" />').dialog("open").parents(".ui-dialog:first").find(".ui-dialog-titlebar").hide();
        jQuery('#modalIframeId').attr('src', htmlURL);
    }
}
function hideComponent()
{

    jQuery('#container').hide();

    setTimeout(function()
    {
        swfobject.removeSWF("ReservationWidget");
        jQuery('#container').append("<div id='rescompcontainer' />");
    }, 100);
}
google.setOnLoadCallback(initialize);

/* End MOR Reservation System */

// JQuery Functions (Custom)

$(document).ready(function()
{
    preloadImages();

    $(function()
    {
        $('#gallery a').lightBox();
    });
    $('#slideshow').s3Slider({
        timeOut: 4000
    });
    $('a.thickbox').bind('mousedown', function(event)
    {
        document.getElementById('phMap').innerHTML = '<iframe width="640" height="480" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=411+SW+3rd+Avenue,+Portland,+OR+97204&amp;sll=37.0625,-95.677068&amp;sspn=50.244827,79.101563&amp;ie=UTF8&amp;ll=45.52902,-122.670422&amp;spn=0.028862,0.054932&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>';
    });
    $('img#twitter')
        .bind('mouseover', function(event)
        {
            rollImage('twitter', '/App_Themes/Hubers/Images/twitter-over.png'); // Custom
            pageTracker._trackPageview('/Twitter Link/Mouseover');
        })
        .bind('mouseout', function(event)
        {
            rollImage('twitter', '/App_Themes/Hubers/Images/twitter.png');  // Custom
        })
        .bind('click', function(event)
        {
            pageTracker._trackPageview('/Twitter Link/Clicked');
        });
    $('img#facebook')
        .bind('mouseover', function(event)
        {
            rollImage('facebook', '/App_Themes/Hubers/Images/facebook-over.png'); // Custom
            pageTracker._trackPageview('/Facebook Link/Mouseover');
        })
        .bind('mouseout', function(event)
        {
            rollImage('facebook', '/App_Themes/Hubers/Images/facebook.png');  // Custom
        })
        .bind('click', function(event)
        {
            pageTracker._trackPageview('/Facebook Link/Clicked');
        });
});

/* ------------------------------------------------------------------------
s3Slider
	
Developped By: Boban Karišik -> http://www.serie3.info/
CSS Help: Mészáros Róbert -> http://www.perspectived.com/
Version: 1.0
	
Copyright: Feel free to redistribute the script/modify it, as
long as you leave my infos at the top.
------------------------------------------------------------------------- */

// s3Slider (Standard if using Slideshow)

(function($)
{

    $.fn.s3Slider = function(vars)
    {

        var element = this;
        var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;
        var current = null;
        var timeOutFn = null;
        var faderStat = true;
        var mOver = false;
        var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");
        var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");

        items.each(function(i)
        {

            $(items[i]).mouseover(function()
            {
                mOver = true;
            });

            $(items[i]).mouseout(function()
            {
                mOver = false;
                fadeElement(true);
            });

        });

        var fadeElement = function(isMouseOut)
        {
            var thisTimeOut = (isMouseOut) ? (timeOut / 2) : timeOut;
            thisTimeOut = (faderStat) ? 10 : thisTimeOut;
            if (items.length > 0)
            {
                timeOutFn = setTimeout(makeSlider, thisTimeOut);
            } else
            {
                console.log("Poof..");
            }
        }

        var makeSlider = function()
        {
            current = (current != null) ? current : items[(items.length - 1)];
            var currNo = jQuery.inArray(current, items) + 1
            currNo = (currNo == items.length) ? 0 : (currNo - 1);
            var newMargin = $(element).width() * currNo;
            if (faderStat == true)
            {
                if (!mOver)
                {
                    $(items[currNo]).fadeIn((timeOut / 6), function()
                    {
                        if ($(itemsSpan[currNo]).css('bottom') == 0)
                        {
                            $(itemsSpan[currNo]).slideUp((timeOut / 6), function()
                            {
                                faderStat = false;
                                current = items[currNo];
                                if (!mOver)
                                {
                                    fadeElement(false);
                                }
                            });
                        } else
                        {
                            $(itemsSpan[currNo]).slideDown((timeOut / 6), function()
                            {
                                faderStat = false;
                                current = items[currNo];
                                if (!mOver)
                                {
                                    fadeElement(false);
                                }
                            });
                        }
                    });
                }
            } else
            {
                if (!mOver)
                {
                    if ($(itemsSpan[currNo]).css('bottom') == 0)
                    {
                        $(itemsSpan[currNo]).slideDown((timeOut / 6), function()
                        {
                            $(items[currNo]).fadeOut((timeOut / 6), function()
                            {
                                faderStat = true;
                                current = items[(currNo + 1)];
                                if (!mOver)
                                {
                                    fadeElement(false);
                                }
                            });
                        });
                    } else
                    {
                        $(itemsSpan[currNo]).slideUp((timeOut / 6), function()
                        {
                            $(items[currNo]).fadeOut((timeOut / 6), function()
                            {
                                faderStat = true;
                                current = items[(currNo + 1)];
                                if (!mOver)
                                {
                                    fadeElement(false);
                                }
                            });
                        });
                    }
                }
            }
        }

        makeSlider();

    };

})(jQuery);

// Google Analytics Tracking (Standard)

function directionsClick(sender, e)
{
    pageTracker._trackPageview('/Get Directions Link/Clicked');
}
function directionsMouseover(sender, e)
{
    pageTracker._trackPageview('/Get Directions Link/Mouseover');
}
function reservationClick(sender, e)
{
    pageTracker._trackPageview('/Make Reservation/Clicked');
}
function reservationMouseover(sender, e)
{
    pageTracker._trackPageview('/Make Reservation/Mouseover');
}
function twitterClick(sender, e)
{
    pageTracker._trackPageview('/Twitter Link/Clicked');
}
function twitterMouseover(sender, e)
{
    pageTracker._trackPageview('/Twitter Link/Mouseover');
}
function facebookClick(sender, e)
{
    pageTracker._trackPageview('/Facebook Link/Clicked');
}
function facebookMouseover(sender, e)
{
    pageTracker._trackPageview('/Facebook Link/Mouseover');
}
function contactUsClick(sender, e)
{
    pageTracker._trackPageview('/Contact Us Link/Clicked');
}
function contactUsMouseover(sender, e)
{
    pageTracker._trackPageview('/Contact Us Link/Mouseover');
}
function commentClick(sender, e)
{
    pageTracker._trackPageview('/Send Comment Link/Clicked');
}
function commentMouseover(sender, e)
{
    pageTracker._trackPageview('/Send Comment Link/Mouseover');
}
function tmnClick(sender, e)
{
    pageTracker._trackPageview('/TMN Link/Clicked');
}
function tmnMouseover(sender, e)
{
    pageTracker._trackPageview('/TMN Link/Mouseover');
}
function specialsMouseover(offer)
{
    pageTracker._trackPageview("/Specials/" + offer + "/Mouseover");
}
function specialsClicked(offer)
{
    pageTracker._trackPageview("/Specials/" + offer + "/Clicked");
}

// Google Analytics Tracking (Custom)

function menu1Click(sender, e)
{
    pageTracker._trackPageview('/Menu/Lunch/Clicked');
}
function menu1Mouseover(sender, e)
{
    pageTracker._trackPageview('/Menu/Lunch/Mouseover');
}
function menu2Click(sender, e)
{
    pageTracker._trackPageview('/Menu/Dinner/Clicked');
}
function menu2Mouseover(sender, e)
{
    pageTracker._trackPageview('/Menu/Dinner/Mouseover');
}
function menu3Click(sender, e)
{
    pageTracker._trackPageview('/Menu/Box Lunch/Clicked');
}
function menu3Mouseover(sender, e)
{
    pageTracker._trackPageview('/Menu/Box Lunch/Mouseover');
}
function menu4Click(sender, e)
{
    pageTracker._trackPageview('/Menu/Catering/Clicked');
}
function menu4Mouseover(sender, e)
{
    pageTracker._trackPageview('/Menu/Catering/Mouseover');
}
function menu5Click(sender, e)
{
    pageTracker._trackPageview('/Menu/Drinks/Clicked');
}
function menu5Mouseover(sender, e)
{
    pageTracker._trackPageview('/Menu/Drinks/Mouseover');
}

// Reservation Popup (Custom)

function popReservationWindow()
{
    window.open("https://reservations.themagellannetwork.com/reservations/iframe.aspx?rsname=hubers", "resWindow", "height = 500, width = 455, location = no, menubar = no, resizable = yes, scrollbars = yes, status = no, toolbar = no");
}