$(document).ready(function() {

$('.fleches').css({'top':45 }).show();
$('.fleches').eq(0).css({'left':0 });
$('.fleches').eq(1).css({'right':0 });

var spacing = 201;
var taille=600 ; 
var decal=600;
var month_names = new Array("janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre");

function createControl(src) {
     return $('<img/>')
       .attr('src', src)
       .addClass('control')
       .css('opacity', 0.5)
       .css('display', 'none')
	   .css('left',40);
   }
   
   function petladate(apeter)
{
	jour= parseInt(apeter.substr(8,9),10);
	n = parseInt(apeter.substr(5,6),10) - 1;
    mois=month_names[n];
	annee = parseInt(apeter.substr(0,4),10) ;
	enfin='le ' + jour + ' ' + mois + ' ' + annee;
}


var $enlargeRollover = createControl('images/enlarge.gif');
var $enlargedCover = $('<img/>')
 .addClass('enlarged')
 .hide()
 .appendTo('body');
	 
 var $closeButton = createControl('images/close.png')
.addClass('enlarged-control')
.css({'opacity':1})
.appendTo('body');
	 
var $priceBadge = $('<div/>')
.addClass('enlarged-price')
.appendTo('body');

var $date_ev = $('<div/>')
.addClass('enlarged-price')
.appendTo('body');

var $intro_ev = $('<div/>')
.addClass('enlarged-price')
.appendTo('body');

var $resume_ev = $('<div/>')
.addClass('enlarged-price')
.appendTo('body');


$('#featured-books').css({
     'width': spacing ,
     'height': '166px',
     'overflow': 'hidden'
   }).find('.covers a').css({
     'float': 'none',
     'position': 'absolute',
     'left': 1000
   });
 
var setUpCovers = function() {
var $covers = $('#featured-books .covers a');
$covers.unbind('click mousseenter mouseleave');
$('.fleches').unbind('click');  
var titre_ev = $covers.eq(0).find('.titre_ev').text();
$covers.eq(0)
	.css('left', 0)
	.click(function(event) {
		 var date_ev = $(this).find('.date_ev').text();
		 petladate($(this).find('.date_ev').text());
		 var intro_ev = $(this).find('.intro_ev').text();
		 var resume_ev = $(this).find('.titre_ev').text();
				 
    	 var $lagrosse=$enlargedCover.attr('src', $(this).attr('href'));
		$lagrosse
    		.css({'left': decal, 'top' : 175,'width': 600})
   			.show();
	
		$priceBadge
        	.text(titre_ev)
           	.show();	
				
		$date_ev
        	.css({'width':taille,'left': decal,'top' : 120})
   			.text(enfin)
 			.show();
		  
 	  $closeButton
           .css({'left':taille+decal-15,'top' : 80,'z-index' :14})
           .show() 
		   .click(function() {
				$closeButton.unbind('click').hide();
				$enlargedCover.fadeOut();
				$priceBadge
				.hide();
$date_ev.hide();
			});
		
		event.preventDefault();
	})
	.hover(function() {
    	$enlargeRollover.appendTo(this).show();
    }, 
	function() {
    	$enlargeRollover.hide();

	});
	   
 
 $('.fleches').eq(0)
   	   .click(function(event) {
         $covers.eq(0).animate({'left': spacing}, 'fast');
         //$covers.eq(1).animate({'left': spacing * 2}, 'fast');
        // $covers.eq(2).animate({'left': spacing * 3}, 'fast');
         $covers.eq($covers.length - 1)
           .css('left', -spacing)
           .animate({'left': 0}, 'fast', function() {
		 $covers.eq($covers.length - 1).prependTo('#featured-books .covers');
             setUpCovers();
           });
 
         event.preventDefault();
       });
 
     $covers.eq(2)
       .css('left', spacing * 2);
	   $('.fleches').eq(1)
       .click(function(event) {
         $covers.eq(0)
           .animate({'left': -spacing}, 'fast', function() {
             $(this).appendTo('#featured-books .covers');
             setUpCovers();
           });
         $covers.eq(1).animate({'left': 0}, 'fast');
         $covers.eq(2).animate({'left': spacing}, 'fast');
         $covers.eq(3)
           .css('left', spacing * 3)
           .animate({'left': spacing * 2}, 'fast');
 
         event.preventDefault();
       });
 
     $covers.eq(1)
     .css('left', spacing);
   };
 
   setUpCovers();
 });