var carousel_global;
var current_position = 1;

function mycarousel_initCallback(carousel) {
    $('.jcarousel-control a').bind('click', function() {
       	$('.jcarousel-control a').removeClass('control_number_2');
       	$('.jcarousel-control a').addClass('control_number');
       	var id = $(this).attr('id');
       	var tab_id = id.split('_');
       	var number = tab_id[2];
        carousel.scroll(number);
        $('#'+id).removeClass('control_number');
        $('#'+id).addClass('control_number_2');
        
        if(tab_id[1]=='top')
        	var other_elem = 'bottom';
        else
        	var other_elem = 'top';
        	
        $('#control_'+other_elem+'_'+number).removeClass('control_numbe');
        $('#control_'+other_elem+'_'+number).addClass('control_number_2');
        
        return false;
    });
	
	
	$('#mycarousel').append("<img  src='./design/images/control_right.png' alt='' id='next_bottom' disabled='false' />");
	$('#mycarousel').append("<img  src='./design/images/control_left.png' alt='' id='prev_bottom' disabled='false' />");
	
	/*
	$('#next_bottom').bind('click', function() {
	  	carousel.next();
	  	carousel_move_next('bottom');
	    return false;
	});*/
	/*
	$('#prev_bottom').bind('click', function() {
	    carousel.prev();
	    carousel_move_prev('bottom');
	    return false;
	});*/
	
	$('#next_bottom').click(function() {
	  	carousel.next();
	  	carousel_move_next('bottom');
	    return false;
	});
	
	$('#prev_bottom').click(function() {
	    carousel.prev();
	    carousel_move_prev('bottom');
	    return false;
	});
	carousel_global = carousel
	setTimeout("carouselLaunchTimer()", 5000);
	
};




// Ride the carousel...
jQuery(document).ready(function() {
    $('#mycarousel').jcarousel({
        scroll: 3,
        initCallback: mycarousel_initCallback,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: "<img  src='./design/images/control_right.png' alt='' id='next_top' onclick=\"carousel_move_next('top')\" />",
        buttonPrevHTML: "<img  src='./design/images/control_left.png' alt='' id='prev_top' onclick=\"carousel_move_prev('top')\" />"
    });
    
    
    
});


function carouselLaunchTimer()
{
	var nb_page = $("#jcarousel_control_bottom a").length;
	
	if(current_position == nb_page)
	{
		carousel_global.prev();
		carousel_move_prev('bottom');
		current_position--;
	}
	else
	{
		carousel_global.next();
		carousel_move_next('bottom');
		current_position++;
	}
	setTimeout("carouselLaunchTimer()", 5000);
}


function carousel_move_next(elem)
{
	if($('#next_'+elem).attr('disabled')=='false')
	{
		var nb_btn = $('#jcarousel_control_top a').length;
		var id = $('.control_number_2').attr('id');
       	var tab_id = id.split('_');
       	var old_number = parseInt(tab_id[2]);
       	var number = parseInt(tab_id[2]);
	    number = number + 3;
       	if(number<=nb_btn*3)
       	{
	       	$('#control_'+elem+'_'+old_number).removeClass('control_number_2');
	       	$('#control_'+elem+'_'+old_number).addClass('control_number');
	      
	       	$('#control_'+elem+'_'+number).removeClass('control_number');
	       	$('#control_'+elem+'_'+number).addClass('control_number_2');
	       	
	        if(elem=='top')
	        	var other_elem = 'bottom';
	        else
	        	var other_elem = 'top';
	        	
	       	$('#control_'+other_elem+'_'+old_number).removeClass('control_number_2');
	       	$('#control_'+other_elem+'_'+old_number).addClass('control_number');
	
	       	$('#control_'+other_elem+'_'+number).removeClass('control_number');
	       	$('#control_'+other_elem+'_'+number).addClass('control_number_2');
       	}
	}
}

function carousel_move_prev(elem)
{
	if($('#prev_'+elem).attr('disabled')=='false')
	{
		var id = $('.control_number_2').attr('id');
       	var tab_id = id.split('_');
       	var old_number = parseInt(tab_id[2]);
       	var number = parseInt(tab_id[2]);
       	number = number - 3;
       	if(number>0)
       	{
	       	$('#control_'+elem+'_'+old_number).removeClass('control_number_2');
	       	$('#control_'+elem+'_'+old_number).addClass('control_number');
	      
	       	$('#control_'+elem+'_'+number).removeClass('control_number');
	       	$('#control_'+elem+'_'+number).addClass('control_number_2');
	       	
	        if(elem=='top')
	        	var other_elem = 'bottom';
	        else
	        	var other_elem = 'top';
	        	
	       	$('#control_'+other_elem+'_'+old_number).removeClass('control_number_2');
	       	$('#control_'+other_elem+'_'+old_number).addClass('control_number');
	      
	       	$('#control_'+other_elem+'_'+number).removeClass('control_number');
	       	$('#control_'+other_elem+'_'+number).addClass('control_number_2');
	   }
	}
}