$(document).ready(function(){	
  //Swap Image on Click
   /*code that handles the initial load values*/ 
   $(window).load(function() {
	   	 $.ajax({
		     type: "POST",
		     url: 'xmlRead.php',
		     data: 'f=0',
		     success: function(data){
		      //alert(data);
		       var check= data.split("||");
		       var imageVal = eval("(" + check[0] + ")");
		       var linkVal = eval("(" + check[1] + ")");
		       var titleVal = eval("(" + check[2] + ")");
		       var descVal = eval("(" + check[3] + ")");
		       	
		        document.getElementById("tptxtsec").innerHTML =  check[4];
		       // document.getElementById("hpcaption").innerHTML =  check[5];
		        		    	
		     	document.getElementById("hptxtbox1").innerHTML = '<img src="images/iam.png" width="67" height="22" /><span>'+titleVal[0]+'</span>';
		     	document.getElementById("hptxtbox2").innerHTML = '<img src="images/iam.png" width="67" height="22" /><span>'+titleVal[1]+'</span>';
		     	document.getElementById("hptxtbox3").innerHTML = '<img src="images/iam.png" width="67" height="22" /><span>'+titleVal[2]+'</span>';
		     	
		     	document.getElementById("hpbox1").innerHTML = '<a href="sleep.php"><img src="'+imageVal[0]+'" /></a><br /><br />'+descVal[0]+'<br /><a href="sleep.php" class="enter">Enter</a>';
		     	document.getElementById("hpbox2").innerHTML = '<a href="mood.php"><img src="'+imageVal[1]+'" /></a><br /><br />'+descVal[1]+'<br /><a href="mood.php" class="enter">Enter</a>';
		     	document.getElementById("hpbox3").innerHTML = '<a href="energy.php"><img src="'+imageVal[2]+'" /></a><br /><br />'+descVal[2]+'<br /><a href="energy.php" class="enter">Enter</a>';
		     	                              	
		     } 
		  });    
	 
   });
   /*End of initial load*/
   

});