var image_delay = 10000;

function changePlaces(){
  var current = $('#imagination .current');
	current.animate({opacity:0},500, function(){
	
	if(current.next('a').length > 0){
	  current.next('a').eq(0).addClass('current');
	} else {
	  current.parent().find('a').eq(0).addClass('current');
	}
	current.removeClass('current');
	
	});
	current.animate({opacity:1},0, function(){
	setTimeout(changePlaces, image_delay);
	});
}
$(document).ready(function(){

		$('#top_nav li a').hover(
				function(){ //Hover
					$(this.parentNode).addClass('hover');
				}, 
				function(){ //Out
					$(this.parentNode).removeClass('hover');
				}
			);
			
			$("#logo .open").click(function () {
				 
				 	 $("#logo .close").fadeIn("fast");
					 $("#logo .open").animate({opacity:0},500);
					 $("#logo .name").animate({width: 144},500);
				
			});
			$("#logo .close").click(function () {
				 
				 	 $("#logo .close").fadeOut("fast");
					 $("#logo .open").animate({opacity:1},500);
					 $("#logo .name").animate({width: 15},500);
				
			});
			
	setTimeout(changePlaces, image_delay);
	
	$("div.scrollable").scrollable({ 
    next: '#more_btn', 
    prev: '#less_btn',
		size: 3
	});
	
	$('div.scrollable div.items div').append('<div class="lc"></div><div class="rc"></div>')
});