var start;
var end;
var originalLink;

jQuery(document).ready(function() {
	
	var skinName = readCookie("skinName");
	if (skinName) switch_style(skinName);

	$('#blogSpan').animate( { opacity:"0.5" }, 0);
	$('#blogSpan').addClass('blogSpanOff');
	$('#newsSpan').addClass('newsSpanOn');
    $('#archivesRight').hide();
	$('a.lightbox').lightbox();
	init();
       
/* var huh = document.getElementById("test");
	end = huh.innerHTML;
	start = 1;
	
   */    
    jQuery('#mycarousel').jcarousel({
	
        // Configuration goes here
		scroll:1,	
		itemLoadCallback: {
 		 	onBeforeAnimation: callback1,
 			onAfterAnimation: callback2
		},
		buttonNextHTML: "<div ><div id='pagesCarousel'> 1 OF "+end+"</div></div>",
		buttonPrevHTML: "<div ></div>"

    });
   
       
	$(".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');
	});
    
    
    	var skinName = readCookie("skinName");
	var link = $('#theBlogLink').attr("href");
	originalLink = link;
	if (skinName == null) skinName = "white";
	link += skinName;
	$('#theBlogLink').attr("href", link);  
	
	var skinName = readCookie("skinName");
	if (skinName) switch_style(skinName);    
        else switch_style('surfTheme');               
	
});


function callback2(carousel, item, idx, state) {

 	var div = document.getElementById("pagesCarousel");

	if (item == "prev")
	{
	
		if (start == end) 
		{
		carousel.scroll(jQuery.jcarousel.intval('1'));
		start = 1;
		}

		else if (start != 1) start -= 1;
	}
	else if (item == "next")
	{
		if (start != end) start += 1;
	}
	
	else return;
	
	div.innerHTML = start + " OF " + end;
}; 

function callback1(carousel, item, idx, state) {
	if (item == 'init')
  return; 
}; 



function init()
{

	$('.vignette').click(function(){
			
		var index = $('.vignette').index(this);
		var target = $('.vignette:eq('+index+')').attr('alt');
		var preview = $('.vignette:eq('+index+')').attr('src');
		var titre = $('.vignette:eq('+index+')').attr('title');
		
		loadPlayer(target,preview,titre);
		setInfos(titre);	
		
	});
}

function setInfos(infos)
{
	$('#now').text(infos.toUpperCase());
}