jQuery(document).ready(function () {
        
        // FADE DOS MENUS
        jQuery(".atop").hover(
            function(event) {
                jQuery(this).animate({color: "#333333"}, 900 );
            },          
            function() {
                jQuery(this).animate({color: "#999999"}, 900 );
            }
        )
        jQuery(".atopb").hover(
            function(event) {
                jQuery(this).animate({color: "#999999"}, 900 );
            },          
            function() {
                jQuery(this).animate({color: "#ff6600"}, 900 );
            }
        )

		// COMMENT BALLOON
		
	        jQuery(".comment").hover(
            function(event) {
                jQuery(this).css("background-image","url(http://www.imaginaid.org/wp-content/themes/imaginaid/images/balloon-gray.png)");
            },          
            function() {
                jQuery(this).css("background-image","url(http://www.imaginaid.org/wp-content/themes/imaginaid/images/balloon-gray-light.png)");
            }
        )	
	        jQuery(".comment-orange").hover(
            function(event) {
                jQuery(this).css("background-image","url(http://www.imaginaid.org/wp-content/themes/imaginaid/images/balloon-gray.png)");
            },          
            function() {
                jQuery(this).css("background-image","url(http://www.imaginaid.org/wp-content/themes/imaginaid/images/balloon-orange.png)");
            }
        )	
        

		// BANNER ROTATIVO
        
		jQuery("#banner-wrapper").mbScrollable({
        	width:928,
	        elementsInPage:1,
	        elementMargin:0,
	        shadow:"#999 0 0 0",
	        height:325,
	        controls:"#banner-controls",
	        slideTimer:600,
	        autoscroll:true,
	        scrollTimer:4000,
	        dir:"vertical"
	    });
	    
   

	  jQuery('.hover').imghover({suffix: '-hover'});
        
    });