//点击图片切换
//titContainer	- 标题容器选择符(class, id, tag)
//mainContainer - 内容容器选择符(class, id, tag)
//titCell		- 可选参数，标题单元容器，默认为li
//mainCell		- 可选参数，内容单元容器，默认为li
//titOnClassName -可选参数，标签选中时的样式, 默认为on
//defaultIndex 	- 可选参数，默认选中的标签索引，从0开始
//interTime		- 可选参数，若大于0，则标签将自动切换，以interTime为间隔时间，单位毫秒

function PicSwitch(titContainer, mainContainer, titCell, mainCell, titOnClassName, defaultIndex, interTime){
	var titCell = (titCell==null || titCell==undefined) ? 'li' : titCell;
	var mainCell = (mainCell==null || mainCell==undefined) ? 'li' : mainCell;
	var titOnClassName = (titOnClassName==null || titOnClassName==undefined) ? 'on' : titOnClassName;
	var defaultIndex = (defaultIndex==null || defaultIndex==undefined) ? 0 : defaultIndex;

	var onTag = defaultIndex;
	var oTitle = jQuery(titContainer);
	var oMain = jQuery(mainContainer);
	var PicsCount = oTitle.find(titCell).length;
	var sInterval = null;
	
	//根据defaultIndex初始化
	oTitle.find(titCell + ":eq(" + defaultIndex + ")").addClass(titOnClassName);
	oMain.find(mainCell + ":eq(" + defaultIndex + ")").fadeIn({queue: false, duration: 500});
	
	//处理交互事件
	oTitle.find(titCell).each(function(i, ele){
		jQuery(ele).mouseover(function(){
			//if(sInterval != null)clearInterval(sInterval);
			if(i != onTag){
				oTitle.find(titCell + ":eq(" + onTag + ")").removeClass(titOnClassName);
				oMain.find(mainCell).hide();
				
				oTitle.find(titCell + ":eq(" + i + ")").addClass(titOnClassName);
				onTag = i;
				oMain.find(mainCell + ":eq(" + i + ")").fadeIn({queue: false, duration: 600});
			}
		});
	});
	
	if(interTime >= 0){//'interTime' enables auto-switch function.
		sInterval = setInterval(function next(){
			oTitle.find(titCell + ":eq(" + onTag + ")").removeClass(titOnClassName);
			oMain.find(mainCell).hide();
			
			if(++onTag >= PicsCount)onTag = 0;
			oTitle.find(titCell + ":eq(" + onTag + ")").addClass(titOnClassName);
			oMain.find(mainCell + ":eq(" + onTag + ")").fadeIn({queue: false, duration: 600});
		}, interTime);
	}
}