slider = new Array();
big = new Array();
big["width"] = 320;
big["width2"] = big["width"] + 6;
big["height"] = 240;
big["height2"] = big["height"] + 6;
small = new Array();
small["width"] = 120;
small["width2"] = small["width"] + 2;
small["height"] = 120;
small["height2"] = small["height"] + 2;
font = new Array();
font["big"] = 16;
font["small"] = 12;
timer = -1;

function equilibrate() {
	$('#slider ul li').each(function(i) {
		d = Math.abs(actual - i);
		var a = $(this);
		var span = a.children('a').children("span");
		var img = a.children('a').children("span").children('img');		
		//var ttl = a.children('.imtitle');
		switch(d) {
			case 0:
				$(this).css("padding-top", "0px");
				a.animate({width: big["width2"], height: big["height2"]}, function () {
									
				});
				span.animate({width: big["width"], height: big["height"]}, function(){
					var imgPreloader = new Image();
					imgPreloader.onload = function(){
						imgPreloader.onload = null;

						var naWidth = imgPreloader.width;
						var naHeight = imgPreloader.height;					
						
						//$(img).animate({width: naWidth, height: naHeight, display: 'inline'});
						$(img).css({width: naWidth, height: naHeight});
					}
					imgPreloader.src = $(img).attr("src");
				});
				//showtext(a.attr('id').substr(5));
			break;
			case 1:
				$(this).css("padding-top", "60px");
				var urlthumb = $(img).attr("urlthumb");
				$(img).attr("src", urlthumb);

				//ttl.css({'font-size': font["small"]+'px'});
				//if (a.css('display') == 'none') {
				if (slider[i] == 1) {
					slider[i] = 0;
					a.css({display: 'inline', width: '0px', height: '0px'});
					img.css({width: '0px', height: '0px'});
					//ttl.css({opacity: '0'});
				}
				img.animate({width: small["width"], height: small["height"]}, function(){/*ttl.fadeTo(500, 1);*/});
				span.animate({width: small["width"], height: small["height"]});
				a.animate({width: small["width2"], height: small["height2"]});
			break;
			default:
				if (slider[i] != 1) {
					slider[i] = 1;
					a.hide('fast');
				}
			break;
		}
	});
	directlink();
	rotate();
}
function actual_change(diff) {
	if (actual + diff > 0 && actual + diff < max) {
		actual = actual + diff;
		return true;
	}
	return false;
};
function directlink() {
	$('#directlink').attr('href', location.href.replace(location.search, '') + '?show=' + actual);
}
$(document).ready(function(){
	var requete = location.search.substring(1);
	var tab_paires = requete.split("&");
	var tab_elts = new Array();
	for (var i = 0; i < tab_paires.length; i++) {
		temp = tab_paires[i].split("=");
		tab_elts[temp[0]] = unescape(temp[1]);
	}

	$('#slider ul').css('overflow', 'hidden');
	$('#slider ul').prepend('<li><a><img src="public/images/vide.png" alt="" /></a></li>');
	max = $('#slider ul li').size();

	i = (tab_elts["show"]) ? parseInt(tab_elts["show"]) : 0;
	actual = (!isNaN(i) && i > 0 && i < max) ? i : 1;

	$('#slider ul li .text').appendTo("#texts");
	$('#slider ul li').each( function(i) {
		d = Math.abs(actual - i);
		var a = $(this);
		var span = a.children('a').children('span');
		var img = a.children('a').children('span').children('img');
		//var ttl = a.children('.imtitle');
		switch(d) {
			case 0:
				//ttl.css({'font-size': font["big"]+'px'});
				var naWidth = $(img).attr("offsetWidth");
				var naHeight = $(img).attr("offsetHeight");				

				$(img).css({width:naWidth+'px',height:naHeight+'px'});
				$(a).css({height: big["height2"] + 'px'});
				
				//showtext(a.attr('id').substr(5));
			break;
			case 1:				
				img.css({width: small["width"]+'px', height: small["height"]+'px'});
				a.css({width: small["width2"]+'px', height: small["height2"]+'px'});
			break;
			default:
				a.css({display: 'none', width: '0px', height: '0px'});
			break;
		}
	});
	$('#butleft').click( function () {
		if (actual_change(-1))
			equilibrate();
		timer_stop();
		return false;
	});
	$('#butright').click( function () {
		if (actual_change(+1)){
			equilibrate();
		}
		timer_stop();
		return false;
	});
	$('#playpause').click( function () {
		var a = $('#playpause').children('img').attr('src');
		var a = a.split("/");
		if (a[a.length - 1] == 'pause.png') {
			timer_stop();
		}
		else {
			next();
			timer = window.setInterval("next()", 2200);
			$('#playpause').children('img').attr('src', 'images/pause.png');
		}

		return false;
	});
	$('#slider ul li a').click( function () {
		timer_stop();
	});
/*
	$('#slider').mousewheel(function(objEvent, intDelta){
		if (intDelta > 0) {
			if (actual_change(-1))
				equilibrate();
		}
		else if (intDelta < 0) {
			if (actual_change(+1))
				equilibrate();
		}
		return false;
	});
*/
	//timer = window.setInterval("next()", 3000);
});
function timer_stop() {
	//var a = $('#playpause').children('img').attr('src');
	//var a = a.split("/");
	//if (a[a.length - 1] == 'pause.png') {
		//$('#playpause').children('img').attr('src', 'images/playred.png'); /* ou play.png */
		//window.clearInterval(timer);
	//}
}
function next() {
	if (actual_change(+1))
		equilibrate();
}
function rotate() {
	//alert(max + ' ' + actual + ' ' + (max - actual));
/*
	if (actual < (max / 2)) {
		var a = $('#slider ul li').eq(max-1).remove();
		$('#slider ul').prepend(a);
		actual = actual + 1;
	}
*/
/*
		if (diff < 0) {
			var a = $('#slider ul li:last').remove();
			$('#slider ul').prepend(a);
		}
		else {
			var a = $('#slider ul li:first').remove();
			$('#slider ul').append(a);
		}
*/
}

function showtext(id) {
/*	$('#texts .text').each( function (i) {
		if ($(this).css('display') != 'none')
			//$(this).fadeOut('fast');
			$(this).hide();
	});
	$('#texts #text'+id).slideDown('slow');*/
}