$(function(){
	
	var url = document.URL
	var urlArray = url.split("/");
	switch(urlArray[urlArray.length - 1]){
		
		case "?cid=1":
			$('#menu_news').html('<img src="http://www.crossing-movie.jp/img/menu/02news_on.jpg"/>');
			break;
			
		case "story.html":
			$('#menu_story').html('<img src="img/menu/04story_on.jpg"/>');
			break;
			
		case "cast.html":
			$('#menu_cast').html('<img src="img/menu/05cast_on.jpg"/>');
			break;
			
		case "note.html":
			$('#menu_note').html('<img src="img/menu/03note_on.jpg"/>');
			break;
			
		case "?cid=2":
			$('#menu_theater').html('<img src="http://www.crossing-movie.jp/img/menu/06theater_on.jpg"/>');
			break;
			
		case "coment.html":
			$('#menu_coment').html('<img src="img/menu/07coment_on.jpg"/>');
			break;
			
		case "link.html":
			$('#menu_link').html('<img src="img/menu/08link_on.jpg"/>');
			break;
			
		case "cha1.html":
			$('.cha1').html('<img src="img/cha/cha1_ac.png"/>');
			$('div#chaBanner1').css('visibility','hidden');
			break;
			
		case "cha2.html":
			$('.cha2').html('<img src="img/cha/cha2_ac.png"/>');
			$('div#chaBanner1').css('visibility','hidden');
			break;
			
		case "cha3.html":
			$('.cha3').html('<img src="img/cha/cha3_ac.png"/>');
			$('div#chaBanner1').css('visibility','hidden');
			break;
			
		case "cha4.html":
			$('.cha4').html('<img src="img/cha/cha4_ac.png"/>');
			$('div#chaBanner1').css('visibility','hidden');
			break;
			
		case "dvd.html":
			$('div#dvdBanner3').css('visibility','hidden');
			break;
			
			
		default:
			;
		
	}
	
	
	
});

function lineCome(no){
	
	$('.c1').css('border','0px');
	$('.c2').css('border','0px');
	$('.c3').css('border','0px');
	$('.c4').css('border','0px');
	$('.c5').css('border','0px');
	$('.c6').css('border','0px');
	$('.c7').css('border','0px');
	$('.c8').css('border','0px');
	$('.c9').css('border','0px');
	$('.c10').css('border','0px');
	$('.c11').css('border','0px');
	$('.c12').css('border','0px');
	$('.c13').css('border','0px');
	$('.c14').css('border','0px');
	$('.c15').css('border','0px');
	$('.c16').css('border','0px');
	$('.c17').css('border','0px');
	$('.c18').css('border','0px');
	
	switch(no){
	case 1:
		$('.c1').css('border','1px solid #666666');
		break;
	case 2:
		$('.c2').css('border','1px solid #666666');
		break;
	case 3:
		$('.c3').css('border','1px solid #666666');
		break;
	case 4:
		$('.c4').css('border','1px solid #666666');
		break;
	case 5:
		$('.c5').css('border','1px solid #666666');
		break;
	case 6:
		$('.c6').css('border','1px solid #666666');
		break;
	case 7:
		$('.c7').css('border','1px solid #666666');
		break;
	case 8:
		$('.c8').css('border','1px solid #666666');
		break;
	case 9:
		$('.c9').css('border','1px solid #666666');
		break;
	case 10:
		$('.c10').css('border','1px solid #666666');
		break;
	case 11:
		$('.c11').css('border','1px solid #666666');
		break;
	case 12:
		$('.c12').css('border','1px solid #666666');
		break;
	case 13:
		$('.c13').css('border','1px solid #666666');
		break;
	case 14:
		$('.c14').css('border','1px solid #666666');
		break;
	case 15:
		$('.c15').css('border','1px solid #666666');
		break;
	case 16:
		$('.c16').css('border','1px solid #666666');
		break;
	case 17:
		$('.c17').css('border','1px solid #666666');
		break;
	case 18:
		$('.c18').css('border','1px solid #666666');
		break;
		
	}
	
}

function smartRollover() {
	if(document.getElementsByTagName) {
		var images = document.getElementsByTagName("img");

		for(var i=0; i < images.length; i++) {
			if(images[i].getAttribute("src").match("_off."))
			{
				images[i].onmouseover = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
				}
				images[i].onmouseout = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
				}
			}
		}
	}
}

if(window.addEventListener) {
	window.addEventListener("load", smartRollover, false);
}
else if(window.attachEvent) {
	window.attachEvent("onload", smartRollover);
}