// JavaScript Document

$(document).ready(function () {
    $("#kioskDisplayPanes").scrollable({ items: ".kioskDisplayItems", circular: false, easing: "swing" }).navigator();

    $('#subContentKioskDisplay').mouseenter(function () {
        $('.next .arrow').animate(
		    {
		        opacity: "show",
		        filter: "alpha(opacity=100)"
		    }, 250);
        $('.next.disabled .arrow').css("display", "none");
        $('.prev .arrow').animate(
		    {
		        opacity: "show",
		        filter: "alpha(opacity=100)"
		    }, 250);
        $('.prev.disabled .arrow').css("display", "none");
    });

    $('#subContentKioskDisplay').mouseleave(function () {
        $('.next .arrow').animate(
		    {
		        opacity: "hide",
		        filter: "alpha(opacity=0)"
		    }, 250);
        $('.next.disabled .arrow').css("display", "none");
        $('.prev .arrow').animate(
		    {
		        opacity: "hide",
		        filter: "alpha(opacity=0)"
		    }, 250);
        $('.prev.disabled .arrow').css("display", "none");
    });

    $('.next .arrow').click(function () {
        $('.prev .arrow').css("display", "block");
        $('.next .arrow').css("display", "block");
    });
    $('.prev .arrow').click(function () {
        $('.prev .arrow').css("display", "block");
        $('.next .arrow').css("display", "block");
    });

});