var ListCarousel;

function events_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};


function rss_initCallback(carousel)
{

	$("#events-rss ul").bind('mousewheel',function (event, delta) {

		if(delta > 0)		
			carousel.prev();
		else
			carousel.next();
			
		return false;
	});
   
};

function all_initCallback(carousel)
{

	ListCarousel = carousel;
	$("#carouselAll ul").bind('mousewheel',function (event, delta) {

		if(delta > 0)		
			carousel.prev();
		else
			carousel.next();
			
		return false;
	});
   
};
function surf_initCallback(carousel)
{

	ListCarousel = carousel;
	$("#carouselSurf ul").bind('mousewheel',function (event, delta) {

		if(delta > 0)		
			carousel.prev();
		else
			carousel.next();
			
		return false;
	});
   
};
function skate_initCallback(carousel)
{

	ListCarousel = carousel;
	$("#carouselSkate ul").bind('mousewheel',function (event, delta) {

		if(delta > 0)		
			carousel.prev();
		else
			carousel.next();
			
		return false;
	});
   
};
function snow_initCallback(carousel)
{

	ListCarousel = carousel;
	$("#carouselSnow ul").bind('mousewheel',function (event, delta) {

		if(delta > 0)		
			carousel.prev();
		else
			carousel.next();
			
		return false;
	});
   
};


$(document).ready(function() {
	
	$("#viewAll").click(function(){
		$('#viewAll').removeClass('OFF');
		$('#viewAll').addClass('ON');
		$("#carouselSurf").fadeOut(200,function(){
		$("#carouselSkate").fadeOut(200,function(){
		$("#carouselSnow").fadeOut(200,function(){
			$("#carouselAll").fadeIn(500,function(){

			$('#switch2surf').removeClass('ON');
			$('#switch2surf').addClass('OFF');
			$('#switch2skate').removeClass('ON');
			$('#switch2skate').addClass('OFF');
			$('#switch2snow').removeClass('ON');
			$('#switch2snow').addClass('OFF');
		});
		});
		});
		});
		
		
		
	});
	
	
	$("#switch2surf").click(function(){
		$('#viewAll').removeClass('ON');
		$('#viewAll').addClass('OFF');
		$("#carouselAll").fadeOut(200,function(){
		$("#carouselSkate").fadeOut(200,function(){
		$("#carouselSnow").fadeOut(200,function(){
		$("#carouselSurf").fadeIn(500,function(){

			$('#switch2surf').removeClass('OFF');
			$('#switch2surf').addClass('ON');
			$('#switch2skate').removeClass('ON');
			$('#switch2skate').addClass('OFF');
			$('#switch2snow').removeClass('ON');
			$('#switch2snow').addClass('OFF');
		});	
		});
		});
		});
	});
	
	
	$("#switch2skate").click(function(){
		$('#viewAll').removeClass('ON');
		$('#viewAll').addClass('OFF');
		$("#carouselSurf").fadeOut(200,function(){
		$("#carouselAll").fadeOut(200,function(){
		$("#carouselSnow").fadeOut(200,function(){
		$("#carouselSkate").fadeIn(500,function(){

			$('#switch2skate').removeClass('OFF');
			$('#switch2skate').addClass('ON');
			$('#switch2surf').removeClass('ON');
			$('#switch2surf').addClass('OFF');
			$('#switch2snow').removeClass('ON');
			$('#switch2snow').addClass('OFF');
		});
		});
		});
		});
	});
	
	$("#switch2snow").click(function(){
		$('#viewAll').removeClass('ON');
		$('#viewAll').addClass('OFF');
		$("#carouselSurf").fadeOut(200,function(){
		$("#carouselSkate").fadeOut(200,function(){
		$("#carouselAll").fadeOut(200,function(){
		$("#carouselSnow").fadeIn(500,function(){

			$('#switch2snow').removeClass('OFF');
			$('#switch2snow').addClass('ON');
			$('#switch2surf').removeClass('ON');
			$('#switch2surf').addClass('OFF');
			$('#switch2skate').removeClass('ON');
			$('#switch2skate').addClass('OFF');
		});
		});
		});
		});
	});
	
	var skinName = readCookie("skinName");
	if (skinName) switch_style(skinName);
	else switch_style('surfTheme');     
	
	$('#events-carousel ul').jcarousel({
		auto: 4,
		wrap: 'last',
		initCallback: events_initCallback
	});

	$('#events-rss ul').jcarousel({
		vertical: true,
		initCallback: rss_initCallback
	});
	
	$('#carouselAll ul').jcarousel({
		vertical: true,
		initCallback: all_initCallback
	});
	
	$('#carouselSurf ul').jcarousel({
		vertical: true,
		initCallback: surf_initCallback
	});
	
	$('#carouselSkate ul').jcarousel({
		vertical: true,
		initCallback: skate_initCallback
	});
	
	$('#carouselSnow ul').jcarousel({
		vertical: true,
		initCallback: snow_initCallback
	});
     
	$(".aSkin").click(function(){
	       var id 	=	$('.aSkin').index(this); 
	       var skin = 	$('.aSkin:eq('+id+')').attr('id')
	       switch_style(skin);

	});
	
	$('#flags').addClass('hide');
	$('#skins').addClass('hide');
	
	$('#country').click(function(){
		$('#flags').toggleClass('hide');
	});
	
	$('#setup').click(function(){
		$('#skins').toggleClass('hide');
	});
	
	$('#carouselSurf').hide();
	$('#carouselSnow').hide();
	$('#carouselSkate').hide();
    
    
    $('#carouselLocal ul').jcarousel({
		vertical: true
	});

});