$(document).ready(function () {

    $('#mainBanner').cycle({
        fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        pause: true,
        timeout: 5000,
        speed: 1500
    });

    $('#bannerHA').cycle({
        fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        pause: true,
        timeout: 3000,
        speed: 2000
    });

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

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

    $("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);
    });

    $("a.fb").fancybox({
        'margin': 0,
        'padding': 0,
        'opacity': 50,
        'overlayOpacity': 0.5,
        'overlayColor': '#FFF',
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'showCloseButton': true,
        'titlePosition': 'over',
        'speedIn': 400,
        'speedOut': 200
    });

});