$('document').ready(function() {
	$('#searchSubmit').click(function() {
		$('#formSearch').submit();
	});
});
function slideShowPicture(number) {
	$('#panelSlideShow').append('<div id="slideshowbg_'+number+'" class="slideshowbg" style="background: url(slideshow/'+number+'.png)"><input type="hidden" value="'+number+'" /></div>');
}

$('document').ready(function() {
	$('#topVisited').click(function() {
		$('#topVisited').addClass('selected');
		$('#topRecent').removeClass('selected');
		$('#listTopTuto').fadeIn('fast');
		$('#listRecTuto').fadeOut('fast');
		
	});
	$('#topRecent').click(function() {
		$('#topVisited').removeClass('selected');
		$('#topRecent').addClass('selected');
		$('#listTopTuto').fadeOut('fast');
		$('#listRecTuto').fadeIn('fast');
	});
	startSlideshow();
});

function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
        $('<img/>')[0].src = this;
    });
}
function slideRemoveAllButNot(number) {
	$('.slideshowbg').each(function() {
		if($(this).find('input').val() != number)
			$(this).remove();
	});
	if($('#slideshowbg_'+number).length == 0)
		slideShowPicture(number);
}

function slideBG(number) {
	//var oldNumber = $('.slideshowbg input').val();
	slideShowPicture(number);
	$('#slideshowbg_'+number).css('display', 'none');
	$('#slideshowbg_'+number).show('slide', 'fast', function () {
		slideRemoveAllButNot(number);
	});
}

function slideShowToPic(id) {
	$('#panelSlideShow ul li img').removeClass('yellowBorder');
	$('#ss_tuto_'+id+' img').addClass('yellowBorder');
	$('#panelSlideShow .description .descTitle').html($('#ss_tuto_'+id+' .titre').html());
	$('#panelSlideShow .description .descDesc').html($('#ss_tuto_'+id+' .description').html());
	slideBG($('#ss_tuto_'+id+' .inputNumber').val());
}

function slideDescInit() {
	$('#panelSlideShow').append('<div class="description"><div class="descTitle">'+$('#panelSlideShow ul li:first div .titre').html()+'</div><div class="descDesc">'+$('#panelSlideShow ul li:first div .description').html()+'</div></div>');
}

function startSlideshow() {
	$.post("index.php?act=ajax&act2=slideshow", function(data) {
		$('#panelSlideShow').html(data);
		slideDescInit();
		slideShowPicture($('#panelSlideShow ul li:first .inputNumber').val());
	});
}