// $Revision: 5282 $

function updatePage( )
{
	var url = '/update_page.html';
	var parameters = '';
	
	sendAjaxRequest( url, parameters,
		function( data, str )
		{
			updateBlocks( data );
			
		},
		true
	); 
}


function updateBlocks( data )
{
	var JSON_data = eval('('  + data + ')');
	updatePhotoQueue( JSON_data );
	if (JSON_data.login == 1 ) {
		updateNewMessages( JSON_data.newMessages );
	}
	updateOnlineUsers( JSON_data );
	setUpTooltip();
}

function updatePhotoQueue( JSON_data )
{
	var HTML_photoQueue = "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
	for(var i = 0; i < JSON_data.photoQueue.length; i++){
	 	HTML_photoQueue += "<td width='12.5%'><a href='/user/" + JSON_data.photoQueue[i].auserId +"'/>";
		HTML_photoQueue += "<img src='/profile/photo/70/" + JSON_data.photoQueue[i].auserId +".jpg' "; 
		HTML_photoQueue += "title='"+ JSON_data.photoQueue[i].description +"'/></a></td>";
	}
	HTML_photoQueue += "</tr></table>";
	var elementPhotoQueue = document.getElementById('photo-queue-inner');
	elementPhotoQueue.innerHTML = HTML_photoQueue;
	var elementPhotoQueueLinkAdd = document.getElementById('photo-queue-link-add');
	var elementPhotoQueueLinkNeedExercise = document.getElementById('photo-queue-link-need-exercise');
	if( JSON_data.photoQueueLink == 'add' ) {                                            
		elementPhotoQueueLinkAdd.style.display = '';
		elementPhotoQueueLinkNeedExercise.style.display = 'none';
	} else if ( JSON_data.photoQueueLink == 'need_exercise' ) {                                                 
		elementPhotoQueueLinkNeedExercise.style.display = '';
		elementPhotoQueueLinkAdd.style.display = 'none';
	} else {                                                                                                    
		elementPhotoQueueLinkAdd.style.display = 'none';
		elementPhotoQueueLinkNeedExercise.style.display = 'none';	
	}
}


function updateNewMessages( Cnt )
{
	var elementEnvelope = document.getElementById('message-envelope');
	var elementItem = document.getElementById('message-menu');
	var elementNewMessages = document.getElementById('new-message-cnt');
	if( Cnt != 0 ) {
	 	elementEnvelope.style.display = '';
		elementItem.style.fontWeight = 'bold';
		HTMLNewMessages = " (" + Cnt + ")";
		elementNewMessages.innerHTML = HTMLNewMessages;
	} else {
            	elementEnvelope.style.display = 'none';
		elementItem.style.fontWeight = '';
		elementNewMessages.innerHTML = "";
	}
}

function updateOnlineUsers( JSON_data ) 
{
	var elementOnlineUser = document.getElementById('onlineUsers');
	var HTML_onlineUsers = JSON_data.registeredUsersHeader + "<br/>" + JSON_data.onlineUsersHeader + "<br/><br/><table>";
	for(var i = 0; i < JSON_data.onlineUsers.length; i++) {
		HTML_onlineUsers += "<tr><td>";
		if ( JSON_data.onlineUsers[i].status == "payed" || JSON_data.onlineUsers[i].status == "active_payed" ) {
		    	HTML_onlineUsers += "<img src='/pics/stars/star_4.png'/>";
		}
		HTML_onlineUsers += "</td><td>";
		if ( JSON_data.onlineUsers[i].status == "active" ){
		 	HTML_onlineUsers += "<div class='user-active'>";
		} else if ( JSON_data.onlineUsers[i].status == "active_payed" ) {
		     	HTML_onlineUsers += "<div class='user-active-payed'>";
		} else if ( JSON_data.onlineUsers[i].support == 1 ){
		  	HTML_onlineUsers += "<div class='user-support'>";
		} else if ( JSON_data.onlineUsers[i].status == "payed" ) {
		      	HTML_onlineUsers += "<div class='user-payed'>";
		}
		HTML_onlineUsers += "<div class='user-online'>";
		HTML_onlineUsers += "<a href='/user/" + JSON_data.onlineUsers[i].auserId +"/'>";
		HTML_onlineUsers += "<span title='" + JSON_data.onlineUsers[i].title + "'>" + JSON_data.onlineUsers[i].name;		 
		HTML_onlineUsers += "</span></a></div>";
		if( JSON_data.onlineUsers[i].status != "" || JSON_data.onlineUsers[i].support == 1){
		 	HTML_onlineUsers += "</div>";
		}
		HTML_onlineUsers += "</td></tr>";
	}
	HTML_onlineUsers += "</table>";
	elementOnlineUser.innerHTML = HTML_onlineUsers;
}


function sendAjaxRequest( url, parameters, successJQuery, asynchronous )
{
	jQuery.ajax( {
			type:		'GET',
			url:		url,
			data:		parameters,
			async:	asynchronous,
			success:	successJQuery,
			error:		function( xhr, err ){ }
		} );
}

function setUpTooltip()
{
	  $('img').tooltip({
	  	track: true,
	  	delay: 100,
	  	showBody: '::',
	  	opacity: 0.85
	  });
}

function initialiseTooltip()
{
	$(document).ready( setUpTooltip() );
}