// JavaScript Document
function get_randomCssNum()
{
    var ranCssNum= Math.floor(Math.random()*1);
	//var ranCssNum= Math.floor(Math.random()*Number of <strong class="highlight">CSS</strong> you Have);
    return ranCssNum;
}

function getaCss()
{
   var whichCss=get_randomCssNum();

    var cssName=new Array(2)
     // var cssName=new Array(Number of <strong class="highlight">CSS</strong> you Have)
     cssName[0]="<link rel='stylesheet' type='text/css' href='stream/includes/hat1.css'>";
     cssName[1]="<link rel='stylesheet' type='text/css' href='stream/includes/hat2.css'>";
     cssName[2]="<link rel='stylesheet' type='text/css' href='stream/includes/hat3.css'>";   
     cssName[3]="<link rel='stylesheet' type='text/css' href='d.css'>";
     cssName[4]="<link rel='stylesheet' type='text/css' href='e.css'>";
     //I am <strong class="highlight">using</strong> 5 <strong class="highlight">CSS</strong> files in this example. you can add or remove ;)
     //for Add more <strong class="highlight">CSS</strong> just add line like this 
     //cssName[Next Number]="<link rel='stylesheet' type='text/css' href='CSS <strong class="highlight">FILE</strong> URL'>";
  	return cssName[whichCss]
  }
  document.write(getaCss());
  
  
  
  
  
  /* ---------------------------- */
/* SHOW-HIDE Layer				*/
/* ---------------------------- */
function showlayer(layer){
	var myLayer=document.getElementById(layer).style.display;
	if(myLayer=="none"){
		document.getElementById(layer).style.display="block";
	} else { 
		document.getElementById(layer).style.display="none";
		}
}