Sys.Application.add_init(function() {
    $(function() {
        $(".hover").hover(function() {
            $(this).attr("src", $(this).attr("src").split(".").join("_hvr."));
        }, function() {
            $(this).attr("src", $(this).attr("src").split("_hvr.").join("."));
        });
        $('#ads').cycle({
            fx: 'fade', speed: 7500
        });
        $('#creds_list').cycle({
            fx: 'fade', speed: 4500
        });
        $('.rounded').corners("8px");
        if ($.browser.opera) {
            $('#creds_wrap').css('width', '220px');
        }
        $('ul.sf-menu').superfish({
            delay: 1000,                            // one second delay on mouseout 
            animation: { opacity: 'show', height: 'show' },  // fade-in and slide-down animation 
            speed: 'fast', 
            dropShadows: false,                            // disable drop shadows 
            pathClass: 'current'
        }); 

        // set opacity to nill on page load
        $("h1#ad_logo a").css("opacity", "0");
        // on mouse over
        $("h1#ad_logo a").hover(function() {
            // animate opacity to full
            $(this).stop().animate({ opacity: 1 }, "slow");
        },
        // on mouse out
	    function() {
	        // animate opacity to nill
	        $(this).stop().animate({ opacity: 0 }, "slow");
	    });
	    $('img[@src$=.png]').ifixpng();
	    $('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability

	    $('ul.gallery_demo').galleria({
	        history: true, // activates the history object for bookmarking, back-button etc.
	        clickNext: true, // helper for making the image clickable
	        insert: '#main_image', // the containing selector for our main image
	        onImage: function(image, caption, thumb) { // let's add some image effects for demonstration purposes

	            // fade in the image & caption
	            if (!($.browser.mozilla && navigator.appVersion.indexOf("Win") != -1)) { // FF/Win fades large images terribly slow
	                image.css('display', 'none').fadeIn(1000);
	            }
	            caption.css('display', 'none').fadeIn(1000);

	            // fetch the thumbnail container
	            var _li = thumb.parents('li');

	            // fade out inactive thumbnail
	            _li.siblings().children('img.selected').fadeTo(500, 0.3);

	            // fade in active thumbnail
	            thumb.fadeTo('fast', 1).addClass('selected');

	            // add a title for the clickable image
	            image.attr('title', 'Next image >>');
	        },
	        onThumb: function(thumb) { // thumbnail effects goes here

	            // fetch the thumbnail container
	            var _li = thumb.parents('li');

	            // if thumbnail is active, fade all the way.
	            var _fadeTo = _li.is('.active') ? '1' : '0.3';

	            // fade in the thumbnail when finnished loading
	            thumb.css({ display: 'none', opacity: _fadeTo }).fadeIn(1500);

	            // hover effects
	            thumb.hover(
					function() { thumb.fadeTo('fast', 1); },
					function() { _li.not('.active').children('img').fadeTo('fast', 0.3); } // don't fade out if the parent is active
				)
	        }
	    });	      
    });
});