/*
ドロップダウンメニューを jQueryで実現するスクリプト
http://www.css-lecture.com/template/2008/0524/
*/

// onLoad出来たら、実行
var jQ_DropdownClick = {
	nowActive:'',
	dropDownInit:function( targetID ){
		$(document).ready(function(){
			
			// IE6は <a> にしか :hoverが効かないので、 li にも効かせるための対応
			if (document.all) {
				$(targetID+" li").hoverClass ("sfHover");
			}
			
			// iPhone、iPadはホバーが存在しないのでクリックで対処
			//Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10
			var ua = navigator.userAgent;
			if( ua.indexOf("iPhone OS") >= 0 || ua.indexOf("iPad") >= 0 ){
				$(targetID+" li.dropmenu").clickClass ("sfHover");
			}
		});
	}
}


// hover したときに、クラスを一時的に与える
$.fn.hoverClass = function(c) {
	return this.each(function(){
		$(this).hover( 
			function() { $(this).addClass(c);  },
			function() { $(this).removeClass(c); }
		);
	});
};	  

$.fn.clickClass = function(c) {
	return this.each(function(){
		$(this).click( 
			function() {
				if( jQ_DropdownClick.nowActive ){
					jQ_DropdownClick.nowActive.removeClass(c);
				}
				jQ_DropdownClick.nowActive = $(this);
				$(this).addClass(c);
			}
		);
	});
};