﻿/*!
 * Site: website.com
 * Author: Author
 * Updated: 2010.01.01
 * Updated by: Lijian 
 * 
 */
/**
 * @method 多级菜单
 * Description
 * e.g menu('#nav');
 * @param string 导航的ID或者class表达式
 * @returns {param2} the value of the field, as set in the className
 */
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'); 
	}, function(){
		$(this).removeClass('on'); $('> a', this).removeClass('hover'); 
	});
}
function menuPro(nav){	
	$('li:has(> .levelChild)',nav).addClass('parent');
	$('li:has(> .levelChild) > a',nav).addClass('hasSubnav');
	$("li.parent",nav).hover(function(){
		$(this).addClass('on'); $('> a', this).addClass('hover'); 
	}, function(){
		$(this).removeClass('on'); $('> a', this).removeClass('hover'); 
	});
}
/**
 * @method 选项卡
 * Description
 * e.g tab(".nav",".content","on","mouseover");
 * @nav string 选项卡切换按钮外层的css表达式
 * @nav string 选项卡切换内容外层的css表达式
 * @nav string 当前选项的class名称
 */
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 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();
}
/**
 * @method accordion
 * Description
 * e.g accordion(".nav",".content","on","mouseover");
 * @nav string 选项卡切换按钮外层的css表达式
 * @nav string 选项卡切换内容外层的css表达式
 * @nav string 当前选项的class名称
 */
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(){
	//menu(".nav");
	//tab(".tabnav",".tabcontent","on","mouseover");
	//accordion(".nav",".content","on","mouseover");
	try{
		$(".hotProducts .inner ").jCarouselLite({	
			btnPrev: ".hotProducts .previous",
			btnNext: ".hotProducts .next",
			visible: 3,
			scroll: 1	
		});	
		$(".hotProducts .previous").hover(function(){$(this).addClass("on");}, function(){$(this).removeClass("on");});
		$(".hotProducts .next").hover(function(){$(this).addClass("on");}, function(){$(this).removeClass("on");});
	}catch(ex){}
	tab(".featuredProducts .featuredProductsN ul",".featuredProducts .featuredProductsC","on","mouseover");
	tab(".describe .sTitle ul",".describe .sContent","on","mouseover");
})


function switchIndex(nav,content,on,index){
		var tabsize=$(nav).children().size()-1;
		if(index=='4'){index=tabsize;}
		var $tab=$(nav).children().eq(index);
		var $content = $(content).children();
		$(nav).children().removeClass(on);
		$(nav).children().removeClass("next");
		$tab.addClass(on);
		$tab.next().addClass("next");
		$content.hide();
		$content.eq(index).show();
		var s=$(nav).offset().top-350;
	$('html,body').animate({
			scrollTop:s
		},1000);
}

function tab(nav,content,on,type)
{
	$(nav).children().bind(type,(function(){
		var tab=$(this);
		var tab_index=tab.prevAll().length;
		$(nav).children().removeClass(on);
		tab.addClass(on);
		$(content).children().hide();
		$(content).children().eq(tab_index).show();
	}));
}

$(function(){
	tab(".menu_tabs .menu_tabsNav",".menu_tabs .menu_tabsContent","on","click");
	})
