﻿/*nav*/
function menuPro(nav){	
	$('li:has(> .secondNav)',nav).addClass('parent');
	$("li.parent",nav).hover(function(){
		$(this).addClass('on'); $('> a', this).addClass('hover'); 
	}, function(){
		$(this).removeClass('on'); $('> a', this).removeClass('hover'); 
	});
}
function menu(nav){	
	$('li:has(> ul)',nav).addClass('parent');
	$('li:has(> ul) > a',nav).addClass('hasSubnav');
	$("li.parent",nav).hover(function(){
		$(this).addClass('on'); $('> a', this).addClass('hover'); 
		$(this).children("ul").show();
	}, function(){
		$(this).removeClass('on'); $('> a', this).removeClass('hover'); 
		$(this).children("ul").hide();
	});
}
   
/*tab*/
/*action start*/
$(function(){
 menu(".nav")
 $(".tabCon  li").hover(function(){$(this).addClass("on")},function(){$(this).removeClass("on")})
 tab(".priductInfo .sTitle ul",".priductInfo .sContent","on","mouseover");
})
$(function(){
 menuPro(".nav")
 $(".tabCon  li").hover(function(){$(this).addClass("on")},function(){$(this).removeClass("on")})
 tab(".priductInfo .sTitle ul",".priductInfo .sContent","on","mouseover");
})
function switchIndex(nav,content,on,index){		
		var $tab=$(nav).children().eq(index);
		var $content = $(content).children();
		$('html,body').animate({
			scrollTop:$tab.offset().top
		},1000);
		$(nav).children().removeClass(on);
		$(nav).children().removeClass("next");
		$tab.addClass(on);
		$tab.next().addClass("next");
		$content.hide();
		$content.eq(index).show();
}function tab(nav,content,on,type)
{
	$(nav).children().bind(type,(function(){
		var $tab=$(this);
		var tab_index=$tab.prevAll().length;
		var $content = $(content).children();
		$(nav).children().removeClass(on);
		$(nav).children().removeClass("next");
		$tab.addClass(on);
		$tab.next().addClass("next");
		$content.hide();
		$content.eq(tab_index).show();
		//$content.eq(tab_index).fadeIn();
	}));
}
function accordion(nav,content,on,type){
	$(nav).bind(type, function(){
		var $cur = $(this);	
		$(nav).removeClass(on);
		$(content).hide();
		$cur.addClass(on);
		$cur.next(content).fadeIn();
	})
}

$(function(){
	accordion(".faqCon .question",".faqCon .hide","on","click");
	$(".faqInfo .question").click(function(){
		$(this).next("div").slideToggle();
	});

})
function changeStyle(obj){cName = obj.className; if(cName=="box")  obj.className="on"; else obj.className="box";}

