/* 右边选项卡 */
var $=function(id){return document.getElementById(id);};
var optionGroup={
	tag:function(id,obj,css,divArr,divCssOn,divCssOff){
		var lis=$(id).getElementsByTagName('li'),len=lis.length,i,num=0;
		for(i=0;i<len;i++){
			if(lis[i].className==css){
				lis[i].className='';
				divArr[i].className=divCssOff;
			}
			if(lis[i]==obj){num=i;}
		}
		obj.className=css;
		divArr[num].className=divCssOn;
	}
	,forUl:function(id,css,divId,divCssOn,divCssOff,num,eve){
		var lis=$(id).getElementsByTagName('li'),len=lis.length,i;
		var pro=this;
		var divs=$(divId).getElementsByTagName('div'),divLen=divs.length,j,divArr=[];
		for(j=0;j<divLen;j++){//内容数组
			if(divs[j].className==divCssOff){
				divArr[divArr.length]=divs[j];
			}
		}
		for(i=0;i<len;i++){
			lis[i][eve]=function(){
				pro.tag(id,this,css,divArr,divCssOn,divCssOff);
			}
		}
		lis[num].className=css;
		divArr[num].className=divCssOn;
	}
}
//第一个参数标题ul的id  第二个参数标题高亮显示的li的class名
	//第三个参数内容div的id  第四个参数内容div里的div高亮显示的class名
	//第五个参数内容div里的div隐藏显示的class名
	//第六个参数初始化显示哪一个标签。 第一个从0开始，依次类推。。
	//第七个参数使用事件。 onclick  onmouseover

        function GetObj(objectId) {
            if (document.getElementById && document.getElementById(objectId)) {
                return document.getElementById(objectId);
            } else if (document.all && document.all(objectId)) {
                return document.all(objectId);
            } else if (document.layers && document.layers[objectId]) {
                return document.layers[objectId];
            } else {
                return false;
            }
        }

        function showtab(m, n, count) {

            if (m == 1) {
                var strPic1 = 'url(Images/Index/index_dh_white_on.gif)';
                var strPic2 = '';

                for (var i = 1; i <= count; i++) {
                    if (i == n) {
                        GetObj(m + '_' + i).style.background = strPic1;
                        GetObj('tab_' + m + '_' + i).style.display = '';
                    }
                    else {
                        GetObj(m + '_' + i).style.background = strPic2;
                        GetObj('tab_' + m + '_' + i).style.display = 'none';
                    }
                }
            }
            else {
                var strPic1 = 'url(Images/Index/index_dh_white_on.gif)';
                var strPic2 = '';
                for (var i = 1; i <= count; i++) {
                    if (i == n) {
                        GetObj(m + '_' + i).style.background = strPic1;
                        GetObj('tab_' + m + '_' + i).style.display = '';
                    }
                    else {
                        GetObj(m + '_' + i).style.background = strPic2;
                        GetObj('tab_' + m + '_' + i).style.display = 'none';
                    }

                }
            }
        }
	
	
        function MoveOnShowTab(onName, effName, m, n, onImg, offImg) {
            for (var i = 1; i <= n; i++) {
                     var source = onName + "_" + i;
                     var target = effName + "_" + i;
                     var picOn = 'url(/images_v3/' + onImg + ")";
                     var picOff = 'url(/images_v3/' + offImg + ")";
                     if (m == i)
                         GetObj(source).style.background = picOn
                     else
                         GetObj(source).style.background = picOff;

                     if (GetObj(target)) { GetObj(target).style.display = 'none' };
            }
            var target1 = effName + "_" + m;
            if (GetObj(target1)) { GetObj(target1).style.display = 'block' };
        }