// jQuery

// process xml responce
var PROCESS = {
	
	
	send: function () {
		
		var _PROCESS = this;
		
		var start = $('#start').val();
		var pageid = $('#pageid').val();
		var old = $('#old').val();
		var table = $('#table').val();
		
		$.ajax({
			type: "POST",
			url: "/js/top_images.php?r=" + Math.random()*99999,
			data: { start: start, pageid: pageid, old: old, table:table },
			dataType: "xml",
			success: function(xml) {
				$(xml).find('event').each(function(){
					var count = $(this).find('count').text();
					start = $(this).find('start').text();
					old = $(this).find('old').text();
					var title = $(this).find('title').text();
					var image = $(this).find('image').text();
					
					var error = $(this).find('error').text();
					if(error!=''){
						var title = error;
					}
					if(count>0){
						_PROCESS.display(title, image);
					}
				});
				
				$('#start').val(start);
				$('#old').val(old);
				
				//setTimeout("displayPanel()", 6000);
				
			},
			error: function(){
				var title = 'ERROR!';
				var summary = '';
				var url = '';
				var image ='/images/top_image_01.jpg';
				
				_PROCESS.display(title, image);
			}
		});
		
		
	},
	display: function(title, image) {
		
		var oldHtml = $('#infoPanel1').html();
		$("#infoPanel2").fadeTo(0, 1).delay(1000).html(oldHtml).fadeTo(1000, 0);
		
		var topImage = '<img src="'+image+'" alt="'+title+'" />';
		$("#infoPanel1").html(topImage);
		
	}
};
function displayPanel() {
	PROCESS.send();
}

/* start top image rotation */
$(function($) {
	//var start = $('#start').val();
	//var pageid = $('#pageid').val();
	//if(start==1 && pageid>0){
		//setTimeout("displayPanel()", 6000);
		setInterval("displayPanel()", 6000);
	//}
});