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 doc = window.document;

//$(document).

var TimerIDNews = 0;
function news()
{
    // all the paragraphs in the document
 var items = document.getElementsByTagName("li");
 // for each item in the list,
 // append the entire element as a string of HTML
 alert(items.length)
 //var gross = "";
 //for (var i = 0; i < items.length; i++) {
 //gross += items[i].innerHTML;
 //}
 // gross is now all the HTML for the paragraphs
    //document.getElementById(news).

    //TimerID = setTimeout("NewsDataDisappear();",1000);
}
function NewsDataDisappear()
{
    if (TimerID)
    {

    }
}

var TimerID = 0;
function MouseOUT()
{
    PicDataDisappear();
    //TimerID = setTimeout("PicDataDisappear();",1);
}

function PicDataDisappear()
{
    document.getElementById('hoteldata').style.display = 'none';
    //if (TimerID)
    //{
       // clearTimeout(TimerID);
        //document.getElementById('divpic').innerHTML = '<img src=divlogo.jpg></img>';
        //document.getElementById('divpic').innerHTML = '';
        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('hoteldata').innerHTML = '<img src='  + pic + '></img>';
        document.getElementById('hoteldatatext').innerHTML = data;
        document.getElementById('hoteldata').style.display = 'block';
        //document.getElementById('hoteldata').style.position = 'absolute';
					
        if (window.ActiveXObject)
        {  

            var location = Sys.UI.DomElement.getLocation(document.getElementById('teste'));

            document.getElementById('hoteldata').style.left = Math.abs(location.x ) + 'px';
            document.getElementById('hoteldata').style.top =  Math.abs(location.y ) +'px';
        //-document.getElementById('hoteldata').offsetHeight - 20;
        //document.getElementById('hoteldata').offsetHeight ;
        }
					
    }
  
    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) { 
   
//var c = 'tabPanel0_' + index ; 
//var newTabPanel = getObject(c);
//newTabPanel.className = 'tabPanelActive';
//getObject(index).innerHTML = newTabPanel.innerHTML; 
/*
  for(var i=0; i<3; i++) { 
		    if( index == i ) { 
			      var c = 'tabPanel0_' + index ; 
                  var newTabPanel = getObject(c);
                  newTabPanel.className = 'tabPanelActive';
			}
			if( index != i ) { 
			      var c = 'tabPanel0_' + index ; 
                  var newTabPanel = getObject(c);
                  newTabPanel.className = 'tabPanel';
			} 
   } */
}
 
function getpichotelOUT()
{
    document.getElementById('divpic').innerHTML = '';
}

function activateTabPage(index) {    
    //var c = 'tabPanel0_' + index ;
    //var newTabPanel = getObject(c);
    //newTabPanel.className = 'tabPanelActive';
    //getObject(index).innerHTML = newTabPanel.innerHTML;
    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