$(document).ready(function(){
	jQuery('#gallery ul#gallery-wraper').jcarousel({
		vertical: true
	});
	
	var gallery = $('#gallery');
	var previews = gallery.find('ul#gallery-wraper li');
	var bigImage = $('#big-image');
	var toolbar = $('#toolbar');
	//var stars = $('#stars');
	//var selectedPreview = previews.find('a.selected');
	var speed = 580;
	
	// toolbar events
	/*toolbar.hide();
	bigImage.hover(function(){
		toolbar.show();
	}, function(){
		toolbar.hide();
	});*/
	
	jQuery.each(previews, function() {
		$(this).find('a').click(function(){
			newImageSrc = $(this).find('img').attr('largesrc');
			newImage = new Image();
			oldImage = bigImage.find('img');
			previewLink = $(this).next();
			/*
			$('img.userIcon').load(function(){
				if($(this).height() > 100) {
					$(this).addClass('bigImg');
				}
			});
			*/
			newImage.onload = function(){
				// swap info
				$('#toolbar').html(previewLink.html());
				//stars.html(previewLink.next().next().html());
				
				//oldImage.remove();
				// show new image
				bigImage.append(newImage);
				bigImage.find('img:not(:first)').css({ 'margin-top': speed + "px", 'z-index': '999' }).animate({ marginTop: "0px" }, 600 );
				
				// hide old image 
				oldImage.css({ 'z-index': '-999' }).animate({ marginTop: speed + "px" }, speed );
				setTimeout(function(){ oldImage.remove(); }, speed)
					
				// swap previews
				previews.find('a.selected').removeClass('selected').animate({ left: "0px" }, speed)
				previewLink.animate({ left: "80px" }, speed).addClass('selected');
			}
			newImage.src = newImageSrc;
		});
	});

	// bootstrap
	hash = location.hash.substring(1);
	if (hash != '')
		previews.find('a#photo-' + hash).click();
	else
	{
		photo = previews.find('a:first');
		previews.find('a#' + $(photo).attr('id')).click();
	}
});