// JavaScript Document
$(window).load( function () {
 $('#slider').css({'background': 'none'});						  
 showBook();
 setTimeout (startSlide, 1000); });

var slide;

$('#slider').hover(	
	function() {
    $('.arrow').show();
	}, 
	function() {
    $('.arrow').hide();
	}
	);

function showBook() {
	$('.book').last().fadeIn(1000);

}



function startSlide() {
	$('.book').show();
    slide = setInterval(slideR, 6000);   
}


function slideR() {
    $('.book').first().css('left', '960px').appendTo('#bookcontainer').animate(
	{
        "left": "-=960px"
    }, {
		duration: 1000,
		easing: 'easeOutCubic'
	});

}


function slideL() {
    $('#bookcontainer > img').last().appendTo('#bookcontainer2').animate(
	{ "left":"+=960px" }, {
		duration: 1000,
		easing: 'easeOutCubic',
		complete: function() {
        $(this).prependTo('#bookcontainer').css('left', '0px');   
    	}
	});
	

}


function right() {
    clearInterval(slide);
    slideR();
    startSlide();
};


function left() {
    clearInterval(slide);
    slideL();
    startSlide();
};