
/* effect.js
********************************************************************************


01.Home
02.Article Layout
03.Tile
04.Table
05.Corner
06.Anchor Scroll
07.Roll Over
08.Layout
09.Pop Up
100.Frame Adjust


********************************************************************************/ 

$(function(){
/*==================================================

00.Set Up

--------------------------------------------------*/
var intervalW01=12;
var intervalW02=10;
var contentsW=$("#contents").width();

new function () {
	if(jQuery.browser.msie && parseInt(jQuery.browser.version) == 6){
		$("#container-all-in").fixPng();
	}
}

new function () {
$("#main p:last-child").css("margin-bottom",0).css("padding-bottom",0);
$("#main ul:last-child").css("margin-bottom",0).css("padding-bottom",0);
$("#main li:last-child").css("margin-bottom",0).css("padding-bottom",0);
$("#main dl:last-child").css("margin-bottom",0).css("padding-bottom",0);
$("#main dd:last-child").css("margin-bottom",0).css("padding-bottom",0);
$("#main table:last-child").css("margin-bottom",0).css("padding-bottom",0);
$("#main div:last-child").css("margin-bottom",0).css("padding-bottom",0);
}

/*==================================================

01.Home

--------------------------------------------------*/
new function () {
	if($('#home-cat').length){

		var li = new Array();
		var url = new Array();
		var tx = new Array();
		li[0] = "hc01";
		li[1] = "hc02";
		li[2] = "hc03";
		li[3] = "hc04";
		li[4] = "hc05";
		li[5] = "hc06";
		li[6] = "hc07";

		url[0] = "./?task=sightseeing";
		url[1] = "./?task=hotel";
		url[2] = "./?task=inn";
		url[3] = "./?task=hotspring";
		url[4] = "./?task=gourmet";
		url[5] = "./?task=shopping";
		url[6] = "./?task=leisure";
		
		tx[0] = "観光スポット";
		tx[1] = "ホテル";
		tx[2] = "旅館";
		tx[3] = "温泉";
		tx[4] = "グルメ";
		tx[5] = "買い物";
		tx[6] = "レジャー";
		
		for(i = 0; i < 4; i++) {
		var n = parseInt(Math.random() * url.length);
		$('#home-cat').prepend('<li class="'+li.slice(n,n+1)[0]+'"><a href="'+url.slice(n,n+1)[0]+'" >'+tx.slice(n,n+1)[0]+'</a></li>'); 
		li.splice(n,1);
		url.splice(n,1);
		tx.splice(n,1);
		}
		$("#home-cat li:nth-child(4)").addClass('last');

	}
}



/*==================================================

02.Article Layout

--------------------------------------------------*/
new function () {
	var $limage=$('div.limage');
	var $rimage=$('div.rimage');
	if($limage.length){
		$('img',$limage).each(function() {
			var limgW = $(this).width();
			$(this).parent('div').css({'width':limgW, 'padding-right':intervalW01});
		});
	}
	if($rimage.length){
		$('img',$rimage).each(function() {
			var rimgW = $(this).width();
			$(this).parent('div').css({'width':rimgW, 'padding-left':intervalW01});
		});
	}
}



/*==================================================

03.Tile

--------------------------------------------------*/
new function () {
	var $tile=$('div.tile');
	if($tile.length){
		//各画像の幅を取得
		$tile.each(function() {
			var tileW = $('img:first',this).width();
			var tileNum = Math.floor(contentsW/tileW);
			$('.set',this).css({'width':tileW,'padding-right':intervalW01});
			$('.set:nth-child('+tileNum+'n)',this).each(function() {
				$(this).css('padding-right',0);//右端マージン削除
			});
			$('.set',this).autoHeight({column:tileNum, clear:1});//jqueryAutoHeight.js高さ揃える
		});
	}
}

//1カラム用
new function () {
	var $tile=$('body.column-1 div.tile');
	if($tile.length){
		//各画像の幅を取得
		$tile.each(function() {
			var tileW = $('img:first',this).width();
			var tileNum = Math.floor(contentsW/tileW);
			$('.set',this).css({'width':tileW,'padding-right':intervalW02});
			$('.set:nth-child('+tileNum+'n)',this).each(function() {
				$(this).css('padding-right',0);//右端マージン削除
			});
			$('.set',this).autoHeight({column:tileNum, clear:1});//jqueryAutoHeight.js高さ揃える
		});
	}
}

new function () {
	var $tile=$('div.lyt ul.w300img85');
	if($tile.length){
		$('li',$tile).autoHeight({column:2, clear:1});//jqueryAutoHeight.js高さ揃える
	}
}





/*==================================================

04.Table

--------------------------------------------------*/
new function () {
	var $table=$('.table table');
	if($table.length){
		$table.each(function() {
		var tableW = $table.closest('div').width();
		$table.css('width',tableW);
		});
	}
}


/*==================================================

05.Search

--------------------------------------------------*/
new function () {
	 $(".header-search").focus(function() {
        if($(this).val() == $(this).prop('defaultValue'))
            $(this).css('color', '#333').val('');
    }).blur(function() {
        if(jQuery.trim($(this).val()) == "") {
            $(this).css('color', '#999').val($(this).prop('defaultValue'));
        }
    });

};



/*==================================================

06.Anchor Scroll

--------------------------------------------------*/
new function () {
	$("a[href^=#]").click(function() {  
	var hash = this.hash;  
	if(!hash || hash == "#")  
	return false;  
	$($.browser.safari ? 'body' : 'html').animate({scrollTop: $(hash).offset().top}, 1000, "swing");  
	return false;  
	});
}



/*==================================================

07.Roll Over

--------------------------------------------------*/
new function () {
	$(".ro").each(function() {
		var postfix = "_on";
		var img = $(this);
		var src = img.attr("src");
		var src_on = src.substr(0, src.lastIndexOf("."))
		+ postfix
		+ src.substring(src.lastIndexOf("."));
		if(jQuery.browser.msie && parseInt(jQuery.browser.version) == 6){
			img.fixPng();
		}
		img.hover(
		function() {img.attr("src", src_on);},
		function() {img.attr("src", src);}
		);
		img.click(
		function() {img.attr("src", src);}
		);
	});
};

new function () {
	fadeToFunc('#gn a');
	fadeToFunc('#pn a');
	fadeToFunc('#fn a');
	fadeToFunc('#home-btn a');
	fadeToFunc('#home-cat a');
	fadeToFunc('a.op');
	function fadeToFunc(selector){
		$(selector).hover(
			function(){$(this).fadeTo(50,0.6);},
			function(){$(this).fadeTo(50,1.0);}
		);
		$(selector).click(function(){$(this).fadeTo(50,1.0);});
	};
};


/*==================================================

08.Layout

--------------------------------------------------*/
new function () {
	if($('.layout-1-2').length){
		$('.layout-1-2').each(function() {
		var layoutW=Math.floor((contentsW-intervalW01*2)/3);
		$('div.layout-l',this).css('width',layoutW*1);
		$('div.layout-r',this).css('width',layoutW*2+intervalW01*1);
		});
	}
	if($('.layout-1-1').length){
		$('.layout-1-1').each(function() {
		var layoutW=Math.floor((contentsW-intervalW01*1)/2);
		$('div.layout-l',this).css('width',layoutW*1);
		$('div.layout-r',this).css('width',layoutW*1);
		});
	}
	if($('.layout-2-1').length){
		$('.layout-2-1').each(function() {
		var layoutW=Math.floor((contentsW-intervalW01*2)/3);
		$('div.layout-l',this).css('width',layoutW*2+intervalW01*1);
		$('div.layout-r',this).css('width',layoutW*1);
		});
	}
}


/*==================================================

09.Pop Up

--------------------------------------------------*/
new function () {
	var $pu = $(".popupwindow");
	if($pu.length){
		$pu.popupwindow();
	}
};



/*==================================================

100.Frame Adjust

--------------------------------------------------*/

})
