/**
 * Simple slideshow, this visit the elements and fade them in or out.
 * @param selector the elements selector
 * @return
 */
function slideshow(selector) {
		var $active = $(selector+'.ssactive');
	
	    if ( $active.length == 0 ) $active = $(selector+':last');
	    var $next =  $active.next().length ? $active.next()
	            : $(selector+':first');
	    
	    $active.fadeOut(1000, function() {
	    	$active.removeClass('ssactive');
        });
	    $next.fadeIn(1000, function() {		
	    	$next.addClass('ssactive');
	    });
	
}

/**
* Simple slideshow, this visit the elements and fade them in or out.
* @param selector the elements selector
* @param direction next/prev
* @return
*/
function slideshowh(selector, direction) {
		var $active = $(selector+'.ssactive');
	
	    if ( $active.length == 0 ) $active = $(selector+':last');
	    var $next;
	    if(direction=="next")
		    $next=$active.next().length ? $active.next()
		            : $(selector+':first');
		else
			$next=$active.prev().length ? $active.prev()
		            : $(selector+':last');
		if(direction=="prev")
			$active.animate({left:$active.width()});
		else
			$active.animate({left:"-"+$active.width()});
		if(direction=="prev")
		    $next.css("left","-"+($next.width()));
		else
			$next.css("left",""+($next.width()));
	    $next.css("display","block");
	    $next.animate({left:"0"});
    	$active.removeClass('ssactive');
		$next.addClass('ssactive');
	
}