var system ='';

jQuery(document).ready(function() {
	
	
 	var skinName = readCookie("skinName");
	if (skinName) switch_style(skinName);
	else switch_style('surfTheme');  	
     
	$(".aSkin").click(function(){
	       var id 	=	$('.aSkin').index(this); 
	       var skin = 	$('.aSkin:eq('+id+')').attr('id')
	       switch_style(skin);

	});
       
	
   
	
   $('#carousel').jcarousel({
			wrap: 'last',
			initCallback: mycarousel_initCallback
		});
		
		$('#carouselVertical').jcarousel({
			vertical: true,
			wrap: 'last',
			initCallback: mycarousel_initCallback
		});

		$('#carouselTopVideos').jcarousel({
			wrap: 'last',
			initCallback: mycarousel_initCallback
		});
		
	var ua = navigator.userAgent.toLowerCase(); 
    var myBrowsers = { 
        // Déjà détectés en natif par jQuery 
        mozilla: $.browser.mozilla, 
        safari:  $.browser.safari, 
        opera:   $.browser.opera, 
        ie:      $.browser.msie, 
        // Quelques améliorations et ajouts 
        ie6:     $.browser.msie && ($.browser.version < 7), 
        ie7:     $.browser.msie && ($.browser.version == 8), 
        ie8:     $.browser.msie && ($.browser.version > 7), 
        iphone:  /iphone/.test(ua), 
        chrome:  /chrome/.test(ua), 
        firefox: /firefox/.test(ua), 
        webkit:  /webkit/.test(ua), 
        // Détection de plateformes 
        osx:     /mac os x/.test(ua), 
        win:     /win/.test(ua), 
        linux:   /linux/.test(ua) 
    }; 
    $.each(myBrowsers, function(a, b) { 
        if (b) 
        {
        	system += a;
        	if (system == "safariwebkitosx" || system == "safarichromewebkitosx")
        	{
       			$('.submitNews').css({	'color':'#333',
											'font-size':'10px',
											'margin':'-1px 0 0 -43px',
											'cursor':'pointer'});
        	}

        }
    }); 

 

 });

function mycarousel_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();
    });
}