slider = new Array();
big = new Array();
big["width"] = 57;
big["height"] = 57;
big["height2"] = big["height"];

small = new Array();
small["width"] = 30;
small["height"] = 30;
small["height2"] = small["height"];

function equilibrate() {
	$('#slider ul li').each(function(i) {
		d = Math.abs(actual - i);
		//alert(actual+":"+i);
		var a = $(this);
		var img = a.children('a').children('img');
		var ttl = a.children('.imtitle');
		switch(d) {
			case 0:
				img.animate({width: big["width"], height: big["height"]});
				a.animate({width: big["width"], height: big["height2"]});
				showtext(a.attr('id').substr(5));
			break;
			case 1:
			case 2:
				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"]});
				a.animate({width: small["width"], height: small["height2"]});
			break;
			default:
				if (slider[i] != 1) {
					slider[i] = 1;
					a.hide('fast');
					//a.animate({width:0,height:0});
					//img.animate({width:0,height:0});
				}
				//a.hide('fast');
			break;
		}
	});
}
function actual_change(diff) {
	if (actual + diff > 1 && actual + diff < max) {
		actual = actual + diff;
		return true;
	}
	return false;
};
$(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');
	max = $('#slider ul li').size();
	
	i = (tab_elts["show"]) ? parseInt(tab_elts["show"]) : 0;
	actual = (!isNaN(i) && i > 0 && i < max) ? i : 4;

	$('#slider ul li').each( function(i) {
		d = Math.abs(actual - i);
		var a = $(this);
		var img = a.find('a').find('img');
		switch(d) {
			case 0:
				img.css({width: big["width"]+'px', height: big["height"]+'px'});
				a.css({height: big["height2"]+'px'});
				showtext(a.attr('id').substr(5));
			break;
			case 1:
			case 2:
				img.css({width: small["width"]+'px', height: small["height"]+'px'});
				a.css({width: small["width"]+'px', height: small["height2"]+'px'});
			break;
			default:
				a.css({display: 'none', width: '0px', height: '0px'});
			break;
		}
	});
	
	$('#butleft').click(function () {
		if (actual_change(-1)){
			equilibrate();
			
		}
	});
	$('#butright').click( function () {
		if (actual_change(+1)){
			equilibrate();
		}
		
	});

});//document_end

function showtext(id){
	var text = $('#text'+id+'').text();
	$('#texts').text(text);
}