var pvlist_m = 0;
var pvlist_i;
var roll_list;
var roll_li_w;
var roll_list_w;
var roll_w;
var roll_speed = 20;

function roller_init(conteiner_id, list_id, speed){
	if(speed) roll_speed = speed;
	roll_list = document.getElementById(list_id);
	var li = roll_list.getElementsByTagName('LI');
	roll_li_w = li[0].clientWidth + 1;
	//alert(li[0].style.getProperty('width'));
	
	/*var a = '';
	for(var k in li[0].style) a += k+': '+li[0].style[k]+ '\n';
	alert(a);*/

	roll_list_w = li.length * roll_li_w;
	
	roll_w = document.getElementById(conteiner_id).clientWidth;
	
	roll_list.style.width = roll_list_w + 'px';

	for(var i=0; i < li.length; i++ ){
		if(li[i].className.indexOf('now') != -1){
			pvlist_m =  -(i * roll_li_w);
			
			if(roll_list_w + pvlist_m < roll_w){
				pvlist_m = - (roll_list_w - roll_w);
			}
			
			break;
		}
	}
	
	roll_list.style.marginLeft = pvlist_m + 'px';
	
	window.onresize = function(){
		roll_w = document.getElementById(conteiner_id).clientWidth;
	};
}

function rl_prev_loop(){
	pvlist_m += roll_speed;
	
	if(pvlist_m >= 0){
		pvlist_m = 0;
		roll_stop();
	}

	roll_list.style.marginLeft = pvlist_m + 'px';
}

function rl_next_loop(){
	pvlist_m -= roll_speed;
	
	if((roll_list_w + pvlist_m - roll_w) <= 0){
		pvlist_m = -(roll_list_w - roll_w);
		roll_stop();
	}
	
	roll_list.style.marginLeft = pvlist_m + 'px';
}

function roll_prev(){
	pvlist_i = setInterval('rl_prev_loop()', 80);
	return false;
}

function roll_next(){
	pvlist_i = setInterval('rl_next_loop()', 80);
	return false;
}

function roll_stop(){
	clearInterval(pvlist_i);
	return false;
}

function roll_goto(n){
	pvlist_m = -(n * roll_li_w);
	roll_list.style.marginLeft = pvlist_m + 'px';
}