// JavaScript Document

function $(id){
	return document.getElementById(id);
	}

function tabs(id,tag,box){
	var tags=$(id).getElementsByTagName(tag) ;
	if(id){
	var ctnbox=$(id).getElementsByTagName(box);
	}
	else{var ctnbox=$(ids).getElementsByTagName(box);}
	
	for(var i=0; i<tags.length; i++){
		(function(i){
				 
				  tags[i].onclick=function(){
					  
					    for(var j=0;j<tags.length;j++){
						  tags[j].className='';	
						   tags[i].className='on';
						   ctnbox[j].style.display='none';
					      ctnbox[i].style.display='block';
						  }
					  }
				  
				  })(i)		
		      }
	
	
	}
	
function tab(id,tag,box,ids){
	var tags=$(id).getElementsByTagName(tag) ;
	var ctnbox=$(id).getElementsByTagName(box) && $(ids).getElementsByTagName(box);	
	for(var i=0; i<tags.length; i++){
		(function(i){
				 
				  tags[i].onclick=function(){
					  
					    for(var j=0;j<tags.length;j++){
						  tags[j].className='';	
						   tags[i].className='on';
						   ctnbox[j].style.display='none';
					      ctnbox[i].style.display='block';
						  }
					  }
				  
				  })(i)		
		      }	
	}