// http://jonraasch.com/blog/a-simple-jquery-slideshow
// http://www.ilovecolors.com.ar/icon-fading-using-jquery/

function slideSwitch() {
    var $active = $('.small_panel_2 img.active');

    if ( $active.length == 0 ) $active = $('.small_panel_2 img:last');

    var $next =  $active.next().length ? $active.next()
        : $('.small_panel_2 img:first');

    $active.addClass('last-active');

        if($.browser.msie){
        $next.css({"visibility": "hidden"})
             .addClass('active')
             .css({"visibility": "visible"}, function() {
	           $active.removeClass('active last-active');
             });
	    }
        else {
          $next.css({opacity: 0.0})
		       .addClass('active')
               .animate({opacity: 1.0}, 2000, function() {
                 $active.removeClass('active last-active');
               });
        }
}
jQuery(document).ready(
	function(){
		$(function() {
		    setInterval( "slideSwitch()", 5000 );
		});
        var $speed = "fast";
		if($.browser.msie){
		  var $speed = 0;
        }
		$("#primary_links_body .first").hover(
			function(){
				$("#balloons").css("display", "block");
				$("#balloons .first").animate({opacity: "show"}, $speed);
			},
			function(){
				$("#balloons .first").animate({opacity: "hide"}, $speed);
				$("#balloons").css("display", "none");
			}
		);
		$("#primary_links_body .second").hover(
			function(){
				$("#balloons").css("display", "block");
				$("#balloons .second").animate({opacity: "show"}, $speed);
			},
			function(){
				$("#balloons .second").animate({opacity: "hide"}, $speed);
				$("#balloons").css("display", "none");
			}
		);
		$("#primary_links_body .third").hover(
			function(){
				$("#balloons").css("display", "block");
				$("#balloons .third").animate({opacity: "show"}, $speed);
			},
			function(){
				$("#balloons .third").animate({opacity: "hide"}, $speed);
				$("#balloons").css("display", "none");
			}
		);
		$("#primary_links_body .fourth").hover(
			function(){
				$("#balloons").css("display", "block");
				$("#balloons .fourth").animate({opacity: "show"}, $speed);
			},
			function(){
				$("#balloons .fourth").animate({opacity: "hide"}, $speed);
				$("#balloons").css("display", "none");
			}
		);
		$("#primary_links_body .fifth").hover(
			function(){
				$("#balloons").css("display", "block");
				$("#balloons .fifth").animate({opacity: "show"}, $speed);
			},
			function(){
				$("#balloons .fifth").animate({opacity: "hide"}, $speed);
				$("#balloons").css("display", "none");
			}
		);
	}

);