/**
 *  函数名称： SwitchAnything （全适应切换）
 *  参数解释： titleid    		（切换选项组的ID）
 *             contentid  		（对应面板的ID）
 *             classname1  		（当前选中状态的class样式表的名称）
 *             classname2   	（当前非选中状态的class样式表的名称）
 *             id           	（当前按钮的ID）
 *             bid          	（当前切换的起始ID）
 *             bnmax        	（选项按钮的总数）
 */
function SwitchAnything(titleid,contentid,classname1,classname2,id,bid,bnmax)
{
    
    for(var i=bid;i<bid+bnmax;i++){
        if(i==id)
        {
		    if(document.getElementById(titleid+i)!=null)
		    {
			    document.getElementById(titleid+i).className = classname1;
			    document.getElementById(contentid+i).style.display="block";
		    }
        }else{
     		if(document.getElementById(titleid+i)!=null)
			{
				document.getElementById(titleid+i).className = classname2;
				document.getElementById(contentid+i).style.display="none";   
			}
        }
    }
}


/**
 *  函数名称： listswitchmax
 *  参数解释： titlename    （切换选项组的ID的名称）
 *             contentname  （隐藏面板的ID名称）
 *             classname1   （当前选中状态的class样式表的名称）
 *             classname2   （当前非选中状态的class样式表的名称）
 *             imageurl     （背景图片的URL地址）
 *             id           （当前按钮的ID）
 *             type         （类型选择）
 *
 *
 *      解释：  本函数是对 listswitchtype 函数的封装
 *
 *
 *      注意： 选项卡超过10个就不能使用此函数
 * 
 */


function listswitchmax(titlename,contentname,classname1,classname2,imageurl,id,type)
{
	listswitchtype(titlename,contentname,classname1,classname2,imageurl,10,id,type);
}







/**
 *  函数名称： listswitchtype
 *  参数解释： titlename    （切换选项组的ID的名称）
 *             contentname  （隐藏面板的ID名称）
 *             classname1   （当前选中状态的class样式表的名称）
 *             classname2   （当前非选中状态的class样式表的名称）
 *             imageurl     （背景图片的URL地址）
 *             bnmax        （选项按钮的总数）
 *             id           （当前按钮的ID）
 *             type         （类型选择）
 *
 *
 *     解释：  本函数是对 listswitch1 函数 和listswitch2 函数 的封装
 */


function listswitchtype(titlename,contentname,classname1,classname2,imageurl,bnmax,id,type)
{
	if(type==1)
		listswitch1(titlename,contentname,classname1,classname2,bnmax,id);
	else if(type==2)
		listswitch2(titlename,contentname,imageurl,bnmax,id);
}




/**
 *  函数名称：listswitch1
 *  参数解释： titlename    （切换选项组的ID的名称）
 *             contentname  （隐藏面板的ID名称）
 *             classname1   （当前选中状态的class样式表的名称）
 *             classname2   （当前非选中状态的class样式表的名称）
 *             bnmax        （选项按钮的总数）
 *             id           （当前按钮的ID） 
 */


function listswitch1(titlename,contentname,classname1,classname2,bnmax,id)
{

    bnmax = bnmax +1;
	  
    for(var i=1;i<bnmax;i++){
        if(i==id)
        {
		    if(document.getElementById(titlename+i)!=null)
		    {
			    document.getElementById(titlename+i).className = classname1;
			    document.getElementById(contentname+i).style.display="block";
		    }
        }else{
     		if(document.getElementById(titlename+i)!=null)
			{
				document.getElementById(titlename+i).className = classname2;
				document.getElementById(contentname+i).style.display="none";   
			}
        }
    }
}


/**
 *  函数名称：listswitch2
 *  参数解释： titlename    （切换选项组的ID的名称）
 *             contentname  （隐藏面板的ID名称）
 *             imageurl     （背景图片的URL地址）
 *             bnmax        （选项按钮的总数）
 *             id           （当前按钮的ID）   
 */

function listswitch2(titlename,contentname,imageurl,bnmax,id)
{
	bnmax = bnmax +1;
	var imageurl = imageurl;
	  
	for(var i=1;i<bnmax;i++)
	{
		if(i==id)
		{
			if(document.getElementById(titlename+i)!=null)
			{
				document.getElementById(titlename+i).style.borderBottom="0";
				document.getElementById(titlename+i).style.backgroundImage="url()";
				document.getElementById(contentname+i).style.display="block";
			}
		}
		else
		{
			if(document.getElementById(titlename+i)!=null)
			{
				document.getElementById(titlename+i).style.borderBottom="1px #ddd solid";
				document.getElementById(titlename+i).style.backgroundImage="url("+imageurl+")"; 
				document.getElementById(contentname+i).style.display="none";  
			} 
		}
  	}
  	
}




/**
 *  函数名称：listswitch3
 *  参数解释： titlename1    （切换选项组的ID的名称1）
 *             titlename2    （切换选项组的ID的名称2）   
 *             contentname   （隐藏面板的ID名称）
 *             classname1    （当前选中状态的class样式表的名称1）
 *             classname2    （当前非选中状态的class样式表的名称1）
 *             classname3    （当前选中状态的class样式表的名称2）
 *             classname4    （当前非选中状态的class样式表的名称2）
 *             bnmax         （选项按钮的总数）
 *             id            （当前按钮的ID） 
 */



function listswitch3(titlename1,titlename2,contentname,classname1,classname2,classname3,classname4,bnmax,id)
{


    bnmax = bnmax +1;
	  
    for(var i=1;i<bnmax;i++){
        if(i==id)
        {
		    if(document.getElementById(titlename1+i)!=null)
		    {
			    document.getElementById(titlename1+i).className = classname1;
			    
			    document.getElementById(titlename2+i).className = classname3;
			    
			    document.getElementById(contentname+i).style.display="block";
		    }
        }else{
     		if(document.getElementById(titlename1+i)!=null)
			{
				document.getElementById(titlename1+i).className = classname2;
				
				document.getElementById(titlename2+i).className = classname4;
				
				document.getElementById(contentname+i).style.display="none";   
			}
        }
    }
}




/**
 *  函数名称：listswitch4
 *  参数解释： contentname   （隐藏面板的ID名称）
 *             id1           （当前显示面板的ID） 
 *             id2           （当前隐藏面板的ID）  
 */

function listswitch4(contentname,id1,id2)
{
	document.getElementById(contentname+id1).style.display="none";
	document.getElementById(contentname+id2).style.display="block";


}


/**
 *  函数名称：listswitch5
 *  参数解释： titlename    （切换选项组的ID的名称）
 *             contentname  （隐藏面板的ID名称）
 *             imageurl     （背景图片的URL地址）
 *             bnmax        （选项按钮的总数）
 *             id           （当前按钮的ID）   
 */

function listswitch5(titlename,contentname,imageurl,borderstyle,bnmax,id)
{
	bnmax = bnmax +1;
	var imageurl = imageurl;
	  
	for(var i=1;i<bnmax;i++)
	{
		if(i==id)
		{
			if(document.getElementById(titlename+i)!=null)
			{
				document.getElementById(titlename+i).style.borderBottom="0";
				document.getElementById(titlename+i).style.backgroundImage="url()";
				document.getElementById(contentname+i).style.display="block";
			}
		}
		else
		{
			if(document.getElementById(titlename+i)!=null)
			{
				document.getElementById(titlename+i).style.borderBottom=borderstyle;
				document.getElementById(titlename+i).style.backgroundImage="url("+imageurl+")"; 
				document.getElementById(contentname+i).style.display="none";  
			} 
		}
  	}
}



function listswitch7(titlename,contentname,contentname2,classname1,classname2,bnmax,id)
{

    bnmax = bnmax +1;
	  
    for(var i=1;i<bnmax;i++){
        if(i==id)
        {
		    if(document.getElementById(titlename+i)!=null)
		    {
			    document.getElementById(titlename+i).className = classname1;
			    document.getElementById(contentname+i).style.display="block";
			    document.getElementById(contentname2+i).style.display="block";
		    }
        }else{
     		if(document.getElementById(titlename+i)!=null)
			{
				document.getElementById(titlename+i).className = classname2;
				document.getElementById(contentname+i).style.display="none";
				document.getElementById(contentname2+i).style.display="none";   
			}
        }
    }
}