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



function banneropen()
{
	document.getElementById('thTopBanner').style.height = '318px';
}
function bannerclose()
{
	document.getElementById('thTopBanner').style.height = '48px';
}

jQuery.noConflict();

jQuery(document).ready(function($){
	// banner mouseover
/*
	$('#thTopBanner').mouseover(function() {
		$(this).height(318);
	});

	$('#thTopBanner').mouseout(function() {
		$(this).height(48);
	});
*/
	// 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}).autoscroll({
		autoplay: true,
		interval: 5000,
		api: true
	});
	$("#scroller4").scrollable({size: 3, speed: 1000}).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.pause();
}