$(function(){
		   
	var loopSpd = 5000;
	var moveSpd = 1000;
	
	var size = $('#top .list01 li').width() + 10;
		   
	var num = $('#top .list01 li').size();	   
	$('#top .list01 li').eq(1).css('left',size + 'px');
	$('#top .list01 li').eq(2).css('left','0px');
	
	for(var i = 3;i < num;i++){
		$('#top .list01 li').eq(i).css('left','-' + size + 'px');
	}
	
	var hoge = 0;
	
	var size2 = $('#top .list02 li').width() + 10;
		   
	var num2 = $('#top .list02 li').size();
	
	for(var ii = 1;ii < num2;ii++){
		if(ii < 5){
			$('#top .list02 li').eq(ii).css('left',(size2 *ii) + 'px');
		}
		else{
			$('#top .list02 li').eq(ii).css('left',(size2 * 5) + 'px');
		}
	}
	
	var hoge2 = 0;
	
	function timer(){
		
		if(hoge == (num - 3)){
			$('#top .list01 li').eq(num - 3).animate({'left':'+=' + size + 'px'},moveSpd);
			$('#top .list01 li').eq(num - 2).animate({'left':'+=' + size + 'px'},moveSpd);
			$('#top .list01 li').eq(num - 1).animate({'left':'+=' + size + 'px'},moveSpd);
			$('#top .list01 li').eq(0).animate({'left':'+=' + size + 'px'},moveSpd);
		}
		else if(hoge == (num - 2)){
			$('#top .list01 li').eq(num - 2).animate({'left':'+=' + size + 'px'},moveSpd);
			$('#top .list01 li').eq(num - 1).animate({'left':'+=' + size + 'px'},moveSpd);
			$('#top .list01 li').eq(0).animate({'left':'+=' + size + 'px'},moveSpd);
			$('#top .list01 li').eq(1).animate({'left':'+=' + size + 'px'},moveSpd);
		}
		else if(hoge == (num - 1)){
			$('#top .list01 li').eq(num - 1).animate({'left':'+=' + size + 'px'},moveSpd);
			$('#top .list01 li').eq(0).animate({'left':'+=' + size + 'px'},moveSpd);
			$('#top .list01 li').eq(1).animate({'left':'+=' + size + 'px'},moveSpd);
			$('#top .list01 li').eq(2).animate({'left':'+=' + size + 'px'},moveSpd);
		}
		else{
			for(var i = 0;i < 4;i++){
				$('#top .list01 li').eq(hoge + i).animate({'left':'+=' + size + 'px'},moveSpd);
			}
		}
		
		if(hoge2 == (num2 - 5)){
			$('#top .list02 li').eq(num2 - 5).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(num2 - 4).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(num2 - 3).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(num2 - 2).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(num2 - 1).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(0).animate({'left':'-=' + size2 + 'px'},moveSpd);
		}
		else if(hoge2 == (num2 - 4)){
			$('#top .list02 li').eq(num2 - 4).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(num2 - 3).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(num2 - 2).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(num2 - 1).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(0).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(1).animate({'left':'-=' + size2 + 'px'},moveSpd);
		}
		else if(hoge2 == (num2 - 3)){
			$('#top .list02 li').eq(num2 - 3).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(num2 - 2).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(num2 - 1).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(0).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(1).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(2).animate({'left':'-=' + size2 + 'px'},moveSpd);
		}
		else if(hoge2 == (num2 - 2)){
			$('#top .list02 li').eq(num2 - 2).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(num2 - 1).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(0).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(1).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(2).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(3).animate({'left':'-=' + size2 + 'px'},moveSpd);
		}
		else if(hoge2 == (num2 - 1)){
			$('#top .list02 li').eq(num2 - 1).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(0).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(1).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(2).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(3).animate({'left':'-=' + size2 + 'px'},moveSpd);
			$('#top .list02 li').eq(4).animate({'left':'-=' + size2 + 'px'},moveSpd);
		}
		else{
			for(var ii = 0;ii < 6;ii++){
				$('#top .list02 li').eq(hoge2 + ii).animate({'left':'-=' + size2 + 'px'},moveSpd);
			}
		}
		
		setTimeout(fun,(moveSpd + 100));
		function fun(){
			$('#top .list01 li').eq(hoge).css('left','-' + size + 'px');
			if(hoge == (num - 1)){
				hoge = 0;
			}
			else{
				hoge++;
			}
			
			$('#top .list02 li').eq(hoge2).css('left',(size2 * 5) + 'px');
			if(hoge2 == (num2 - 1)){
				hoge2 = 0;
			}
			else{
				hoge2++;
			}
		}
	}
	
	setInterval(timer,loopSpd);

	//search
	document.form.reset();
	$('#content .form dl').hide();
	$('#content .ui li img').click(function(){
		var name = $(this).parents('ul').attr('class').split(' ');
		var num = $('#content .ui .' + name[0] + ' li img').index(this);
		if(name[0] != 'genre'){
			if(num != 0){
				$('#content .ui .' + name[0] + ' li img').eq(0).attr('src',$('#content .ui .' + name[0] + ' li img').eq(0).attr('src').replace('_on','_off'));
				if($('#content .form .' + name[0] + ' input').eq(num - 1).attr('checked')){
					$('#content .form .' + name[0] + ' input').eq(num - 1).attr('checked',false);
					$('#content .ui .' + name[0] + ' li img').eq(num).attr('src',$('#content .ui .' + name[0] + ' li img').eq(num).attr('src').replace('_on','_off'));
					var flag = true;
					for(var i = 0;i < $('#content .ui .' + name[0] + ' li').size();i++){
						if($('#content .ui .' + name[0] + ' li img').eq(i).attr('src').indexOf('_on') != -1){
							flag = false;
							break;
						}
					}
					if(flag){
						$('#content .ui .' + name[0] + ' li img').eq(0).attr('src',$('#content .ui .' + name[0] + ' li img').eq(0).attr('src').replace('_off','_on'));
					}
				}
				else{
					$('#content .form .' + name[0] + ' input').eq(num - 1).attr('checked',true);
					$('#content .ui .' + name[0] + ' li img').eq(num).attr('src',$('#content .ui .' + name[0] + ' li img').eq(num).attr('src').replace('_off','_on'));
				}
			}
			else{
				$('#content .form .' + name[0] + ' input').attr('checked',false);
				for(var i = 0;i < $('#content .ui .' + name[0] + ' li').size();i++){
					$('#content .ui .' + name[0] + ' li img').eq(i).attr('src',$('#content .ui .' + name[0] + ' li img').eq(i).attr('src').replace('_on','_off'));
				}
				$('#content .ui .' + name[0] + ' li img').eq(num).attr('src',$('#content .ui .' + name[0] + ' li img').eq(num).attr('src').replace('_off','_on'));
			}
		}
		else{
			$('#content .form .' + name[0] + ' input').eq(num).attr('checked',true);
			for(var i = 0;i < $('#content .ui .' + name[0] + ' li').size();i++){
				$('#content .ui .' + name[0] + ' li img').eq(i).attr('src',$('#content .ui .' + name[0] + ' li img').eq(i).attr('src').replace('_on','_off'));
			}
			$('#content .ui .' + name[0] + ' li img').eq(num).attr('src',$('#content .ui .' + name[0] + ' li img').eq(num).attr('src').replace('_off','_on'));
		}
	});
	
});