$(document).ready(function()
{
	$(".logo").click(function()
	{
		window.location.href = "index.php";
	});
				
	$(".ceebox").ceebox();
				
	// setup scroll effect
	var $prev = $('.browse-prev'),
		$next = $('.browse-next');
					
	function trigger(e, elem, $pane, $items, pos )
	{
		$prev.add($next).show();
		
		if( pos == 0 )
			$prev.hide();
		else if( pos == $items.length-1 )
			$next.hide();
			
		/*
		$prev.add($next).fadeIn('slow');
		
		if( pos == 0 )
			$prev.fadeOut('fast');
		else if( pos == $items.length-1 )
			$next.fadeOut('fast');
		*/	
	}		
				
	var $scroll = $('.scroll');
	var $panels = $('.scroll-container > div.panel');
	
	// update the css of the browse-next element if 
	// there is more than 1 panel element
	
	if ($panels.length > 1)
		$('.browse-next').fadeIn('fast');
	
	var scrollOptions = {
  		target: $scroll,
  		items: $panels,
  		prev: '.browse-prev', 
  		next: '.browse-next',
  		cycle: false,
  		axis: 'xy',
  		duration: 500,
  		onBefore: trigger
  	};

	$('.thumbnail-container').serialScroll(scrollOptions);
	
	// custom scrollbar on rate container
	$('.rate-container').jScrollPane();
});