function flagChange(obj){
	var flag = obj.value;
	var flag_obj = document.getElementById('flag');
	flag_obj.src = "pic/flag_" + flag + ".gif";
}

jQuery.noConflict();

jQuery(document).ready(function($){
	// initialize scrollable together with the autoscroll plugin
	window.api = $("#scroller").scrollable({size: 3, speed: 1000}).circular().autoscroll({
		autoplay: true,
		interval: 5000,
		api: true
	});

	$("#scroller2").scrollable({size: 3, speed: 1000}).autoscroll({
		autoplay: true,
		interval: 5000,
		api: true
	});
	$("#scroller3").scrollable({size: 3, speed: 1000}).circular().autoscroll({
		autoplay: true,
		interval: 5000,
		api: true
	});
	$("#scroller4").scrollable({size: 3, speed: 1000}).circular().autoscroll({
		autoplay: true,
		interval: 5000,
		api: true
	});
});

function startScroll(){
	/*$("#startStop").html('Start | <a href="javascript:stopScroll();">Stop</a>');*/
	document.getElementById("startStop").innerHTML = translationStart + ' | <a href="javascript:stopScroll();">' + translationStop + '</a>';
	api.play()
}

function stopScroll(){
	/*$("#startStop").html('<a href="javascript:startScroll();">Start</a> | Stop');*/
	document.getElementById("startStop").innerHTML = '<a href="javascript:startScroll();">' + translationStart + '</a> | ' + translationStop;
	api.stop()
}