$(function(){
	var galleryPages = 2;
	var rows = 2;
	var galPage = "travel.html";
	var pagePrefix = "t";
	
	var x = location.search.replace(/^\?/,'').replace(/\&$/,'').split('&');
 	//for(i=0;i<x.length;i++){
 	
	if(x[0].charAt(0) === 'p'){
 		var y = x[0].split('=');
 		var page = y[1];
 	}else{
 		var page = pagePrefix + '1';
 	}
 	
 	var pge = page.replace(/t/,'');	
 	$('#innerMenuRow1').html(buildMenus(pge,1,12,2,galPage,pagePrefix));/*start,end,length*/
 	$('#innerMenuRow2').html(buildMenus(pge,13,24,0,galPage,pagePrefix));
	// Open the xml file
	$.ajax({
        type: "GET",
		url: "content/"+ page +".xml",
		dataType: "xml",
		success: function(xml) {
	 		// Build an HTML string
			myHTMLOutput = '';
		 	myHTMLOutput += '<table width="500" height="250" border="0" cellpadding="0" cellspacing="10" id="gallery">';
		  	myHTMLOutput += '<tr>';
			// Run the function for each image tag in the XML file
			var ct = 1 ;
			$('img',xml).each(function(i) {
				imageName = $(this).find("name").text();
				imageThumb = $(this).find("thumb").text();
				imageDesc = $(this).find("desc").text();
				// Build row HTML data and store in string
				mydata = buildHTML(imageName,imageDesc,imageThumb);
				if(ct%4 == 0){
					mydata += '</tr><tr>';
				} 
				myHTMLOutput = myHTMLOutput + mydata;
				ct++;
			});
			myHTMLOutput += '</tr></table>';
			
			// Update the DIV called Content Area with the HTML string
			$('#imageTableDiv').html(myHTMLOutput);
			$('#gallery a').lightBox();
	 	}
	});
	
	
});