//ロールオーバー用JavaScript
/*
v0.1
update 2008.10.27
*/
//イベントハンドラを設定
function rollOver(){
	var allimg = document.getElementsByTagName('img');
	for(i=0; i<allimg.length; i++){
		if(allimg[i].src.indexOf('_off') >= 0){
			preloadImg(allimg[i].src.replace('_off', '_on'));
			allimg[i].onmouseover = function(){
				this.setAttribute("src", this.src.replace('_off', '_on'));
			}
			allimg[i].onmouseout = function(){
				this.setAttribute("src", this.src.replace('_on', '_off'));
			}
		}
	}
}

//プリロードイメージ
function preloadImg(o){
	var i = new Image;
	i.src = o;
}
//グローバルナビゲーション現在地反転
function onGlobalNaviBtn(id){
	if(document.getElementById) {
		var image = document.getElementById(id);
		image.onmouseout = null;
		image.setAttribute("src", image.getAttribute("src").replace("_off", "_on"));
	}
}
//ローカルナビゲーション現在地反転
function onLocalNaviBtn(id){
	if(document.getElementById) {
		var navi = document.getElementById(id);
		navi.onmouseout = null;
		navi.setAttribute("src", navi.getAttribute("src").replace("_off", "_on"));
	}
}

if(window.addEventListener){
	window.addEventListener("load", rollOver, false);
}else if(window.attachEvent){
	window.attachEvent("onload", rollOver);
}
//最小ウインドウサイズを905pxに制御
function minWindowSize(){
	var newWidth;
	newWidth = $(window).width();
	if(newWidth<=905){
		$("body").css("width", 905);
	}else{
		$("body").css("width", "auto");
	}
}
$(window).resize(function(){
	minWindowSize();
});
$(function() {
		   minWindowSize();
		   });
//トップページ3画像ランダム切り替え
$(function() {
	//0-3を乱数で取得
	var randum = Math.floor( Math.random() * 4 ); 
	switch(randum){
	case 0:$("#topImage").html("<img src='common/images/img_rnd_1.jpg' /><div id='topImage1'><p><span class='ita'>Silk Tube</span> Graz Austria</p></div>");
	break;
	case 1:$("#topImage").html("<img src='common/images/img_rnd_2.jpg' /><div id='topImage2'><p><span class='ita'>INFINITY</span> New York U.S.A.</p></div>");
	break;
	case 2:$("#topImage").html("<img src='common/images/img_rnd_3.jpg' /><div id='topImage3'><p><span class='ita'>Indigo dyeing felt</span> Kyoto Japan</p></div>");
	break;
	case 3:$("#topImage").html("<img src='common/images/img_rnd_4.jpg' /><div id='topImage4'><p><span class='ita'>Mountain Lake in the early morning</span> (1988)</p></div>");
	break;
	}
});
//ギャラリーページ画像切り替え								   
$(function() {
		   
		   var frag = 1;
		$("#map01 img").hover(function(){$(this).addClass("rollover");},function(){$(this).removeClass("rollover");});
		$("#map02 img").hover(function(){$(this).addClass("rollover");},function(){$(this).removeClass("rollover");});
		$("#map03 img").hover(function(){$(this).addClass("rollover");},function(){$(this).removeClass("rollover");});
		$("#map04 img").hover(function(){$(this).addClass("rollover");},function(){$(this).removeClass("rollover");});
		$("#map05 img").hover(function(){$(this).addClass("rollover");},function(){$(this).removeClass("rollover");});
		$("#map06 img").hover(function(){$(this).addClass("rollover");},function(){$(this).removeClass("rollover");});
		$("#map07 img").hover(function(){$(this).addClass("rollover");},function(){$(this).removeClass("rollover");});	
	//キャッシュ
	var IDstage = $("#stage");
	$("#samlist img").hover(function(){
		 $(this).addClass("rollover");
		 //右リストクリックで画像切り替え
		 $(this).click(function(){
			var samNo = $(this).attr("src").split("_").pop();
			var mainSrc = IDstage.attr("src").split("_").pop();
			frag = samNo.split(".");
			frag = frag[0];
			var result = IDstage.attr("src").replace(mainSrc,samNo);
			IDstage.attr("src", result);
			
			$(".no").css("color","#000");
			switch(frag){
			case "1":$(".item1").css("color","#824883");
			break;
			case "2":$(".item2").css("color","#824883");
			break;
			case "3":$(".item3").css("color","#824883");
			break;
			case "4":$(".item4").css("color","#824883");
			break;
			case "5":$(".item5").css("color","#824883");
			break;
			case "6":$(".item6").css("color","#824883");
			break;
			case "7":$(".item7").css("color","#824883");
			break;
			case "8":$(".item8").css("color","#824883");
			break;
			case "9":$(".item9").css("color","#824883");
			break;
			case "10":$(".item10").css("color","#824883");
			break;
			case "11":$(".item11").css("color","#824883");
			break;
			}
				 
			 });
		 },	function(){
		 $(this).removeClass("rollover");
		 });						
	//画像番号クリックできりかえ
	$(".no").click(function(){	

		var No = $(this).text();
		frag = No;
		No = No+".jpg";
		var mainSrc = IDstage.attr("src").split("_").pop();
		var result = IDstage.attr("src").replace(mainSrc,No);
		IDstage.attr("src", result);
		
			$(".no").css("color","#000");
			switch(frag){
			case "1":$(".item1").css("color","#824883");
			break;
			case "2":$(".item2").css("color","#824883");
			break;
			case "3":$(".item3").css("color","#824883");
			break;
			case "4":$(".item4").css("color","#824883");
			break;
			case "5":$(".item5").css("color","#824883");
			break;
			case "6":$(".item6").css("color","#824883");
			break;
			case "7":$(".item7").css("color","#824883");
			break;
			case "8":$(".item8").css("color","#824883");
			break;
			case "9":$(".item9").css("color","#824883");
			break;
			case "10":$(".item10").css("color","#824883");
			break;
			case "11":$(".item11").css("color","#824883");
			break;
			}
				
	});
});

$(document).ready(function(){  
    $("#photoNumber span").each(function (i) {  
        i = i+1;
		iclass = "item"+i
		$(this).addClass(iclass);  
    });  
});