﻿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(){
 menuPro(".nav")
 tab(".priductInfo .sTitle ul",".priductInfo .sContent","on","mouseover");
})

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();
	});
}
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();
	})}
/**
 * @method 
 * Description
 * e.g tab(".nav",".content","on","mouseover");
 * @nav string 
 * @nav string 
 * @nav string 
 */
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();
	}));
}

/**
 * @method accordion
 * Description
 * e.g accordion(".nav",".content","on","mouseover");
 * @nav string 
 * @nav string 
 * @nav string 
 */
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 switchIndex(nav,content,on,index){
		var $tab=$(nav).children().eq(index);
		var $content = $(content).children();
		$(nav).children().removeClass(on);
		$tab.addClass(on);
		$content.hide();
		$content.eq(index).show();
		$('html,body').animate({
			scrollTop:800
		},1000);
}

$(function(){
	accordion(".faqCon .question",".faqCon .hide","on","click");
	$(".faqInfo .question").click(function(){
		$(this).next("div").slideToggle();
	});

})

$(function(){
	accordion(".proInfo .information",".proInfo .hide","on","click");
	$(".faqInfo .information").click(function(){
		$(this).next("div").slideToggle();
	});

})

function changeStyle(obj){cName = obj.className; if(cName=="box")  obj.className="on"; else obj.className="box";}

