function tabs(x)
  {
    var lis=document.getElementById("tabs").childNodes; //gets all the LI from the UL
 
    for(i=0;i<lis.length;i++)
    {
      lis[i].className=""; //removes the classname from all the LI
    }
    x.className="active"; //the clicked tab gets the classname selected
    var tab=x.id;
    switch(tab) //this switch case replaces the tabContent
    {
      case "tab4":
	  	document.getElementById("hotelsform").style.display = 'none';
		document.getElementById("packagesform").style.display = 'none';
		document.getElementById("flightsform").style.display = 'none';
		document.getElementById("holidaysform").style.display = '';
        break;
      case "tab3":
	  	document.getElementById("hotelsform").style.display = 'none';
		document.getElementById("packagesform").style.display = 'none';
		document.getElementById("flightsform").style.display = '';
		document.getElementById("holidaysform").style.display = 'none';
        break;
      case "tab2":
	  	document.getElementById("hotelsform").style.display = 'none';
		document.getElementById("packagesform").style.display = '';
		document.getElementById("flightsform").style.display = 'none';
		document.getElementById("holidaysform").style.display = 'none';
        break;
	  case "tab1":
	  	document.getElementById("hotelsform").style.display = '';
		document.getElementById("packagesform").style.display = 'none';
		document.getElementById("flightsform").style.display = 'none';
		document.getElementById("holidaysform").style.display = 'none';
        break;
      default:
	  	document.getElementById("hotelsform").style.display = '';
		document.getElementById("packagesform").style.display = 'none';
		document.getElementById("flightsform").style.display = 'none';
		document.getElementById("holidaysform").style.display = 'none';
        break;
 
    }
  }