// JavaScript Document
var currentPageID;
var imagesID;

var returnedXML;
	$(document).ready(function() {
		$.ajax({
               type: "GET",
               url: "xml/calendar/calendar.xml",
               dataType: "xml",
               success: function(xml) {
					var id = 0;
					returnedXML = $(xml);
               }
           });
	}
);

function openLightBox(i)
{
		currentPageID = i;
		imagesID = returnedXML.find('events:eq('+(currentPageID+2)+')').attr("header");

		var headerid = returnedXML.find('events:eq('+(parseInt(currentPageID)+2)+')').attr("header");
		  
		  //MAIN PAGE STRUCTURE
          var mainDivContent = '<table width="585" height="470"><tr><td background="images/frame.jpg">';
          mainDivContent += '<div id="headerImage" style="position:absolute; left:32px; top:33px;"><img src="images/headers/header'+headerid+'.jpg" /></div>';
		  //mainDivContent += '<div id="dateImage" style="position:absolute; left:44px; top:219px;"><img src="images/dateTitles/date'+currentPageID+'.png" /></div>';
		  mainDivContent += '<div id="dateImage" style="position:absolute; left:44px; top:212px; font-family:Verdana; font-size:12px;:12px; color:#FFF;">'+returnedXML.find('dateTitle:eq('+currentPageID+')').text() +'</div>';
         
		 //POSITIONG THE BUTTONS
		  mainDivContent += '<div style="position:absolute; left:415px; top:215px;">';
		
			mainDivContent += '<a href="javascript:gotoHomePage()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'Home\',\'\',\'images/homeBtn_ro.png\',1)"><img src="images/homeBtn.png" alt="Home" name="Home" width="19" height="19" border="0"></a>';        
			mainDivContent += ' <a href="javascript:gotoWeatherPage()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'Weather\',\'\',\'images/weatherBtn_ro.png\',1)"><img src="images/weatherBtn.png" alt="Weather" name="Weather" width="19" height="19" border="0"></a>&nbsp;';
			mainDivContent += '<a href="javascript:gotoWheelChairAccessPage()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'Wheelchair access\',\'\',\'images/disableBtn_ro.png\',1)"><img src="images/disableBtn.png" alt="Wheel chair access" name="Wheelchair access" width="19" height="19" border="0"></a>&nbsp;';
			mainDivContent += '<a href="javascript:gotoHowToGetTherePage()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'How to get there\',\'\',\'images/carBtn_ro.png\',1)"><img src="images/carBtn.png" alt="How to get there" name="How to get there" width="19" height="19" border="0"></a>&nbsp;';
			mainDivContent += '<a href="javascript:gotoParkingPage()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'Parking\',\'\',\'images/parkingBtn_ro.png\',1)"><img src="images/parkingBtn.png" alt="Parking" name="Parking" width="19" height="19" border="0"></a>&nbsp;';

		  mainDivContent += '</div>';
		 
          mainDivContent += '<div id="container" >';
		 
		 //THESE FOLLOWING LINES GET REPLACED BASED ON WHAT SECTION IS BEING VIEWED E.G. PARKING, WEATHER
		 //CHANGE THE HOME PAGE LAYOUT FROM HERE AS WELL AS gotoHomePage PART
            mainDivContent += '<div id="venuInfo" class="venueTextArea" style="position:absolute; left:44px; top:259px; width:150px;"><img src="images/title_venueInformation.png" /><br /><br />';   
			mainDivContent +=  returnedXML.find('venueInfo:eq('+currentPageID+')').text();
            mainDivContent += '</div>';  
          
			mainDivContent += '<div id="seperatorLeft" style="position:absolute; left:363px; top:316px;"> <img src="images/book_bkg.png"/></div>';
			
            mainDivContent += '<div id="whatToBringdiv" class="venueTextArea" style="position:absolute; left:221px; top:259px; width:150px;"><img src="images/title_whatToBring.png" /><br /><br />';
          
			if(returnedXML.find('whatToBring:eq('+currentPageID+')').text() == "generic")
			{
				mainDivContent +=  returnedXML.find('genericWhatToBring').text();
			}else{
				mainDivContent +=  returnedXML.find('whatToBring:eq('+currentPageID+')').text();
			}
            mainDivContent += '</div>';  
          
            mainDivContent += '<div id="pricediv" class="venueTextArea" style="position:absolute; left:399px; top:259px; width:140px;"> <img src="images/title_price.png"/><br /><br />';
            mainDivContent += returnedXML.find('price:eq('+currentPageID+')').text();
            mainDivContent += '</div>';
            
            mainDivContent += '<div id="howToBook" class="venueTextArea" style="position:absolute; left:399px; top:344px; width:140px;"> <img src="images/title_howToBook.png"/><br /><br />';
            mainDivContent += returnedXML.find('howToBook:eq('+currentPageID+')').text();
            mainDivContent += '</div>';
			
			mainDivContent += '<div id="seperatorLeft" style="position:absolute; left:204px; top:270px;"> <img src="images/seperator_left.jpg"/></div>';
			
			mainDivContent += '<div id="seperatorRight" style="position:absolute; left:381px; top:270px;"> <img src="images/seperator_left.jpg"/></div>';
		//END OF AREA THAT GETS REPLACED
		
		
		mainDivContent += '</div>';
		
        mainDivContent += '</td></tr></table>';
      //END OF MAIN PAGE STRUCTURE
	  
	  //CHANGE SHADOW BOX DIMENSIONS, edit the figures below
	  Shadowbox.open({
        content:    mainDivContent,
        player:     "html",
        height:     470,
        width:      585
    });
      
	//gotoHomePage();
  }
  
  function gotoHomePage()
  {
	  	var mainDiv = document.getElementById("container");
		mainDiv.innerHTML = "";
		
		//change the following lines if needed
		var newDiv = '<div id="venuInfo" class="venueTextArea" style="position:absolute; left:44px; top:259px; width:150px;"><img src="images/title_venueInformation.png" /><br /><br />';   
		newDiv +=  returnedXML.find('venueInfo:eq('+currentPageID+')').text();
        newDiv += '</div>';  
        
		newDiv += '<div id="seperatorLeft" style="position:absolute; left:363px; top:316px;"> <img src="images/book_bkg.png"/></div>';
		
        newDiv += '<div id="whatToBringdiv" class="venueTextArea" style="position:absolute; left:221px; top:259px; width:150px;"><img src="images/title_whatToBring.png" /><br /><br />';
				
		if(returnedXML.find('whatToBring:eq('+currentPageID+')').text() == "generic")
		{
			newDiv +=  returnedXML.find('genericWhatToBring').text();
		}else{
			newDiv +=  returnedXML.find('whatToBring:eq('+currentPageID+')').text();
		}
		
		
		newDiv += '</div>';  
          
		newDiv += '<div id="pricediv" class="venueTextArea" style="position:absolute; left:399px; top:259px; width:140px;"> <img src="images/title_price.png"/><br /><br />';
		newDiv += returnedXML.find('price:eq('+currentPageID+')').text();
		newDiv += '</div>';
            
		newDiv += '<div id="howToBook" class="venueTextArea" style="position:absolute; left:399px; top:344px; width:140px;"> <img src="images/title_howToBook.png"/><br /><br />';
		newDiv += returnedXML.find('howToBook:eq('+currentPageID+')').text();
		newDiv += '</div>';
		
		newDiv += '<div id="seperatorLeft" style="position:absolute; left:204px; top:270px;"> <img src="images/seperator_left.jpg"/></div>';
			
		newDiv += '<div id="seperatorRight" style="position:absolute; left:381px; top:270px;"> <img src="images/seperator_left.jpg"/></div>';
		
		//till here
		
		$('#container').append(newDiv);
		
  }
  
  function gotoWeatherPage()
  {
	 	var mainDiv = document.getElementById("container");
		mainDiv.innerHTML = "";
		
		//change the following lines if needed
		var newDiv = '<div id="weather" class="venueTextArea" style="position:absolute; left:44px; top:259px; width:495px;"><img src="images/title_theWeather.png" /><br /><br />';   
		if(returnedXML.find('weather:eq('+currentPageID+')').text() == "generic")
		{
			newDiv +=  returnedXML.find('genericWeather').text();
		}else{
			newDiv +=  returnedXML.find('weather:eq('+currentPageID+')').text();
		}
		
        newDiv += '</div>';  
		//till here
		
		$('#container').append(newDiv);
		
  }
  
  function gotoWheelChairAccessPage()
  {
	  	var mainDiv = document.getElementById("container");
		mainDiv.innerHTML = "";
		
		//change the following lines if needed
		var newDiv = '<div id="wheelchair" class="venueTextArea" style="position:absolute; left:44px; top:259px; width:495px;"><img src="images/title_wheelchair.png" /><br /><br />';
		
	    if(returnedXML.find('wheelchair:eq('+currentPageID+')').text() == "generic")
		{
			newDiv +=  returnedXML.find('genericWheelchair').text();
		}else{
			newDiv +=  returnedXML.find('wheelchair:eq('+currentPageID+')').text();
		}
	   
	   
	   newDiv += '</div>';  
		//till here
		
		$('#container').append(newDiv);
		
  }
  
  function gotoHowToGetTherePage()
  {
	 	var mainDiv = document.getElementById("container");
		mainDiv.innerHTML = "";
		
		//change the following lines if needed
		var newDiv = '<div id="weather" class="venueTextArea" style="position:absolute; left:44px; top:259px; width:495px;"><img src="images/title_howToGetThere.png" /><br /><br />';   
		newDiv +=  returnedXML.find('howToGetThere:eq('+currentPageID+')').text();
        newDiv += '</div>';  
		//till here
		
		$('#container').append(newDiv);
		
  }
  
  function gotoParkingPage()
  {
		var mainDiv = document.getElementById("container");
		mainDiv.innerHTML = "";
		
		//change the following lines if needed
		var newDiv = '<div id="weather" class="venueTextArea" style="position:absolute; left:44px; top:259px; width:495px;"><img src="images/title_parking.png" /><br /><br />';   
		
        if(returnedXML.find('parking:eq('+currentPageID+')').text() == "generic")
		{
			newDiv +=  returnedXML.find('genericParking').text();
		}else{
			newDiv +=  returnedXML.find('parking:eq('+currentPageID+')').text();
		}
		
		newDiv += '</div>';  
		//till here
		
		$('#container').append(newDiv);
		
  }
  
  
  function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}