var _Common_ = {
	initRollovers:function(){
		if (!document.getElementById) return
		var aPreLoad = new Array();
		var sTempSrc;
		var aImages = document.getElementsByTagName('img');
		var img_Len = aImages.length;
		for (var i = 0; i < img_Len; i++) {		
			if (aImages[i].className == 'over') {
				var src = aImages[i].getAttribute('src');
				var ftype = src.substring(src.lastIndexOf('.'), src.length);
				var hsrc = src.replace(ftype, '_over'+ftype);
	
				aImages[i].setAttribute('hsrc', hsrc);
				aPreLoad[i] = new Image();
				aPreLoad[i].src = hsrc;
				aImages[i].onmouseover = function() {
					sTempSrc = this.getAttribute('src');
					this.setAttribute('src', this.getAttribute('hsrc'));
				}	
				aImages[i].onmouseout = function() {
					if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_x'+ftype, ftype);
					this.setAttribute('src', sTempSrc);
				}
			}
		} 
		
		var aInputs = document.getElementsByTagName('input');
		var img_Len = aInputs.length;
		for (var i = 0; i < img_Len; i++) {		
			if (aInputs[i].className == 'over') {
				var src = aInputs[i].getAttribute('src');
				var ftype = src.substring(src.lastIndexOf('.'), src.length);
				var hsrc = src.replace(ftype, '_over'+ftype);
	
				aInputs[i].setAttribute('hsrc', hsrc);
				aPreLoad[i] = new Image();
				aPreLoad[i].src = hsrc;
				aInputs[i].onmouseover = function() {
					sTempSrc = this.getAttribute('src');
					this.setAttribute('src', this.getAttribute('hsrc'));
				}	
				aInputs[i].onmouseout = function() {
					if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_x'+ftype, ftype);
					this.setAttribute('src', sTempSrc);
				}
			}
		}   
		return;
	},
	rand:function(x){
		number = Math.floor(Math.random() * x);
		return number;
	},
	url_Parse:function(url){
		var _ = false;
		if(url.indexOf("?") > 0 && url.indexOf("=") > 0){
			_ = new Array();
			var array = url.split("#");
			array = array[0].split("?");
			array = array[1].split("&");
			for(var i=0;i<array.length;i++){
				array[i] = array[i].split("=");
				var hash = array[i][0];
				var value = array[i][1];
				
				_[hash] = value;
			}
			delete array;
		}
		return _;
	}
};
var Cookie = { //cookie
	read:function(CookieName){
		if(document.cookie){
			var cookie_Data = document.cookie;
			var Name =cookie_Data.indexOf(CookieName + "=",0);
			if(Name >= 0){
				var Data = cookie_Data.indexOf(";",Name + CookieName.length + 1);
				Data >= 0? Data = cookie_Data.substring(Name + CookieName.length + 1,Data): Data = cookie_Data.substring(Name + CookieName.length + 1,cookie_Data.length);
				return(Data);
			}
		}
		return(false);
	},
	set:function(CookieName,Value){
		var time =new Date();
		time.setTime(time.getTime() + (1000*365*60*60*24));
		var exptime =";expires=" + time.toGMTString();
		document.cookie = CookieName + "=" + Value + exptime + "; path=/";
	},
	Delete:function(CookieName){
		var time =new Date();
		time.setTime(time.getTime() - (1000*365*60*60*24));
		var exptime =";expires=" + time.toGMTString();
		document.cookie = CookieName + "=" + exptime + "; path=/";
	}
};


// popupWindow ver1.2
function popupWindow (url, width, height, option, windowName){
	if (!width) width = window.innerWidth || document.documentElement.clientWidth;
	if (!height) height = window.innerHeight || document.documentElement.clientHeight;
	if (!option) option = 'menubar=0, toolbar=0, location=0, status=0, scrollbars=1, resizable=0';
	if (!windowName) windowName = "popup";
	var x = (screen.availWidth - width)/2;
	var y = (screen.availHeight - height)/3;
	var o = option+', width='+width+', height='+height+', left='+x+', top='+y;
	var win = window.open(url, windowName, o);
	
	if (win){
		win.focus();
		return false;
	} else {
		return true;
	}
};


/*

	■トップビジュアル

*/

var index = {};
index.current = 0;
index.init = function(){
	var Ln = $(".indexMain .mainVisual li").length;
	
	while ($(".indexMain .mainVisual li").length < 8){
	
		for(var i=0;i<Ln;i++){
		
			$(".indexMain .mainVisual ul").append($(".indexMain .mainVisual li").eq(i).clone(true));
			$(".indexMain .bnList ul").append($(".indexMain .bnList li").eq(i).clone(true));
		
		}
	
	}
	
	
	var Ln = $(".indexMain .mainVisual li").length;
	$(".indexMain .mainVisual").css({
		width:Ln * 680 + "px"
	});
	$(".indexMain .bnList ul").css({
		width:Ln * 185 + "px"
	});
	
	
	var i=0;
	$(".indexMain .mainVisual li a").each(function(){
		mainset($(this),i);
		$(this).mouseover(function(){
			$(this).stop()
				.css("opacity",0.5)
				.animate({
					opacity: 1
				},500,"easeOutCubic");
		});
		i++;
	});
	var i=0;
	$(".indexMain .bnList li img").each(function(){
		set($(this),i);
		i++;
	});
	
	function mainset(obj,i){
		obj.attr("id","Img_" + i);
	};
	function set(obj,i){
		obj.attr("id","Bn_" + i);
		obj.click(function(){
			return index.move(i);
		});
	};
	
	
	
	
	
	var _ = Math.floor(Ln * 0.5);
	for(var i=Ln-1; i>_; i--){
		$(".indexMain .mainVisual ul").prepend($(".indexMain .mainVisual li:last"));
		$(".indexMain .bnList ul").prepend($(".indexMain .bnList li:last"));
	};
	
	
	
	$(".indexMain .prev a").click(function(){
		index.prev();
		return false;
	});
	$(".indexMain .next a").click(function(){
		index.next();
		return false;
	});

	this.resize();
	
	
	
};
index.lock = false;
index.move = function(num){
	
	if(num == this.current || this.lock){
		
		$(".indexMain #Bn_" + num).attr("href",$(".indexMain #Img_" + num).attr("href"))
					  .attr("_blank",$(".indexMain #Img_" + num).attr("_blank"));
		return true;

	}
	$(".indexMain .mainVisual").stop();
	$(".indexMain .bnList ul").stop();
	this.lock = true;
	var before = this.current;
	
	
	var numLeft = $(".indexMain #Img_" + num).offset().left;
	var currentLeft = $(".indexMain #Img_" + this.current).offset().left;
	var mainLeft = $(".indexMain .mainVisual").offset().left;
	
	$(".indexMain .mainVisual").animate({
		left: mainLeft + currentLeft - numLeft + "px"
	},750,"easeOutCubic");
	
	
	
	var numLeft = $(".indexMain #Bn_" + num).offset().left;
	var currentLeft = $(".indexMain #Bn_" + this.current).offset().left;
	var mainLeft = $(".indexMain .bnList ul").css("marginLeft");
	mainLeft = Number(mainLeft.replace(/px/gi,""));
	$(".indexMain .bnList ul").animate({
		marginLeft: mainLeft + currentLeft - numLeft + "px"
	},750,"easeOutCubic",function(){
		
		index.sortLi(before);
		index.lock = false;

	});
	
	this.current = num;
	return false;
	
	
	
	
};

index.sortLi = function(before){
	if(this.current > before){ //右側		
		
		var num = this.current - before;
		for(var i=0; i<num; i++){
			$(".indexMain .mainVisual ul").append($(".indexMain .mainVisual li:first"));
			$(".indexMain .bnList ul").append($(".indexMain .bnList li:first"));
		};
	
	}else{ //左側
		var num = before - this.current;
		for(var i=0; i<num; i++){
			$(".indexMain .mainVisual ul").prepend($(".indexMain .mainVisual li:last"));
			$(".indexMain .bnList ul").prepend($(".indexMain .bnList li:last"));
		};
	}
	
	this.resize();
	
};





index.prev = function(){
	if(this.current - 1 < 0){
		this.move($(".indexMain .mainVisual li").length - 1);
	}else{
		this.move(this.current - 1);
	}
};
index.next = function(){
	if(this.current + 1 >= $(".indexMain .mainVisual li").length){
		this.move(0);
	}else{
		this.move(this.current + 1);
	}
};



//ウィンドウリサイズ処理
index.resize = function(){
	var winWidth = $(window).width();
	
	var Ln = $(".indexMain .mainVisual li").length;
	var visualWidth = Ln * 680;
	
	var marginLeft = visualWidth - winWidth;
	marginLeft = Math.floor(marginLeft * 0.5) - marginLeft;
	
	var bnLeft = (Math.floor(Ln * 0.5) - 2) * 185;
	
	if(Ln % 2 == 0){
		marginLeft += 340;
		bnLeft -= 185;
	}
	
	
	
	$(".indexMain .bnList ul").css("marginLeft","-" + bnLeft + "px");
	$(".indexMain .mainVisual").css("left",marginLeft + "px");
	$(".indexMain").css("visibility","visible");
	
};
$(window).resize(index.resize);




/*

	■グローバルナビ

*/
var navi = {};
navi.init = function(){
	
	$(".globalNavi > ul > li").hover(function(){ //mouseover

		$(this).find("dl").stop()
				.css("opacity",0)
				.toggle()
				.animate({
					opacity: 1
				},300,"easeOutCubic");
		$(this).find("a").attr("class","hover");
	
	},
	function(){ //mouseout
		$(this).find("dl").toggle();
		$(this).find("a").attr("class","");
	});
	
};

/*

	■メールマガジン

*/
var mail = {};
mail.init = function(){
	
	$(".mail .img a").click(function(){ //mouseover

		$(this).parent().fadeOut(200);
		$(".mail form").show(500);
		return false;

	});
	
};
/*

	■フォントサイズ

*/
var font = {};
font.init = function(){
	var num = Cookie.read("font");
	if(num != false){
		$(".head .font li").eq(num).css("opacity",0.7);
	}else{
		$(".head .font li").eq(2).css("opacity",0.7);
	}
	this.size(num);
	
	var i=1;
	$(".head .font li a").each(function(){
		set($(this),i);
		i++;
	});
	function set(obj,i){
		obj.click(function(){
			return font.change(i);
		});
	};
	
};
font.change = function(num){
	
	Cookie.set("font",num);
	$(".head .font li").css("opacity",1);
	$(".head .font li").eq(num).css("opacity",0.7);
	this.size(num);
	return false;
};
font.size = function(num){
	num = eval(num);
	switch(num){
		
		case 1:
			$("body").css("fontSize","10px");
		break;
		case 2:
			$("body").css("fontSize","12px");
		break;
		case 3:
			$("body").css("fontSize","14px");
		break;
	};
};


var widget = {};
widget.init = function(){
/*
<div id="Widget">
<div class="tab"><img src="common/widget/tab.gif" alt="兵庫ダイハツのお店を探す" /></div>
<form method="get" action="http://www.hyogo-daihatsu.com/shopinfo/index.php">
<dl><dt><img src="common/widget/dt_01.gif" alt="地域から探す" /></dt><dd>
<select name="a">
<option value="" selected="selected">地域を選んでください</option>
<option value="1">神戸</option>
<option value="2">阪神南</option>
<option value="3">阪神北</option>
<option value="4">東播磨</option>
<option value="5">北播磨</option>
<option value="6">中播磨</option>
<option value="7">西播磨</option>
<option value="8">但馬</option>
<option value="9">丹波</option>
<option value="10">淡路</option>
</select>
</dd><dt><img src="common/widget/dt_02.gif" alt="サービス内容から探す" /></dt><dd class="bottom">
<ul>
<li><label><input type="radio" class="radio" name="s" value="1" />新車拠点</label></li>
<li><label><input type="radio" class="radio" name="s" value="2" />中古車拠点</label></li>
<li><label><input type="radio" class="radio" name="s" value="3" />サービス工場</label></li>
<li><label><input type="radio" class="radio" name="s" value="4" />法人拠点</label></li>
</ul>
<div class="submit"><input type="image" src="common/widget/search_btn.gif" alt="検索する" /></div>
</dd></dl></form>
<div class="close"><img src="common/widget/close_btn.gif" alt="閉じる" class="over" /></div>
</div>


*/
	var path = "http://www.hyogo-daihatsu.com/common/widget/";
	var HTML = "";
HTML += '<div id="Widget">';
HTML += '<div class="tab"><img src="' + path + 'tab.gif" alt="兵庫ダイハツのお店を探す" /></div>';
HTML += '<form method="get" action="http://www.hyogo-daihatsu.com/shopinfo/index.php">';
HTML += '<dl><dt><img src="' + path + 'dt_01.gif" alt="地域から探す" /></dt><dd>';
HTML += '<select name="a">';
HTML += '<option value="" selected="selected">地域を選んでください</option>';
HTML += '<option value="1">神戸</option>';
HTML += '<option value="2">阪神南</option>';
HTML += '<option value="3">阪神北</option>';
HTML += '<option value="4">東播磨</option>';
HTML += '<option value="5">北播磨</option>';
HTML += '<option value="6">中播磨</option>';
HTML += '<option value="7">西播磨</option>';
HTML += '<option value="8">但馬</option>';
HTML += '<option value="9">丹波</option>';
HTML += '<option value="10">淡路</option>';
HTML += '</select>';
HTML += '</dd><dt><img src="' + path + 'dt_02.gif" alt="サービス内容から探す" /></dt><dd class="bottom">';
HTML += '<ul>';
HTML += '<li><label><input type="radio" class="radio" name="s" value="1" />新車拠点</label></li>';
HTML += '<li><label><input type="radio" class="radio" name="s" value="2" />中古車拠点</label></li>';
HTML += '<li><label><input type="radio" class="radio" name="s" value="3" />サービス工場</label></li>';
HTML += '<li><label><input type="radio" class="radio" name="s" value="4" />法人拠点</label></li>';
HTML += '</ul>';
HTML += '<div class="submit"><input type="image" src="' + path + 'search_btn.gif" class="over" alt="検索する" /></div>';
HTML += '</dd></dl></form>';
HTML += '<div class="close"><img src="' + path + 'close_btn.gif" alt="閉じる" class="over" /></div>';
HTML += '</div>';

	$("body").append(HTML);
	$("#Widget").css({left:"-271px"}).animate({left:"-229px"},500,"easeOutCubic");
	
	$("#Widget .tab img").toggle(function(){widget.Open()},function(){widget.Close()});
	$("#Widget .close img").click(function(){widget.Close()});
};
widget.Close = function(){
	$("#Widget").stop();
	$("#Widget").animate({left:"-229px"},750,"easeOutCubic");
	$("#Widget .tab img").unbind("click").toggle(function(){widget.Open()},function(){widget.Close()});
};
widget.Open = function(){
	$("#Widget").stop();
	$("#Widget").animate({left:"0px"},750,"easeOutCubic");
};

jQuery(function($) {
		
	widget.init();
	_Common_.initRollovers();
	font.init();
	navi.init();
	if($(".indexMain").length){
		index.init();
	}
	if($(".mail").length){
		mail.init();
	}
});
jQuery.extend( jQuery.easing,
{
	def: 'easeOutCubic',
	easeOutCubic: function (x, t, b, c, d) {
		return c*((t=t/d-1)*t*t + 1) + b;
	}
});



/*

	RSS Reader

======================================================*/

function Index_Rss(Count){
	var XMLReQ = XMLRequest();
	var domain = document.domain;
	var protocol = location.protocol;
	var URL = "http://www.hyogo-daihatsu.com/blog/?feed=rss2";
	
	
	if(XMLReQ){
		XMLReQ.open("GET",URL,true);
		XMLReQ.send(null);
		
		XMLReQ.onreadystatechange = function(){
			if(XMLReQ.readyState == 4){
				var XMLData = XMLReQ.responseXML;
				Set_OBJ(XMLData);
			}
		};
	}else{
	}
	
	
	function XMLRequest(){
		try{
			return new XMLHttpRequest();
		}catch(e){
			try{
				return new ActiveXObject("Msxml2.XMLHTTP");
			}catch(e){
				try{
					return new ActiveXObject("Microsoft.XMLHTTP");
				}catch(e){
					return null;
				}
			}
		}
	}
	
	function Set_OBJ(XMLData){
		item_data = XMLData.getElementsByTagName("channel")[0].getElementsByTagName("item");
		var length = Math.min(eval(Count),item_data.length);
		var src = "";
		var month = new Array;

		month["Jan"] = "01";
		month["Feb"] = "02";
		month["Mar"] = "03";
		month["Apr"] = "04";
		month["May"] = "05";
		month["Jun"] = "06";
		month["Jul"] = "07";
		month["Aug"] = "08";
		month["Sep"] = "09";
		month["Oct"] = "10";
		month["Nov"] = "11";
		month["Dec"] = "12";

		for(i=0;i<length;i++){
			var cat = item_data[i].getElementsByTagName("category")[0].firstChild.nodeValue;
			//cat = cat.substring(cat.indexOf("CDATA[") + 6,cat.length - 3);
			
			var date = item_data[i].getElementsByTagName("pubDate")[0].firstChild.nodeValue;
			date = date.split(" ");
			date = date[3] + "." + month[date[2]] + "." + date[1];
			src += "<dt>";
			src += date;		
			src +='</dt><dd><a target="_blank" href="';		
			src += item_data[i].getElementsByTagName("link")[0].firstChild.nodeValue;
			src +='">';		
			src += item_data[i].getElementsByTagName("title")[0].firstChild.nodeValue;
			src +='</a>　<span>［';		
			src += cat;
			src +='］</span>';		
			src +='</dd>';		
		}
			document.getElementById("RSS").innerHTML = src;
	}
	
};

