
function addEventHandler(selector, speed, opacityOut, opacityOver) {
	
	jQuery(selector).fadeTo(speed,opacityOut);
	
	jQuery(selector).mouseover(function(event){
		jQuery(this).fadeTo(speed, opacityOver);
	});
	
	jQuery(selector).mouseout(function(event){
		jQuery(this).fadeTo(speed, opacityOut);
	});
}

function addEventHandler2(selector) {
	jQuery(selector).mouseover(function(event) {
		jQuery(this).css({'background-color':'#f9fed8','border-color':'#b9d02c'});												
	});
	jQuery(selector).mouseout(function(event) {
		jQuery(this).css({'background-color':'#ffffff','border-color':'#e2e2e2'});												
	});

}




jQuery(document).ready(function(){
	//ロールオーバー 透明度60%バージョン
	var selector = ".jroll a img";
	//セレクタ（適用タグ）、スピード、初期透明度、オーバー時透明度
	addEventHandler(selector, 200, 1, 0.6);
	
	//ロールオーバー完全消去バージョン
	var selector2 = ".jroll2 a img";
	//セレクタ（適用タグ）、スピード、初期透明度、オーバー時透明度
	addEventHandler(selector2, 200, 1, 0);
	
	var selector3 = ".jrollB input";
	//セレクタ（適用タグ）、スピード、初期透明度、オーバー時透明度
	addEventHandler(selector3, 200, 1, 0.6);		

	var selector4 = ".jrollB2 input";
	//セレクタ（適用タグ）、スピード、初期透明度、オーバー時透明度
	addEventHandler(selector4, 200, 1, 0);		

	//ブログ画像用ロールオーバー 透明度60%バージョン
	var selector5 = ".post_wrap a img";
	//セレクタ（適用タグ）、スピード、初期透明度、オーバー時透明度
	addEventHandler(selector5, 200, 1, 0.6);
	
	jQuery('.post_wrap a img').parent().addClass('colorimage');
	

});



