var winW = $(window).width(),
    winH = $(window).height(),
    json = ["http:\/\/www.jewels-tokyo.com\/test\/img\/top_img\/how_bg01.jpg","http:\/\/www.jewels-tokyo.com\/test\/img\/top_img\/IMG_003.jpg","http:\/\/www.jewels-tokyo.com\/test\/img\/top_img\/IMG_001.jpg","http:\/\/www.jewels-tokyo.com\/test\/img\/top_img\/IMG_006.jpg","http:\/\/www.jewels-tokyo.com\/test\/img\/top_img\/IMG_007.jpg","http:\/\/www.jewels-tokyo.com\/test\/img\/top_img\/IMG_002.jpg"],
    max = json.length-1,
    img = new Image(),
    imgTop = new Image(),
    imgTopCaption = new Image(),
    imgTopCaption1 = new Image(),
    imgTopCaption2 = new Image(),
    url = $(location).attr("href");

$(function(){
	// オープニング画面
	if(!url.match(/\?top/)){
		var openingH = winH - 20,
            top_opening = (winH-853)/2,
            left_opening = (winW-1280)/2,
            top_opening_logo = 70,//(winH-104)/2 - 160,
            left_opening_logo = (winW-140)/2,
            html_str = "<img src='img/bg/IMG_004.jpg' style='position:absolute;top:"+top_opening+"px;left:"+left_opening+"px'/><img id='logo_opening' src='img/logo_opening.png' style='position:absolute;z-index:3;top:"+top_opening_logo+"px;left:"+left_opening_logo+"px'/>";
        
	    $("#opening")
		.html(html_str)
		.css({display:"block", width:"100%", height:winH, zIndex:5, position:"relative", cursor:"pointer", background:"#000"});

	    $("#site_frame").css({display:"none", opacity:0});
	    $("#opening").click(function(){
		    $("#opening").fadeOut(0,function(){
				$("#site_frame").css({display:"block",opacity:1});
		    });
	    });
		
	    var logo_img = new Image();
	    logo_img.src="img/logo_opening.png";
	    logo_img.onload = function(){
		setTimeout(function(){
			$("#opening").animate(
		                {opacity:0}, 
				400, 
				"easeOutQuart", 
				function(){
				    $("#opening").fadeOut("slow", function(){
					    $("#site_frame").css({display:"block"}).animate(
		                                {opacity:1}, 300,"easeInQuart");
				    });
				}
			);
		},3000);
	    }
		
	}

	$("#img_frame").append("<img src='"+json[0]+"' />");
	img.src = json[0];
	img.onload = function(){
		var hLeft = (winH - img.height)*3/8;
		$("#img_frame").css({margin:hLeft+"px 0 0 0"});
	}

    // ヘッダー部画像読込み
    imgTop.src = "img/ui/ui-bg.png";
    imgTopCaption.src  = "img/ui/ui-caption.png";
    imgTopCaption1.src = "img/ui/ui-caption-1.png";
    imgTopCaption2.src = "img/ui/ui-caption-2.png";

});

var add = function(){
	var init = 0;
	return function(){
		$("#img_frame img").fadeOut("slow", function(){
			init = (init==max)? 0 : init;
			img.src = json[init];
			img.onload = function(){
				var hLeft = (winH - img.height)*3/8;
				$("#img_frame").css({margin:hLeft+"px 0 0 0"});
				$("#img_frame img").attr("src", json[init])
								   .fadeIn("fast");
			}
		});
		return init = init+1;
	};
}
var changeImage = add();
var chImg = setInterval("changeImage()", 5000);