$(document).ready(function(){
		var img = $(".galleria-thumbs").children(":first");
		$(img).clone().appendTo('#main_image');
		
		if($(img).attr("alt"))
			$("#main_image").append("<div  class=\"caption\" style=\"background-color:#A8D36B;\" >"+$(img).attr("alt")+"</div>")
		
		$('#main_image').fadeTo('fast',1);
		$(".galleria-thumbs img").each(function() {
			// ON CLICK 
			$(this).click(function() {
					
					$(".galleria-thumbs img").each(function() {
						$(this).removeClass('selected');
					});
					
					$(this).addClass('selected');							
					var currImg = $(this);		
					$('#main_image').fadeTo('fast',0, function() {
							$('#main_image').empty();
							$(currImg).clone().appendTo('#main_image');
							if($(currImg).attr("alt"))
								$("#main_image").append("<div  class=\"caption\" style=\"background-color:#A8D36B;\" >"+$(currImg).attr("alt")+"</div>")
							$('#main_image').fadeTo('slow',1);
					});
				
				}); // FINE ONCLIK
		});
	});

function galleryPrev(){
	
	var prev = $('.galleria-thumbs img.selected').prev();
	if(!($(prev).attr("src")))
		return;
			   
	$('#main_image').fadeTo('fast',0, function() {
							$('#main_image').empty();
							
							$(".galleria-thumbs img").each(function() {
								$(this).removeClass('selected');
							});
							
							$(prev).addClass('selected');		
							$(prev).clone().appendTo('#main_image');
							
							if($(prev).attr("alt"))
								$("#main_image").append("<div  class=\"caption\" style=\"background-color:#A8D36B;\" >"+$(prev).attr("alt")+"</div>")
							
							$('#main_image').fadeTo('slow',1);
					});
}


function galleryNext(){
	
	var next = $('.galleria-thumbs img.selected').next();
	if(!($(next).attr("src")))
		return;
			   
	$('#main_image').fadeTo('fast',0, function() {
							$('#main_image').empty();
							
							$(".galleria-thumbs img").each(function() {
								$(this).removeClass('selected');
							});
							
							$(next).addClass('selected');		
							$(next).clone().appendTo('#main_image');
							
							if($(next).attr("alt"))
								$("#main_image").append("<div  class=\"caption\" style=\"background-color:#A8D36B;\" >"+$(next).attr("alt")+"</div>")
								
								
							$('#main_image').fadeTo('slow',1);
					});
}