var diapo_cont;
var diapo_top = 0;
var diapo_nb;
var diapo_pas = 119.7;
var diapo_aff = 4;
var diapo_pas_max;

function diapo(cont){
	diapo_cont = cont;
	diapo_nb = $('#diapo #nb_diapo').val();
	diapo_pas_max = (diapo_nb-diapo_aff)*diapo_pas;
	diapo_move();
}

function diapo_move(){
	diapo_top-=diapo_pas;
	if(diapo_top<diapo_pas_max*(-1)) diapo_top = 0;
	// debug(diapo_top);
	$(diapo_cont).delay(2000).animate({'top':diapo_top},1000,diapo_move);
}

function box(el){
	$(el).click(function(){
		$('#box_container, #box_overlay').remove();
		$('body').append('<div id="box_overlay"></div>');
		$('body').append('<div id="box_container"></div>');
		$('#box_container').append('<div id="oh"><div id="ot"><img src="'+el.find('img').attr('src').replace('/thumb','')+'" width="600px" /></div></div>');
		$('#box_container').append('<img id="close" src="/images/v2/box/fancy_close.png" />');
		$('#box_container').delay(100).fadeIn(600);
		$('#box_container #close').click(close_box);
		$('#box_overlay').show().click(close_box);
	});
}

function close_box(){
	$('#box_container, #box_overlay').remove();
}

function debug(o){
	if(typeof(console)!='undefined') console.log(o);
}

$(document).ready(function(){
	diapo($('#diapo_cont'));
	$('.scroll-pane').each(function(i,v){$(v).jScrollPane();});
	$('.diapo').each(function(){
		box($(this));
	});
});