var menu_items  = new Array();
var count_items = 0;
var width = 108;
var start_pos = 0;
var moved_to = 0;
var interval = '';
var is_moving = false;
var debuger = '';
var per_page = 4;
var element = '';
var element_back = '';
var element_next = '';
var per_click = 3;
var items_left = 0;
var powered = 0;
var inited = 0;
var how_to_move = per_click;
var current_move = 0;


function init()
{
	
	menu_items  = new Array();
	count_items = 0;
	width = 108;
	start_pos = 0;
	moved_to = 0;
	interval = '';
	is_moving = false;
	debuger = '';
	per_page = 4;
	element = '';
	element_back = '';
	element_next = '';
	per_click = 3;
	items_left = 0;
	
	
	how_to_move = per_click;
	current_move = 0;
 
	debuger 	 = document.getElementById('debuger');
	element 	 = document.getElementById('divi');
	
	element_back = document.getElementById('move_back');
	element_next = document.getElementById('move_next');
	
	getItems();
	
		
	checkBack();
	checkNext();
	
	inited = 1;
}


function getItems()
{
	
	menu_items  = element.getElementsByTagName('div');
	
	count_items = menu_items.length;
	
	items_left = count_items - per_page;
	if( items_left < 0 )
		items_left = 0;
		
}

function move( direction )
{

	if( inited == 0 )
		init();
	
	if( direction == 1 && is_moving == false && parseInt(element.style.left) < 0 )
	{
		
		how_to_move = count_items - per_page - items_left ;
		
		if( how_to_move > per_click )
			how_to_move = per_click;
			
		interval = setInterval('moveBack();', 16 );
		
		if( parseInt(element.style.left) != 0 )
			items_left = items_left + ( moved_to / width );
				
	}
	else if( direction == -1 && is_moving == false )
	{
		
		if( how_to_move > items_left )
			how_to_move = items_left;
		
		interval = setInterval('moveNext();', 16 );
		
	}
	
	
}

function moveBack(){
	
	if( !element )
	{
		clearInterval(interval);
		return;
	}
		
	if( moved_to  >= ( width * per_click ) || parseInt(element.style.left) == 0 )
	{
		items_left = items_left + how_to_move;
		start_pos = start_pos + moved_to;
		moved_to = 0;
		clearInterval( interval );
		
		checkBack();
		checkNext();
		
		current_move = 0;
		how_to_move = per_click;
		
		is_moving = false;
				
	}else{
		
		if( moved_to < ( width * how_to_move) - ( width / 2 )  )
		{
			
			if( moved_to <= (width * how_to_move) / 2  )
				current_move = 6;
			else
				current_move = 4;
				
		}
		
				
		if( moved_to >= ( width * how_to_move ) - ( width / 2 ) )
		{
			current_move = 1;
		}
		
		element.style.left = start_pos + moved_to + current_move + 'px';
		moved_to = moved_to + current_move;
		is_moving = true;
		
	}
		
}

function moveNext()
{
	if( !element )
	{
		clearInterval(interval);
		return;
	}
	
	if(  moved_to  >= ( width * how_to_move ) || items_left == 0 )
	{
		
		start_pos = start_pos - moved_to;
		moved_to = 0;
		clearInterval( interval );
		
		if( items_left > 0)
		{
			items_left = items_left - how_to_move;
		}
		
		checkBack();
		checkNext();
		
		current_move = 0;
						
		is_moving = false;
		
	}else{
		
		if( moved_to < ( width * how_to_move) - ( width / 2 )  )
		{
			
			if( moved_to <= (width * how_to_move) / 2  )
				current_move = 6;
			else
				current_move = 4;
				
		}
		
				
		if( moved_to >= ( width * how_to_move ) - ( width / 2 ) )
		{
			current_move = 1;
		}
		
		
		element.style.left = start_pos - moved_to - current_move + 'px';
		moved_to = moved_to + current_move ;
		is_moving = true;
		
		powered++;

	}
	
}


function debug( str, add )
{
	
	if( add = true )
	{
		debuger.innerHTML = debuger.innerHTML + " , " + str;
		
	}else{
		
		debuger.innerHTML = str;	
	}

}

function checkBack()
{
	
	if( parseInt(element.style.left) == 0 )
	{
		
		element_back.innerHTML = "<img src='img/arrow_left_inactive.gif' style='width:10px;height:50px;' border='0' alt='' />";
				
	}
	else if( parseInt(element.style.left) < 0 )
	{
		
		element_back.innerHTML = "<img src='img/arrow_left_active.gif' style='width:10px;height:50px;' border='0' alt='' />";
	}
}

function checkNext()
{
	
	if( count_items <= per_page || items_left < 1 )
	{
		element_next.innerHTML = "<img src='img/arrow_right_inactive.gif' style='width:10px;height:50px;' border='0' alt='' />";
		
	}
	else if( items_left > 0 )
	{
		element_next.innerHTML = "<img src='img/arrow_right_active.gif' style='width:10px;height:50px;' border='0' alt='' />";
	}
	
}