/*
 *   AP Slideshow
 * 	 Not only for images ;)
 */
 
function slideSwitch(element) {
	
    var $active = $(element+'.active');

    if ( $active.length == 0 ) $active = $(element+':last');

    var $next =  $active.next().length ? $active.next() : $(element+':first');

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

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1500, function() {
            $active.removeClass('active last-active');
        });
}

function slideSwitch2(element) {
	
    var $active = $(element+'.active');

    if ( $active.length == 0 ) $active = $(element+':last');

    var $next =  $active.next().length ? $active.next() : $(element+':first');

    $active.addClass('last-active');
    $next.addClass('active');
    $active.removeClass('active last-active');
	
	$active_id = $(element+'.active').attr('id');
	$('#carousel_menu').removeClass('menu1 menu2 menu3 menu4');
	$('#carousel_menu').addClass($active_id);
}


function go_to_carousel(new_active, last_active)
{	
	clearInterval(interval1);
	
	
	var $active = last_active;
    var $next =  new_active;
	
	if( $active.attr('id') == $next.attr('id') )
		return false;

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

	var $active_id = new_active.attr('id');
	$('#carousel_menu').removeClass('menu1 menu2 menu3 menu4');
	$('#carousel_menu').addClass($active_id);		
}

function go_to_carousel2(new_active, last_active) {
	
	clearInterval(interval2);
	
    var $active = last_active;
    var $next =  $('#'+new_active);
	if( $active.attr('id') == $next.attr('id') )
		return false;
		
    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

var interval1 = setInterval( "slideSwitch('#carousel_content div')", 5000 );
var interval2 = setInterval( "slideSwitch2('#carousel_menu a')", 5000 );