// JavaScript Document
function get_randomCssNum()
{
    var ranCssNum= Math.floor(Math.random()*2);
	//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='makingstyle/includes/hat1.css'>";
     cssName[1]="<link rel='stylesheet' type='text/css' href='makingstyle/includes/hat2.css'>";
     cssName[2]="<link rel='stylesheet' type='text/css' href='makingstyle/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());