﻿function Tags(titleGroupId,contentGroupId){	
    var Self=this;
	var titleGroupObj=document.getElementById(titleGroupId);
	var contentGroupObj=document.getElementById(contentGroupId);
	var titleObjs=new Array();
	var contentObjs=new Array();
	var i;
	var defaultFlag=false;
	for(i=0;i<contentGroupObj.childNodes.length;i++){
	    if(contentGroupObj.childNodes[i].nodeType==1){
			contentObjs[contentObjs.length]=contentGroupObj.childNodes[i];
		}
	}
	for(i=0;i<titleGroupObj.childNodes.length;i++){
	    if(titleGroupObj.childNodes[i].nodeType==1){
			titleObjs[titleObjs.length]=titleGroupObj.childNodes[i];
		}
	}
	if(!titleObjs || !contentObjs){
	   return false;
	}
	for(i=0;i<titleObjs.length;i++){
		titleObjs[i].setAttribute("index",i)
		if(titleObjs[i].getAttribute("defaultTag")=="1" && !defaultFlag){
		   if(contentObjs[i]){
		      contentObjs[i].style.display='';
			  defaultFlag=true;
		   }
		}
		else{
		   if(contentObjs[i]){
		      contentObjs[i].style.display='none';
		   }
		}
		titleObjs[i].onmouseover=function(){
	       var index=this.getAttribute("index");
		   var i;
		   for(i=0;i<contentObjs.length;i++){
		       if(i==index){
				   contentObjs[i].style.display='';
			   }
			   else{
				   contentObjs[i].style.display='none';
			   }
		   }
	    }
	}
}