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();
		$('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(){
	accordion(".faqCon .question",".faqCon .hide","on","click");
	$(".faqInfo .question").click(function(){
		$(this).next("div").slideToggle();
	});

})


$(function(){
 menu(".nav")
 $(".bestSeller li").hover(function(){$(this).addClass("on")},function(){$(this).removeClass("on")})
 tab(".priductInfo .sTitle ul",".priductInfo .sContent","on","mouseover");
})

function changeStyle(obj){cName = obj.className; if(cName=="box")  obj.className="on"; else obj.className="box";}


$(function(){	
	$('.bag').click(function(){
		$("#viewedList").slideToggle();
		return false;
	});
})
$(function(){	
	$('.select').click(function(){
		$("#selectList").slideToggle();
		return false;
	});
})