$(function(){

	var num_panels, newest_nav, newest_div_width, $items, $newest_nav_btns;

	$('#newest .scrollable .items div.panel:empty').remove();
	num_panels = $('#newest .scrollable .items div.panel').length;
	$items = $('#newest .scrollable .items');
	newest_div_width = parseInt($('#newest .scrollable .items div.panel').eq(0).width());

	if(num_panels > 1)
	{

		newest_nav = '';

		for(var i = 0; i < num_panels; i++)
		{

			newest_nav += '<a class="btn" rel="' + i + '" href="#">' + i + '</a>';

		}

		$('#newest .slideshow_nav').html(newest_nav);
		$newest_nav_btns = $('#newest .slideshow_nav a');
		$newest_nav_btns.first().addClass('current');
		$('#newest a.prev').css('background-position', 'right').css('cursor', 'default');

	}
	else
	{

		$('#newest a.browse').css('background-position', 'right');

	}

	$('#newest .slideshow_nav a').live('click',function(e){
	
		var panel = parseInt($(this).attr('rel'));
		var max_pos = (num_panels - 1);

		if(panel == 0)
		{

			$('#newest a.prev').css('background-position', 'right').css('cursor', 'default');
			$('#newest a.next').css('background-position', '-39px').css('cursor', 'pointer');

		}
		else if(panel == max_pos)
		{

			$('#newest a.next').css('background-position', 'right').css('cursor', 'default');
			$('#newest a.prev').css('background-position', 'left').css('cursor', 'pointer');

		}
		else
		{

			$('#newest a.prev').css('background-position', 'left').css('cursor', 'pointer');
			$('#newest a.next').css('background-position', '-39px').css('cursor', 'pointer');
	
		}

		panel = panel * -1;
		var panel_pos = panel * newest_div_width;
		$items.animate({left: panel_pos},500,function(){});
		$newest_nav_btns.removeClass('current');
		$(this).addClass('current');
		e.preventDefault();
	
	});

	$('#newest a.browse').click(function(e){
		
		curr_nav = $('#newest .slideshow_nav a.current').attr('rel');
		var curr_pos = parseInt($items.css('left'));
		var max_pos = (num_panels - 1) * -newest_div_width;
		var new_pos, new_nav;
		
		if($(this).hasClass('prev') && curr_pos != 0)
		{

			new_nav = (parseInt(curr_nav) - 1) ;
			$newest_nav_btns.eq(curr_nav).removeClass('current');
			$newest_nav_btns.eq(new_nav).addClass('current');
			new_pos = curr_pos + newest_div_width;
			$items.animate({left: new_pos},500,function(){});

			$('#newest a.next').css('background-position', '-39px').css('cursor', 'pointer');

			if(new_pos == 0)
			{

				$('#newest a.prev').css('background-position', 'right').css('cursor', 'default');

			}

		
		}
		else if($(this).hasClass('next') && curr_pos != max_pos)
		{

			new_nav = (parseInt(curr_nav) + 1) ;
			$newest_nav_btns.eq(curr_nav).removeClass('current');
			$newest_nav_btns.eq(new_nav).addClass('current');
			new_pos = curr_pos - newest_div_width;
			$items.animate({left: new_pos},500,function(){});

			$('#newest a.prev').css('background-position', 'left').css('cursor', 'pointer');

			if(new_pos == max_pos)
			{

				$('#newest a.next').css('background-position', 'right').css('cursor', 'default');

			}

		}

		console.log(curr_nav);
		
		e.preventDefault();
	
	});

});