$(function() {
	
	$("div.scrollable").scrollable({size:5}).circular();
	//preload gallery images 
	$("ul.items li a").each(function() {
		var newImgPath = $(this).attr("href");
		img = new Image();
		img.src=newImgPath;
	});
	
	
	$("ul.items li a").click(function() {
		
		//$(".main_project_image img").remove();
		
		if( !$(this).parents(".image_gallery").hasClass("opened") ) {
			
			$("<img class='gallery_main_img' src="+$(this).attr('href')+" alt=''></img>")
			.appendTo($(this).parents(".image_gallery").find(".main_image"));
			
			$(this).parents(".image_gallery").find(".main_image").slideDown();
			$(this).parents(".image_gallery").addClass("opened");
			$(this).parents(".image_gallery").find(".open_gallery").text("Click to close gallery");
			
			$.scrollTo($(this).parents(".image_gallery"),800);	
			return false;	
		}
		else {
			$(this).parents(".image_gallery").find(".main_image img").attr("src", $(this).attr('href'));
		}
		
		return false;
		
	});
	
	$("a.open_gallery").click(function() {
		
		//$(".main_project_image img").remove();
		
		if( !$(this).parents(".image_gallery").hasClass("opened") ) {
			
			$("<img class='gallery_main_img' src="+$(this).parent('.image_gallery').find('ul.items li:first-child a').attr('href')+" alt=''></img>")
			.appendTo($(this).parent(".image_gallery").find(".main_image"));
			$(this).parent(".image_gallery").find(".main_image").slideDown();
			$(this).text("Click to close gallery");
			
			$(this).parents(".image_gallery").addClass("opened");
			
			$.scrollTo($(this).parents(".image_gallery"),800);	
		}
		else {
				$(this).parent(".image_gallery").find(".main_image").slideUp( 500, function(){ 
						
						$(this).parents(".image_gallery").find(".main_image img").remove();
					});
				$(this).text("Click to see the full images");

				$(this).parents(".image_gallery").removeClass("opened");

				$.scrollTo($(this).parents(".image_gallery"),800);
		}
		
		return false;
		
	});

});