window.addEvent('domready', function(){
	$(document.body).getElements('#scrollnavibg').setStyle('display','block');
	$(document.body).getElements('#scrollnavi').setStyle('display','block');
	
	menunum = $(document.body).getElements('#scrollnavi li').length;
	
	
	var objcnt = 0;
	
	$(document.body).getElements('#scrollnavi li a').each(function(lia){
		objcnt++;
		img = new Element('img');
		img.src = 'tl_files/images/banner/'+$(lia).className+'_banner.jpg';
		$(img).addClass('switchimg');
		
		div = new Element('div');
		$(div).addClass('switchimgdiv switch_'+$(lia).className);
		
		$(img).inject(div,'bottom');
		$(div).inject($(document.body).getElements('#backgroundswitcher')[0],'bottom');
	});
	
	
	while($(document.body).getElements('#scrollnavi li').length < 7)
	{
		var newobj = $(document.body).getElements('#scrollnavi li').each(function(object){
			objcnt++;
			var newobj = object.clone();
			$(newobj).inject($(document.body).getElements('#scrollnavi ul.level_1')[0],'bottom');
		});
	}
	
	for(var i = 0; i < 3; i++)
	{
		var oldobj = $(document.body).getElements('#scrollnavi li')[$(document.body).getElements('#scrollnavi li').length - 1];
		newobj = oldobj.clone();
		oldobj.dispose();
		$(newobj).inject($(document.body).getElements('#scrollnavi ul.level_1')[0],'top');
	}
	
	$(document.body).getElements('#scrollnavi li')[3].addClass('active');
	
	classname = $(document.body).getElements('#scrollnavi li')[3].getElements('a')[0].className;
	$(document.body).getElements('#backgroundswitcher').setStyle('background','url("tl_files/images/banner/'+classname+'_banner.jpg")');
	
	setInterval("moveoneup();",6000);
});


function moveoneup()
{
	param = $(document.body).getElements('#scrollnavi li')[0];

	var newobj = param.clone();	
	
	$(newobj).inject($(document.body).getElements('#scrollnavi ul.level_1')[0],'bottom');
	
	$(document.body).getElements('#scrollnavi li').each(function(myli){myli.removeClass('active')});
	
	
	classname = $(document.body).getElements('#scrollnavi li')[4].getElements('a')[0].className;
	$(document.body).getElements('.switch_'+classname)[0].setStyle('width','0px');
	
	var myTween = new Fx.Tween(param, {
		duration: 1500,
		onComplete: function(el) {
			$(document.body).getElements('#scrollnavi li')[4].addClass('active');
			param.dispose();
		}
	});
	
	var myImageTween = new Fx.Tween($(document.body).getElements('.switch_'+classname)[0], {
		duration: 1500,
		onComplete: function(el) {
			$(document.body).getElements('#backgroundswitcher').setStyle('background','url("tl_files/images/banner/'+classname+'_banner.jpg")');
			$(document.body).getElements('.switch_'+classname).setStyle('width','0px');
		}
	});
	
	myImageTween.start('width', 0, 960);
	myTween.start('width', 155, 0);

}