function getObject(elementId) { 
    if (document.getElementById) { 
	   return document.getElementById(elementId); 
	} else if (document.all) { 
	   return document.all[elementId]; 
	} else if (document.layers) { 
	   return document.layers[elementId]; 
	}
}

function zooming (pic){
 
  MyWindow = open("","MyWindow","width=370,height=320,scrollbars=yes"); 
  var doc=MyWindow.document;doc.open(); 
  var s='<img src= madinahpics/'  + pic + '.jpg></img>';
  doc.write(s);
  doc.close(); 
  MyWindow.focus();
	
}


var TimerID = 0;
function MouseOUT()
{
	TimerID = setTimeout("PicDataDisappear();",100);	
}
		
function PicDataDisappear()
{
	if (TimerID)
	{
		clearTimeout(TimerID);
		document.getElementById('hoteldata').style.display = 'none';
	}	
}			

function getpichotel(pic,data) {  
    if(TimerID) {
		clearInterval(TimerID);
		clearTimeout(TimerID);
	}						  
  	if(document.getElementById('hoteldata').style.display = 'none')
	{
		document.getElementById('hoteldatatext').innerHTML = data;
		document.getElementById('hoteldata').style.display = 'block';
					
		if (window.ActiveXObject)
		{
			document.getElementById('hoteldata').style.left = event.clientX-document.getElementById('hoteldata').offsetWidth;			
			document.getElementById('hoteldata').style.top = event.clientY-document.getElementById('hoteldata').offsetHeight - 20;
		}
					
	}
    document.getElementById('divpic').innerHTML = '<img src=imageshotels/'  + pic + '></img>';
}





function picOver(index) {   
    switch (index)
	{
	  case 1: 
          document.getElementById("picGetHotel").src="images/headerover_02.jpg";
   	  break;
	  
	  case 2: 
          document.getElementById("picReg").src="images/headerover_03.jpg";
   	  break;
	  
	  case 3: 
          document.getElementById("picDir").src="images/headerover_04.jpg";
   	  break;
    }
}
function picOverOut(index) { 
   
    switch (index)
	{
	  case 1: 
          document.getElementById("picGetHotel").src="images/header_02.jpg";
   	  break;
	  
	  case 2: 
          document.getElementById("picReg").src="images/header_03.jpg";
   	  break;
	  
	  case 3: 
          document.getElementById("picDir").src="images/header_04.jpg";
   	  break;
    }
 
 }
 
 
function activateTab(index) { 
}
 
function getpichotelOUT()
{
	document.getElementById('divpic').innerHTML = '';	
}

function activateTabPage(index) {    

  	getpichotelOUT();
	switch (index)
	{
	  case 1: //Show Discussions Section
	 	document.getElementById('tabPanel0_1').className = 'tabPanelActive';
		document.getElementById('tabPanel0_2').className = 'tabPanel';
		document.getElementById('tabPanel0_3').className = 'tabPanel';
		document.getElementById('tabPanel0_4').className = 'tabPanel';
		document.getElementById('tabPanel0_5').className = 'tabPanel';
		document.getElementById('tabPanel0_6').className = 'tabPanel';
	 	
		//if(document.getElementById("tabFiveHotelsImg"))
		//{
		document.getElementById("tabFiveHotelsTD").innerHTML='<img id="tabFiveHotelsImg" src="images/pageover_05.jpg" border="0" style="cursor: text;" onClick="activateTabPage(1);">'
		//}
		if(document.getElementById("tabFourHotelsImg"))
		{
		document.getElementById("tabFourHotelsTD").innerHTML='<img id="tabFourHotelsImg" src="images/page_07.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(2);">'
		}
		if(document.getElementById("tabThreeHotelsImg"))
		{
		document.getElementById("tabThreeHotelsTD").innerHTML='<img id="tabThreeHotelsImg" src="images/page_09.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(3);">'
		}
		if(document.getElementById("tabEconomicHotelsImg"))
		{
		document.getElementById("tabEconomicHotelsTD").innerHTML='<img id="tabEconomicHotelsImg" src="images/page_11.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(4);">'
		}
		if(document.getElementById("tabServiecesImg"))
		{
		document.getElementById("tabServiecesTD").innerHTML='<img id="tabServiecesImg" src="images/page_13.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(5);">'
		}
		if(document.getElementById("tabMapsImg"))
		{
		document.getElementById("tabMapsTD").innerHTML='<img id="tabMapsImg" src="images/page_15.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(6);">'
		}
				
	  break;
	  
	  case 2: 
	    document.getElementById('tabPanel0_1').className = 'tabPanel';
		document.getElementById('tabPanel0_2').className = 'tabPanelActive';
		document.getElementById('tabPanel0_3').className = 'tabPanel';
		document.getElementById('tabPanel0_4').className = 'tabPanel';
		document.getElementById('tabPanel0_5').className = 'tabPanel';
		document.getElementById('tabPanel0_6').className = 'tabPanel';
	 	
		if(document.getElementById("tabFiveHotelsImg"))
		{
		document.getElementById("tabFiveHotelsTD").innerHTML='<img id="tabFiveHotelsImg" src="images/page_05.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(1);">'
		}
		//if(document.getElementById("tabFourHotelsImg"))
		//{
		document.getElementById("tabFourHotelsTD").innerHTML='<img id="tabFourHotelsImg" src="images/pageover_07.jpg" border="0" style="cursor: text;" onClick="activateTabPage(2);">'
		//}
		if(document.getElementById("tabThreeHotelsImg"))
		{
		document.getElementById("tabThreeHotelsTD").innerHTML='<img id="tabThreeHotelsImg" src="images/page_09.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(3);">'
		}
		if(document.getElementById("tabEconomicHotelsImg"))
		{
		document.getElementById("tabEconomicHotelsTD").innerHTML='<img id="tabEconomicHotelsImg" src="images/page_11.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(4);">'
		}
		if(document.getElementById("tabServiecesImg"))
		{
		document.getElementById("tabServiecesTD").innerHTML='<img id="tabServiecesImg" src="images/page_13.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(5);">'
		}
		if(document.getElementById("tabMapsImg"))
		{
		document.getElementById("tabMapsTD").innerHTML='<img id="tabMapsImg" src="images/page_15.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(6);">'
		}
	  //Show Discussions Section
	  break;
	  
	  case 3: //Show Discussions Section
	    document.getElementById('tabPanel0_1').className = 'tabPanel';
		document.getElementById('tabPanel0_2').className = 'tabPanel';
		document.getElementById('tabPanel0_3').className = 'tabPanelActive';
		document.getElementById('tabPanel0_4').className = 'tabPanel';
		document.getElementById('tabPanel0_5').className = 'tabPanel';
		document.getElementById('tabPanel0_6').className = 'tabPanel';
	 	
		if(document.getElementById("tabFiveHotelsImg"))
		{
		document.getElementById("tabFiveHotelsTD").innerHTML='<img id="tabFiveHotelsImg" src="images/page_05.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(1);">'
		}
		if(document.getElementById("tabFourHotelsImg"))
		{
		document.getElementById("tabFourHotelsTD").innerHTML='<img id="tabFourHotelsImg" src="images/page_07.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(2);">'
		}
		
		//if(document.getElementById("tabThreeHotelsImg"))
		//{
		document.getElementById("tabThreeHotelsTD").innerHTML='<img id="tabThreeHotelsImg" src="images/pageover_09.jpg" border="0" style="cursor: text;" onClick="activateTabPage(3);">'
		//}
		
		if(document.getElementById("tabEconomicHotelsImg"))
		{
		document.getElementById("tabEconomicHotelsTD").innerHTML='<img id="tabEconomicHotelsImg" src="images/page_11.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(4);">'
		}
		if(document.getElementById("tabServiecesImg"))
		{
		document.getElementById("tabServiecesTD").innerHTML='<img id="tabServiecesImg" src="images/page_13.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(5);">'
		}
		if(document.getElementById("tabMapsImg"))
		{
		document.getElementById("tabMapsTD").innerHTML='<img id="tabMapsImg" src="images/page_15.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(6);">'
		}
			
	  break;
	  
	  case 4: //Show Discussions Section
	    document.getElementById('tabPanel0_1').className = 'tabPanel';
		document.getElementById('tabPanel0_2').className = 'tabPanel';
		document.getElementById('tabPanel0_3').className = 'tabPanel';
		document.getElementById('tabPanel0_4').className = 'tabPanelActive';
		document.getElementById('tabPanel0_5').className = 'tabPanel';
		document.getElementById('tabPanel0_6').className = 'tabPanel';	 
		
		if(document.getElementById("tabFiveHotelsImg"))
		{
		document.getElementById("tabFiveHotelsTD").innerHTML='<img id="tabFiveHotelsImg" src="images/page_05.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(1);">'
		}
		if(document.getElementById("tabFourHotelsImg"))
		{
		document.getElementById("tabFourHotelsTD").innerHTML='<img id="tabFourHotelsImg" src="images/page_07.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(2);">'
		}
		
		if(document.getElementById("tabThreeHotelsImg"))
		{
		document.getElementById("tabThreeHotelsTD").innerHTML='<img id="tabThreeHotelsImg" src="images/page_09.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(3);">'
		}
		
		//if(document.getElementById("tabEconomicHotelsImg"))
		//{
		document.getElementById("tabEconomicHotelsTD").innerHTML='<img id="tabEconomicHotelsImg" src="images/pageover_11.jpg" border="0" style="cursor: text;" onClick="activateTabPage(4);">'
		//}
		if(document.getElementById("tabServiecesImg"))
		{
		document.getElementById("tabServiecesTD").innerHTML='<img id="tabServiecesImg" src="images/page_13.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(5);">'
		}
		if(document.getElementById("tabMapsImg"))
		{
		document.getElementById("tabMapsTD").innerHTML='<img id="tabMapsImg" src="images/page_15.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(6);">'
		}
	  break;
	  
	  case 5: //Show Discussions Section
	    document.getElementById('tabPanel0_1').className = 'tabPanel';
		document.getElementById('tabPanel0_2').className = 'tabPanel';
		document.getElementById('tabPanel0_3').className = 'tabPanel';
		document.getElementById('tabPanel0_4').className = 'tabPanel';
		document.getElementById('tabPanel0_5').className = 'tabPanelActive';
		document.getElementById('tabPanel0_6').className = 'tabPanel';		 	
		
		if(document.getElementById("tabFiveHotelsImg"))
		{
		document.getElementById("tabFiveHotelsTD").innerHTML='<img id="tabFiveHotelsImg" src="images/page_05.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(1);">'
		}
		if(document.getElementById("tabFourHotelsImg"))
		{
		document.getElementById("tabFourHotelsTD").innerHTML='<img id="tabFourHotelsImg" src="images/page_07.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(2);">'
		}
		
		if(document.getElementById("tabThreeHotelsImg"))
		{
		document.getElementById("tabThreeHotelsTD").innerHTML='<img id="tabThreeHotelsImg" src="images/page_09.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(3);">'
		}
		
		if(document.getElementById("tabEconomicHotelsImg"))
		{
		document.getElementById("tabEconomicHotelsTD").innerHTML='<img id="tabEconomicHotelsImg" src="images/page_11.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(4);">'
		}
		//if(document.getElementById("tabServiecesImg"))
		//{
		document.getElementById("tabServiecesTD").innerHTML='<img id="tabServiecesImg" src="images/pageover_13.jpg" border="0" style="cursor: text;" onClick="activateTabPage(5);">'
		//}
		if(document.getElementById("tabMapsImg"))
		{
		document.getElementById("tabMapsTD").innerHTML='<img id="tabMapsImg" src="images/page_15.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(6);">'
		}
	  break;
	  
	  case 6: //Show Discussions Section
	    document.getElementById('tabPanel0_1').className = 'tabPanel';
		document.getElementById('tabPanel0_2').className = 'tabPanel';
		document.getElementById('tabPanel0_3').className = 'tabPanel';
		document.getElementById('tabPanel0_4').className = 'tabPanel';
		document.getElementById('tabPanel0_5').className = 'tabPanel';
		document.getElementById('tabPanel0_6').className = 'tabPanelActive';		
	 	
		if(document.getElementById("tabFiveHotelsImg"))
		{
		document.getElementById("tabFiveHotelsTD").innerHTML='<img id="tabFiveHotelsImg" src="images/page_05.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(1);">'
		}
		if(document.getElementById("tabFourHotelsImg"))
		{
		document.getElementById("tabFourHotelsTD").innerHTML='<img id="tabFourHotelsImg" src="images/page_07.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(2);">'
		}
		
		if(document.getElementById("tabThreeHotelsImg"))
		{
		document.getElementById("tabThreeHotelsTD").innerHTML='<img id="tabThreeHotelsImg" src="images/page_09.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(3);">'
		}
		
		if(document.getElementById("tabEconomicHotelsImg"))
		{
		document.getElementById("tabEconomicHotelsTD").innerHTML='<img id="tabEconomicHotelsImg" src="images/page_11.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(4);">'
		}
		if(document.getElementById("tabServiecesImg"))
		{
		document.getElementById("tabServiecesTD").innerHTML='<img id="tabServiecesImg" src="images/page_13.jpg" border="0" style="cursor: pointer;" onClick="activateTabPage(5);">'
		}
		//if(document.getElementById("tabMapsImg"))
		//{
		document.getElementById("tabMapsTD").innerHTML='<img id="tabMapsImg" src="images/pageover_15.jpg" border="0" style=" cursor:text" onClick="activateTabPage(6);">'
		//}
	  break;
	  
} // end switch
} // eeeeeeeeeeeeeeeeeeeeeeeeeeend function activateTabPage