﻿window.onresize = windowChange;

$(function () {
	windowChange();
	
	ranNum=parseInt(Math.random()*4)+1;
	
	// 共通
	$("body").addClass("bg0"+ranNum);
	$("#logo img").fadeOut(0, function() {});
	$("#hm img").fadeOut(0, function() {});
	$("#twitter").fadeOut(0, function() {});
	
	$("#logo img").fadeIn(1000, function() {});
	$("#hm01 img").delay(500).fadeIn(1000, function() {});
	
	$("#hm02 img").delay(600).fadeIn(1000, function() {});
	$("#hm03 img").delay(700).fadeIn(1000, function() {});
	$("#hm04 img").delay(800).fadeIn(1000, function() {});
	$("#hm05 img").delay(900).fadeIn(1000, function() {});
	$("#hm06 img").delay(1000).fadeIn(1000, function() {});
	$("#hm07 img").delay(1100).fadeIn(1000, function() {});	
	$("#twitter").delay(1200).fadeIn(1000, function() {});	
	
	
	$("#home #hm01").addClass("current");
	$("#concept #hm02").addClass("current");
	$("#catalog #hm03").addClass("current");
	$("#dealer #hm04").addClass("current");
	$("#contact #hm07").addClass("current");
	
	$("#hm li").not(".current").delegate("a","mouseover", function(e) {
		if($(this).css("top")=="0px" || $(this).css("top")=="0") {
			$(this).animate({top:"-24"},"slow");
		}
	});
	$("#hm li").not(".current").delegate("a","mouseout", function(e) {
		$(this).animate({top:"0"},"slow");
	});
	
	// トップページ
	$("#top-logo img").fadeOut(0, function() {});
	$("#top-logo img").fadeIn(1000, function() {});
	$("#top-logo").delegate("img","mouseover", function(e) {
		$(this).attr("src","img_top/logo_o.gif");
	});
	$("#top-logo").delegate("img","mouseout", function(e) {
		$(this).attr("src","img_top/logo.gif");
	});	
	
	//ホーム
	$("#home-menu h1").fadeOut(0, function() {});
	$("#home-menu li").fadeOut(0, function() {});
	
	$("#home-menu01 img").attr("src","img_home/m01_0"+ranNum+".gif");
	$("#home-menu01").fadeIn(1000, function() {});
	$("#home-menu01").animate({marginLeft:"10px"},"fast");	
	$("#home-menu02 img").attr("src","img_home/m02_0"+ranNum+".gif");
	$("#home-menu02").delay(100).fadeIn(1000, function() {});
	$("#home-menu02").animate({marginLeft:"10px"},"fast");	
	$("#home-menu03 img").attr("src","img_home/m03_0"+ranNum+".gif");
	$("#home-menu03").delay(200).fadeIn(1000, function() {});
	$("#home-menu03").animate({marginLeft:"10px"},"fast");
	$("#home-menu04 img").attr("src","img_home/m04_0"+ranNum+".gif");
	$("#home-menu04").delay(300).fadeIn(1000, function() {});
	$("#home-menu04").animate({marginLeft:"10px"},"fast");
	$("#home-menu05 img").attr("src","img_home/m05_0"+ranNum+".gif");
	$("#home-menu05").delay(400).fadeIn(1000, function() {});
	$("#home-menu05").animate({marginLeft:"10px"},"fast");
	$("#home-menu06 img").attr("src","img_home/m06_0"+ranNum+".gif");
	$("#home-menu06").delay(500).fadeIn(1000, function() {});
	$("#home-menu06").animate({marginLeft:"10px"},"fast");
	$("#home-menu07 img").attr("src","img_home/m07_0"+ranNum+".gif");
	$("#home-menu07").delay(600).fadeIn(1000, function() {});
	$("#home-menu07").animate({marginLeft:"10px"},"fast");
	
	
	$("#home-menu").delegate("img","mouseover", function(e) {
		var onSrc = $(this).attr('src').replace('.gif', '_o.gif');
		$(this).attr('src', onSrc);
	});
	$("#home-menu").delegate("img","mouseout", function(e) {
		var onSrc = $(this).attr('src').replace('_o.gif', '.gif');
		$(this).attr('src', onSrc);
	});
	
	
	// コンセプト
	$("#concept #concept-txt img").attr("src","img_concept/text0"+ranNum+".gif");
	$("#concept #concept-txt img").animate({
		filter: "alpha(opacity=0)",
		"-moz-opacity":0,
		opacity:0
	}, 0, "swing");
	$("#concept #concept-txt img").animate({
		filter: "alpha(opacity=100)",
		"-moz-opacity":1,
		opacity:1
	}, 1000, "swing");
	
	// カタログ
	var ctlgNum=3;
	var ctlgLeft=1;
	var ctlgRight=2;
	var ctlgMoving=false;
	$("#catalog #catalog-list #catalog01 img").attr("src","img_catalog/text2011aw_0"+ranNum+".gif");
	$("#catalog #catalog-list #catalog02 img").attr("src","img_catalog/text2011ss_0"+ranNum+".gif");
	$("#catalog #catalog-list #catalog03 img").attr("src","img_catalog/text2010aw_0"+ranNum+".gif");
	$("#catalog #catalog-list img").fadeOut(0, function() {});
	$("#catalog #catalog-btn img").fadeOut(0, function() {});
	$("#catalog #catalog-list li.catalog-image img").fadeIn(1000, function() {});
	if(ctlgLeft!=1) {
		$("#catalog #catalog-btn li#btn-left img").fadeIn(1000, function() {});
	}
	if(ctlgRight!=ctlgNum) {
		$("#catalog #catalog-btn li#btn-right img").fadeIn(1000, function() {});
	}
	$("#catalog #catalog-list li.catalog-image").delay(1000).css("background","url(img_catalog/catalog_bg.gif) left top no-repeat");
	
	$("#catalog #catalog-btn").delegate("li.btn img","mouseover", function(e) {
		$(this).attr('src', $(this).attr('src').replace('.gif', '_on.gif'));
	});
	$("#catalog #catalog-btn").delegate("li.btn img","mouseout", function(e) {
		$(this).attr('src', $(this).attr('src').replace('_on.gif', '.gif'));
	});
	$("#catalog #catalog-btn").delegate("li.btn","click", function(e) {
		var btnId = $(this).attr('id');
		if(btnId=="btn-right" && !ctlgMoving) {
			if(ctlgRight!=ctlgNum) {
				$("#catalog #catalog-list li.catalog-left").fadeOut(1000, function() {
					$("#catalog #catalog-list li.catalog-left").removeClass("catalog-left");
				});
				
				$("#catalog #catalog-list li.catalog-right").delay(1000).animate({left:"0"},1000, function() {								
					$("#catalog #catalog-list li.catalog-right").addClass("catalog-left");		
					$("#catalog #catalog-list li.catalog-right").removeClass("catalog-right");
					ctlgLeft++;
					ctlgRight++;
					$("#catalog #catalog-list li#catalog0"+ctlgRight).addClass("catalog-right").fadeOut(0, function() {});
					$("#catalog #catalog-list li.catalog-right").fadeIn(1000, function() {});
					
					if(ctlgRight>=ctlgNum) {
						$("#catalog #catalog-btn li#btn-right img").fadeOut(1000, function() {});
					}
					if(ctlgLeft>1) {
						$("#catalog #catalog-btn li#btn-left img").fadeIn(1000, function() {});
					}
					ctlgMoving=false;
				});
			}
		}
		if(btnId=="btn-left" && !ctlgMoving) {
			ctlgMoving=true;
			if(ctlgLeft!=1) {
				$("#catalog #catalog-list li.catalog-right").fadeOut(1000, function() {
					$("#catalog #catalog-list li.catalog-right").removeClass("catalog-right");
				});
				
				$("#catalog #catalog-list li.catalog-left").delay(1000).animate({left:"428px"},1000, function() {								
					$("#catalog #catalog-list li.catalog-left").addClass("catalog-right");		
					$("#catalog #catalog-list li.catalog-left").removeClass("catalog-left");
					ctlgLeft--;
					ctlgRight--;
					$("#catalog #catalog-list li#catalog0"+ctlgLeft).addClass("catalog-left").fadeOut(0, function() {});
					$("#catalog #catalog-list li.catalog-left").fadeIn(1000, function() {});
					
					if(ctlgRight<ctlgNum) {
						$("#catalog #catalog-btn li#btn-right img").fadeIn(1000, function() {});
					}
					if(ctlgLeft<=1) {
						$("#catalog #catalog-btn li#btn-left img").fadeOut(1000, function() {});
					}
					ctlgMoving=false;
				});
			}
		}
	});
	
	// ディーラー
	$("#dealer #japan img").attr("src","img_dealer/japan0"+ranNum+".gif");	
	$("#Map").delegate("#area01","mouseover", function(e) {
		$("#areamap").attr("src","img_dealer/area01_0"+ranNum+".gif");
	});
	$("#Map").delegate("#area02","mouseover", function(e) {
		$("#areamap").attr("src","img_dealer/area02_0"+ranNum+".gif");
	});
	$("#Map").delegate("#area03","mouseover", function(e) {
		$("#areamap").attr("src","img_dealer/area03_0"+ranNum+".gif");
	});
	$("#Map").delegate("#area04","mouseover", function(e) {
		$("#areamap").attr("src","img_dealer/area04_0"+ranNum+".gif");
	});
	$("#Map").delegate("#area05","mouseover", function(e) {
		$("#areamap").attr("src","img_dealer/area05_0"+ranNum+".gif");
	});
	$("#Map").delegate(".area06","mouseover", function(e) {
		$("#areamap").attr("src","img_dealer/area06_0"+ranNum+".gif");
	});
	$("#Map").delegate("area","mouseout", function(e) {
		$("#areamap").attr("src","img_dealer/japan0"+ranNum+".gif");
	});
	
	$("#dealer #oversea img").attr("src","img_dealer/oversea0"+ranNum+".gif");	
	$("#oversea").delegate("img","mouseover", function(e) {
		$(this).attr("src","img_dealer/oversea0"+ranNum+"_o.gif");
	});
	$("#oversea").delegate("img","mouseout", function(e) {
		$(this).attr("src","img_dealer/oversea0"+ranNum+".gif");
	});
	
	
})

function windowChange() {
	if(jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) {
		if($("#container").attr('offsetHeight') < getBrowserHeight()) {
			$("#container").css("height", getBrowserHeight());
		} else {
			$("#container").css("height", "auto");
		}
	} else {
		$("#container").css({minHeight:getBrowserHeight()});
	}
	
	if($("#container").width()>980) {
		$("#catalog #catalog-btn").css("width", "980px");
	} else if($("#container").width()>900) {
		$("#catalog #catalog-btn").css("width", $("#container").width());
	} else {
		$("#catalog #catalog-btn").css("width", "900px");
	}
}
function getBrowserHeight() {
	if ( window.innerHeight ) {
		return window.innerHeight;
	}
	else if ( document.documentElement && document.documentElement.clientHeight != 0 ) {
		return document.documentElement.clientHeight;
	}
	else if ( document.body ) {
		return document.body.clientHeight;
	}
	return 0;
}
function getBrowserWidth() {
	if ( window.innerWidth ) {
		return window.innerWidth;
	}
	else if ( document.documentElement && document.documentElement.clientWidth != 0 ) {
		return document.documentElement.clientWidth;
	}
	else if ( document.body ) {
		return document.body.clientWidth;
	}
	return 0;
}
$(function(){
	$(window).bind("load orientationchange",function(){
		if($.os.name == 'iphone' || $.os.name == 'ipod' || $.os.name == 'ipad') {
			if(Math.abs(window.orientation) === 90){
				$("body").removeClass("cutbottom");//横向きになった際の命令
				windowChange();
			}else{
				$("body").addClass("cutbottom");//縦向きになった際の命令
				$("#container").css({minHeight:780});
			}
		}
	})
})
