jQuery(document).ready(function() {

	Islet.UI.TipsOfTheDayDialog = new Islet.UI.Dialog(
		'tips-of-the-day-dialog', 
		{
			title: "Tip of the Day",
			close: true,
			width: null,
			'buttons': [],
			 body: "<div id='tips-of-the-day-dialog-panel'>" +
				"<div id='tips-of-the-day-dialog-content' style='width: 500px; height: 250px; overflow: auto; padding: 10px'></div>" +
				"<div style='width: 500px; text-align: right'>" + 
				"<a href='javascript:void(0);' onclick='Islet.UI.TipsOfTheDayDialog.goToPrevTip();'>Previous</a>" +
				" / " +
				"<a href='javascript:void(0);' onclick='Islet.UI.TipsOfTheDayDialog.goToNextTip();'>Next</a>" +
				"</div>" +
				"</div>"
		});		
	
	Islet.UI.TipsOfTheDayDialog.currentIndex = 0;
		
	Islet.UI.TipsOfTheDayDialog.onShowing = function() {
		Islet.UI.TipsOfTheDayDialog.loadTip();		
	};						
	
	Islet.UI.TipsOfTheDayDialog.goToPrevTip = function() {
		Islet.UI.TipsOfTheDayDialog.currentIndex--;
		Islet.UI.TipsOfTheDayDialog.loadTip();
	}
	
	Islet.UI.TipsOfTheDayDialog.goToNextTip = function() {
		Islet.UI.TipsOfTheDayDialog.currentIndex++;
		Islet.UI.TipsOfTheDayDialog.loadTip();
	}
	
	Islet.UI.TipsOfTheDayDialog.loadTip = function() {
		var dlgBody = document.getElementById('tips-of-the-day-dialog-content');
		
		dlgBody.innerHTML =
			"Loading...";	
		
		FlowBasis.rpc.invoke(
			Islet.Paths.root + '/blocks/tips_of_the_day/jsonservices/TipsOfTheDayService.php',
			'getTipOfTheDay',
			[ Islet.UI.TipsOfTheDayDialog.currentIndex ],
			function (response) {
				if (response.error == null) {
					dlgBody.innerHTML = response.result.tipHtml;
					Islet.UI.TipsOfTheDayDialog.currentIndex = response.result.tipIndex;
				}
				else {
					dlgBody.innerHTML = 'Error: ' + response.error.message;
				}
			});
	}
	
});