$(document).ready(function () {

    $(".frmOpener").fancybox({
        'centerOnScroll': false,
        'type': 'iframe',
        'width': 440,
        'height': 650,
        'overlayColor': '#FFF',
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'speedIn': 300,
        'speedOut': 300
    });

    $(".fb").fancybox({
        'margin': 0,
        'padding': 2,
        'type': 'image',
        'titlePosition': 'over',
        'overlayColor': '#FFF',
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'easingIn': 'easeOutBack',
        'easingOut': 'easeInBack'
    });

    $('.headerImg').cycle({
    fx: 'fade', // fade, scrollUp, scrollLeft, shuffle, etc...
        pause: true,
        timeout: 3000,
        speedIn: 750,
        speedOut: 750,
        speed: 1500,
        easing: 'easeInOutBack'
    });

    $("#popup").fancybox({
        'centerOnScroll': false,
        'type': 'iframe',
        'width': 667,
        'height': 500,
        'overlayColor': '#FFF',
        'transitionIn': 'fade',
        'transitionOut': 'fade',
        'speedIn': 300,
        'speedOut': 300
    });

    $('#spotBanner').cycle({
        fx: 'scrollDown',
        speedIn: 750,
        speedOut: 750,
        easeIn: 'easeOutBack',
        easeOut: 'easeInBack',
        sync: 1,
        timeout: 3000,
        delay: 0
    });

    $(".crossFade img.a").hover(
        function () {
            $(this).stop().animate({ "opacity": "0" }, "slow");
        },
        function () {
            $(this).stop().animate({ "opacity": "1" }, "slow");
    });


    $("ul.spotBanner li").hover(function () {
        $(this).css({ 'z-index': '10' }); /*Add a higher z-index value so this image stays on top*/
        $(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
        .animate({
            marginTop: '-35px', /* The next 4 lines will vertically align this image */
            marginLeft: '-35px',
            top: '50%',
            left: '50%',
            width: '300px', /* Set new width */
            height: '225px', /* Set new height */
            padding: '10px'
        }, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

        }, function () {
        $(this).css({ 'z-index': '0' }); /* Set z-index back to 0 */
        $(this).find('img').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
        .animate({
            marginTop: '0', /* Set alignment back to default */
            marginLeft: '0',
            top: '0',
            left: '0',
            width: '250px', /* Set width back to default */
            height: '187px', /* Set height back to default */
            padding: '0px'
        }, 400);
    });

    $("ul.socialIcons li").hover(function () {
        $(this).css({ 'z-index': '10' }); /*Add a higher z-index value so this image stays on top*/
        $(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
	    .animate({
	        marginTop: '-12px', /* The next 4 lines will vertically align this image */
	        marginLeft: '-12px',
	        top: '50%',
	        left: '50%',
	        width: '50px', /* Set new width */
	        height: '50px', /* Set new height */
	        padding: '0px'
	    }, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

    }, function () {
        $(this).css({ 'z-index': '0' }); /* Set z-index back to 0 */
        $(this).find('img').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
	    .animate({
	        marginTop: '0', /* Set alignment back to default */
	        marginLeft: '0',
	        top: '0',
	        left: '0',
	        width: '25px', /* Set width back to default */
	        height: '25px', /* Set height back to default */
	        padding: '0px'
	    }, 400);
    });

});