var timeHide = null;

$(document).ready(function(){

	$('.preview').hover(function(){
		showPreview($(this).attr('id'));
	},
	function(){
		timeHide = setTimeout('hidePreview()',5000);
	});
	

	$('.preview').click(function(){
		id=$(this).children('a.detail-link').attr('href');
		id=id.replace('#','');
		showDetail(id);
		return false;
	});
});

function showDetail(id){
	$('#detail_'+id).slideToggle();
}

function getImgId(id){
	switch(id){
		case 'ben1':
		case 'ben2':
		case 'ben3':
			idImg='prev_ben';
		break;
		case 'cerfvolant1':
		case 'cerfvolant2':
			idImg='prev_cerfvolant';
		break;
		case 'antonin1':
		case 'antonin2':
			idImg='prev_antonin';
		break;
		case 'ptitcirk1':
		case 'ptitcirk2':
		case 'ptitcirk3':
			idImg='prev_ptitcirk';
		break;
		default:
			idImg='prev_'+id;
		break;
	}
	return idImg;
}


function showPreview(id){
	
	clearTimeout(timeHide);
	hidePreview(id);
	
	$('#prev_'+id).show();
	
	$('#'+id).css({'background-color':'#FF767F'});
	$('#'+id).css({'border-bottom':'1px solid #81161D'});

}

function hidePreview(id){
	$('.detail[id!=detail_'+id+']').slideUp();
	$('.preview').css({'background-color':'inherit'});
	$('.preview').css({'border':'inherit'});
	$('.preview').css({'height':'inherit'});
	$('.preview-photo').hide();
}