// JavaScript Document

var slide_items;
var slide_offset	= 30;
var slide_w 		= 150;
var complete		= true;
var slide_t			= 200;
var slide_max_items = 3;

function Slideshow()
{
	this.init	= function()
	{
		$(window).load
		(
			function()
			{	
				init_slider_menu('.slideshow');	
			}
		);
	}
}


var slideshow	= new Slideshow();
slideshow.init();



function init_slider_menu( list )
{
	$(list).css('display', 'block');
	
	$('.btn_left').click
	(
		function() 
		{
			slide(-1);
			return false;
		}		
	);


	$('.btn_right').click
	(
		function() 
		{
			slide(1);
			return false;
		}		
	);
	
	
	slide_items		= $("img", list);
	
	$.each(slide_items, function(key, value)
		{
			$(value).removeClass('inactive').removeClass('active');
			//$(value).css("left", (slide_w * key) + "px").css("visibility", "visible");
		}	
	)
	
	if(slide_items.length > slide_max_items)
	{
		$('.btn_left').css("display", "block");
		$('.btn_right').css("display", "block");
	}
}


function slide(dir)
{
	var left_pos;
	
	if(!complete) return;
	
	complete = false;
	
	if(dir>0)
	{
		$.each(slide_items, function(key, value)
		{
			left_pos 	= $(value).position().left + slide_w;
			
			if(left_pos >= (slide_items.length) * slide_w) 
			{
				$(value).css("left", -slide_w + "px");
				left_pos = slide_offset;
			}
			
			$(value).animate
			(
				{
    				left: left_pos
  				}, 
				slide_t, 
				function() 
				{
    				if(key==slide_items.length-1) complete = true;
  				}
			);
		});
	}
	else
	{
		$.each(slide_items, function(key, value)
		{
			left_pos 	= $(value).position().left - slide_w;
			
			if(left_pos < -slide_w) 
			{
				$(value).css("left", ((slide_items.length-1) * slide_w) + "px");
				left_pos = slide_offset + ((slide_items.length - 2) * slide_w);
			}
			
			$(value).animate
			(
				{
    				left: left_pos
  				}, 
				slide_t, 
				function() 
				{
    				if(key==slide_items.length-1) complete = true;
  				}
			);
		});
	}
}