$(document).ready(function(){
	//References
	var pages = $("#menu div");
	var content = $("#top_3");	
	var prev = $("#prev");
	var nxt = $("#nxt");
	
	prev.click(function(){		
		
		var count = document.getElementById("count").value;
		var current = document.getElementById("current").value;
		
		current = current-1;
		
		if(current == 0)
			current = count;
		document.getElementById("current").value = current;	
		pages.css({'background-image' : 'url(images/inside1.gif)'});
		$('div#'+current).css({'background-image' : 'url(images/selected1.gif)'});
	   	
		//Load content
	   	pageNum = current;
	   	var targetUrl = "bannercontent.php?page=" + pageNum;
	   	content.load(targetUrl);						
		
	});
	
	nxt.click(function(){		
			
		var count = document.getElementById("count").value;
		var current = document.getElementById("current").value;
				
		current++;
		
		if(current > count)
			current = 1;
		document.getElementById("current").value = current;	
		pages.css({'background-image' : 'url(images/inside1.gif)'});
		$('div#'+current).css({'background-image' : 'url(images/selected1.gif)'});
	   	
		//Load content
	   	pageNum = current;
	   	var targetUrl = "bannercontent.php?page=" + pageNum;
	   	content.load(targetUrl);
	});
	
	
	
	//Manage Timer
	var refreshId = setInterval(function()
   	{
	   	var count = document.getElementById("count").value;
	   	var current = document.getElementById("current").value;
	   		   	
	   	current++;
		
		if(current > count)
			current = 1;
		document.getElementById("current").value = current;	
		pages.css({'background-image' : 'url(images/inside1.gif)'});
		$('div#'+current).css({'background-image' : 'url(images/selected1.gif)'});
	   	
		//Load content
	   	pageNum = current;
	   	var targetUrl = "bannercontent.php?page=" + pageNum;
	   	content.load(targetUrl);
	   		   	
	   	/*	var randomnumber=Math.floor(Math.random()*count+1);	*/	   	
   	}, 20000);	
	
   	//Manage click events
   	
	pages.click(function(){		
				
		pages.css({'background-image' : 'url(images/inside1.gif)'});
		$(this).css({'background-image' : 'url(images/selected1.gif)'});

		//Load content
		var pageNum = this.id;
		document.getElementById("current").value=pageNum;
		
		var targetUrl = "bannercontent.php?page=" + pageNum;
		content.load(targetUrl);
	});
	
	//default - 1st page
	
	$("#1").css({'background-image' : 'url(images/selected1.gif)'});
	document.getElementById("current").value='1';
	var targetUrl = "bannercontent.php?page=1&" + $("#myForm").serialize() + " #top_3";
	content.load(targetUrl);
});