$(document).ready(function(){

	$("#photo-slider li img").hover(
		function() {
			$(this).addClass("hover");
		},
		function() {
			$(this).removeClass("hover");
		}
	);		
	
	$("#login a").click(
	function() {
		$("#login-form").addClass("show-login-form");
		}
	);	
	$("#close-login").click(
	function() {
		$("#login-form").removeClass("show-login-form");
		}
	);
	
	
	$('.selected-user').click(
	function() {
		$(this).animate({
			left:330
			});
		}
	);
	

});

function setProfile(id, username, age, city, state, photo){
	
	var $lefty = $('.selected-user');
	var aberto = 34;
	var fechado = 330;
	var isClosed = (parseInt($lefty.css('left'),10) == fechado);
	var img = $('#photo-slider li img');

	if (!isClosed){
		$lefty.animate({
			left: fechado	
		});
	}

	if (id != photoid){

		var usernameDiv = document.getElementById("usernameSpan");
		if (usernameDiv != null){
			if (usernameDiv.hasChildNodes())
				usernameDiv.removeChild(usernameDiv.lastChild);
			usernameDiv.appendChild(document.createTextNode(username));
		}
	
		var ageDiv = document.getElementById("ageSpan");
		if (ageDiv != null){
			if (ageDiv.hasChildNodes())
				ageDiv.removeChild(ageDiv.lastChild);
			ageDiv.appendChild(document.createTextNode(age));
		}
	
		var cityDiv = document.getElementById("citySpan");
		if (cityDiv != null){
			if (cityDiv.hasChildNodes())
				cityDiv.removeChild(cityDiv.lastChild);
			cityDiv.appendChild(document.createTextNode(city));
		}
	
		var stateDiv = document.getElementById("stateSpan");
		if (stateDiv != null){
			if (stateDiv.hasChildNodes())
				stateDiv.removeChild(stateDiv.lastChild);
			stateDiv.appendChild(document.createTextNode(state));
		}
		
		var photoImg = document.getElementById("photoImg");
		if (photoImg != null)
			photoImg.src = photo;
			
		var formreg1 = document.getElementById("reg1"); 
		if (formreg1 != null){
			if (username != null ){
				formreg1.action="/servlet/NewRegistration?PROFILE_VIEWED_USERNAME=" + username;
			} else {
				formreg1.action="/servlet/NewRegistration";
			}
		}

	}

	
	if (isClosed || (id != photoid)){
		//Está fechado
		$lefty.animate({
			left: aberto
		});
	} 

	photoid = id;
		
}

function sleep(milliseconds) {
	  var start = new Date().getTime();
	  for (var i = 0; i < 1e7; i++) {
	    if ((new Date().getTime() - start) > milliseconds){
	      break;
	    }
	  }
	}