var $j = jQuery.noConflict();



function slideSwitch() {
    			var $jactive = $j('#slideshow IMG.active');
    			if ( $jactive.length == 0 ) $jactive = $j('#slideshow IMG:last')
    			// use this to pull the images in the order they appear in the markup
    			
    			var $jnext =  $jactive.next().length ? $jactive.next()
        		: $j('#slideshow IMG:first');
					$jactive.addClass('last-active');	
    				$jnext.css({opacity: 0.0})
        			.addClass('active')
        			.animate({opacity: 1.0}, 1000, function() {
            		$jactive.removeClass('active last-active');
        		});
}

$j(function() {setInterval( "slideSwitch()", 3000 );}
    );
    
$j(function(){

$j(".btn-slide").click(function(){
		$j("#panel").slideToggle("medium");});
	

	 
});