$(function(){
	var popup = 0;
	var last = 0;
	$(document).ready(function() {
				
		$(".book").mouseenter(function(){
			$('#start-stop').click();
			clearTimeout($(last).data('timeoutId'));
			
			offset = $('#slider').offset().left;
			
			if ($(this).attr("href") == '#s40') {
				popup = $('#popup_s40');
				popup.css('left', offset+300);
			} else if ($(this).attr("href") == '#s80') {
				popup = $('#popup_s80');
				popup.css('left', offset+405);
			} else if ($(this).attr("href") == '#c30') {
				popup = $('#popup_c30');
				popup.css('left', offset+515);
			} else if ($(this).attr("href") == '#c70') {
				popup = $('#popup_c70');
				popup.css('left', offset+650);
			} else if ($(this).attr("href") == '#v50') {
				popup = $('#popup_v50');
				popup.css('left', offset+300);
			} else if ($(this).attr("href") == '#xc60') {
				popup = $('#popup_xc60');
				popup.css('left', offset+405);
			} else if ($(this).attr("href") == '#xc70') {
				popup = $('#popup_xc70');
				popup.css('left', offset+515);
			} else if ($(this).attr("href") == '#xc90') {
				popup = $('#popup_xc90');
				popup.css('left', offset+630);
			} else {
				popup = nothing;
			}
			$('.popup').fadeOut("fast");
			
			
			popup.show();
			last = popup;
		}).mouseleave(function(){
			$('#start-stop').click();
			$(popup).data('timeoutId', setTimeout(function(){ $(popup).fadeOut("fast");}, 650)); //set the timeoutId, allowing us to clear this trigger if the mouse comes back over
		});
		
		$('.popup').mouseenter(function(){
			$('#start-stop').click();
			clearTimeout($(last).data('timeoutId'));
		}).mouseleave(function(){
			$('#start-stop').click();
			$(popup).data('timeoutId', setTimeout(function(){ $(popup).fadeOut("fast");}, 650)); //set the timeoutId, allowing us to clear this trigger if the mouse comes back over
		});

	});
});