jQuery(document).ready(function($){
//Gallery
	$('#mycarousel').jcarousel({
		vertical:true	
	}); 
	
	//By default, show the first gallery image and description
		var firstimg = '#mycarousel li:first';
		// Get the gallery id to create the link to the gallery landing page
		var pathtogal =	$(firstimg).find('a').attr('href');
		var pathvalues = pathtogal.split("/");
		var galleryid = pathvalues[2];
		// Get the following values
		var imgtitle = $(firstimg).find('a').attr('title');
		var imgdesc = $(firstimg).find('a').attr('rev');
		var imgpath = $(firstimg).find('a').attr('href');
		var imgcontent = '<a href="698-galeria.html?gid='+galleryid+'"><img src="'+ imgpath +'" height="280" width="210" alt="'+imgtitle+'" /></a>';
		$('#galleryPhoto').html(imgcontent);
		$('#galleryText h3 a').text(imgtitle);
		$('#galleryText p').text(imgdesc);
	
	$('#mycarousel li').live('click',function(e){
		e.preventDefault();
		var imgtitle = $(this).find('a').attr('title');
		var imgdesc = $(this).find('a').attr('rev');
		var imgpath = $(this).find('a').attr('href');
		var imgcontent = '<a href="698-galeria.html?gid='+galleryid+'"><img src="'+ imgpath +'" height="280" width="210" alt="' + imgtitle + '" /></a>';
		$('#galleryPhoto').html(imgcontent);
		$('#galleryText h3 a').text(imgtitle);
		$('#galleryText p').text(imgdesc);
	});
});