var page_label = 'Stranica:'


function remove(string,what){
	return parseFloat(string.replace(what,''));
}

function getQuery2(x){	
	query = x.substring(x.indexOf('?'), x.length);
	return query.replace('%20', ' ').toQueryParams();	
}

function scroller(center){
	var items_cont = $('s_items_cont');
	var v = ($('scroller').className == 'v');
	//console.info(v)
	var items_scroll = $('s_items');
	//var pages_cont = $('pages');
	var pages_nav = $('pages_nav');
	var msg = $('s_msg');
	var msg_cont = $('s_msg_cont');
	var is_left = 0;
	var total_width = 0; // item_width * margin_right *items_length
	var total_height = 0; 
	var items = document.getElementsByClassName('s_item', items_scroll);
	var next = $('s_next_nav')
	var back = $('s_back_nav')
	var spacing = 21;
	var vspacing = 0;
	var page_size = null;
    var g= false;
    if($('scroller').parentNode.id == 'le') g= true;
    g ? page_size = items_cont.offsetWidth-40 :  page_size = items_cont.offsetWidth+2; 
	if(v) var page_size = 460;
	var doit = true;
	var c = null;
    var page;
    
    
	items[0].className += ' first';
	pages_nav.parentNode.onmouseover = function(){
	
		this.className += ' s_hover'
	}
	
	pages_nav.parentNode.onmouseout = function(){
		this.className = this.className.replace(' s_hover','')
	}
	
	
	//get total size
	function get_items_size(){		
		for(var i=0; i<items.length; i++){
			var items_width = 0;
			var items_space;
			items.length <= 1 ? items_space = 0 : items_space = items[1].offsetLeft - items[0].offsetLeft  - items[0].offsetWidth;
				total_width += items[i].offsetWidth;
				total_width += items_space;			
						
		}	
		return parseFloat(total_width);
	}
    var total_width = get_items_size();
	
	
	//if(!v) items_scroll.style.width = total_width + 'px';	
	
   

	
/*--------------------------------------------------- Vertical --------------------------------------------------------------*/
	
	//goToPage
	
	if(!v) var pages = total_width/page_size;
/*
console.info('total_width:' + total_width)	
console.info('page_size:' + page_size)
*/

	
	
	
	
	
	//move left / right
	function move_left (){
		new Effect.MoveBy(items_scroll, 0, -page_size,
		{beforeStart: set_false,
		 afterFinish: set_true}
		);		
		
	}

	
	function move_right (){
		new Effect.MoveBy(items_scroll, 0, page_size,
		{beforeStart: set_false,
		 afterFinish: set_true}
		);		
        
        
		
	}	
	
	

	
	
	
	// check if done
	function set_true(){
		doit = true;
	}
	
	function set_false(){
		doit = false;
	}
	
	
	
	// onclick actions
	
	if(!v){
		next.onclick = function(){
			is_left = items_scroll.style.left;
			is_left == isNaN(is_left) ? is_left = '0' : items_scroll.style.left;
			var flag = total_width + (remove(is_left, 'px')) > page_size;
			if(doit && flag) move_left();		
			return false;	
		}
		
		
		back.onclick = function(){
			is_left = items_scroll.style.left;		
			var flag = remove(is_left, 'px')  < 0;		
			if(doit && flag) move_right();
			return false;	
		}
	}
	


	
	
	

	
	msg_cont.style.display = 'none';
	items_scroll.style.display = 'block';
    
	//console.info(pages)
	if(pages>1){
    //console.log(items_scroll.style.left)
		back.style.display = 'block';
		next.style.display = 'block';
	}
	
}
function pretest(){
	if($('s_items_cont')) scroller();
}

Event.observe(window, 'load', pretest, false);