function showComments(id_participant, pageNum) {
	$.post("ajax/getComments.php", {
		id_participant : id_participant,
		pageNum : pageNum
	}, function(data) {
		showCommentSuccess(data, id_participant);
	});
}

function showCommentSuccess(data, id_participant) {
	$("#comments_container").html(data);
	$("#comments_container").fadeIn();
	$("#qa_container").hide();

	$("#comments_content_container").hide();
	$("#comments_content_container").fadeIn();

	$("#qa_tab").html(
			"<a onclick='showQAndA(" + id_participant + ");'>Info</a>");
	$("#comments_tab").html("comments");

	resizeHandler(null);
}

function showQAndA(id_participant) {
	$("#comments_container").html("");
	$("#comments_container").hide();
	$("#qa_container").fadeIn();

	$("#qa_tab").html("Info");
	$("#comments_tab").html(
			"<a onclick='showComments(" + id_participant
					+ ", 1);'>comments</a>");

	resizeHandler(null);
}

/* MEDIA */

function imageLoadedHandler(){
	originHeight = $("#rankin_by_you_media img").height();
	originWidth = $("#rankin_by_you_media img").width();
	
	$("#rankin_by_you_media img").animate({opacity:1});
	
	updateImage(false);
	
	$(window).bind('resize', resizeImageHandler);
}

function thumbLoadedHandler(id){
	$("#" + id).css({opacity: 0, display: "block"});
	$("#" + id).animate({opacity: 1});
}

function resizeImageHandler(){
	$("#rankin_by_you_media").animate( {
		opacity : 1
	}, 300, "", resizeAnimate);
}

function resizeAnimate(){
	updateImage(true);
	/*
	var blockHeight = $("#participant_details").height() - 250;
	
	$("#comments_content_container").animate({
		height: blockHeight + "px"
	});
	*/
}

function getPhotoByRankin(id_participant) {
	$("#rankin_by_you_media").hide();
	$("#thumb_from_rankin_img").hide();
	
	$.post("ajax/getPhotoByRankin.php", {
		id_participant : id_participant
	}, function(data) {
		$("#rankin_by_you_media").html(data);
		$("#rankin_by_you_media").fadeIn();
		$("#thumb_photo_by_rankin").html("");
		
		$("#rankin_by_you_media img").css({opacity:0});
		
		resizeHandler(null);
	});

	getThumbFromPartricipant(id_participant);
	getThumbVideo(id_participant);
}

function getPhotoFromParticipant(id_participant) {
	$("#rankin_by_you_media").hide();
	$("#thumb_from_participant_img").hide();

	$.post("ajax/getPhotoFromParticipant.php", {
		id_participant : id_participant
	}, function(data) {
		$("#rankin_by_you_media").html(data);
		$("#rankin_by_you_media").fadeIn();
		$("#thumb_photo_from_participant").html("");
		
		$("#rankin_by_you_media img").css({opacity:0});
		
		resizeHandler(null);
	});

	getThumbByRankin(id_participant);
	getThumbVideo(id_participant);
}

function getVideo(id_participant) {
	$("#rankin_by_you_media").hide();

	$.post("ajax/getVideo.php", {
		id_participant : id_participant
	}, function(data) {
		$("#rankin_by_you_media").html(data);
		$("#rankin_by_you_media").fadeIn();
		$("#thumb_video").html("");
		
		resizeHandler(null);
	});

	getThumbByRankin(id_participant);
	getThumbFromPartricipant(id_participant);
}

function getThumbByRankin(id_participant) {
	$.post("ajax/getThumbByRankin.php", {
		id_participant : id_participant
	}, function(data) {
		$("#thumb_photo_by_rankin").html(data);
	});
}

function getThumbFromPartricipant(id_participant) {
	$.post("ajax/getThumbFromParticipant.php", {
		id_participant : id_participant
	}, function(data) {
		$("#thumb_photo_from_participant").html(data);
	});
}

function getThumbVideo(id_participant) {
	$.post("ajax/getThumbVideo.php", {
		id_participant : id_participant
	}, function(data) {
		$("#thumb_video").html(data);
	});
}

/* COMMENTS */

function submitComment(id_participant) {
	var name = $("#name_input").val();
	// var email = $("#email_input").val();
	var content = $("#content_input").val();

	// if (name != "Name" && email != "E-Mail" && content != "Comment") {
	if (name != "Name" && content != "Comment") {
		//if (checkEmail(email)) {
		$.post("ajax/addComment.php", {
			id_participant : id_participant,
			name : name,
			email : "",
			content : content
		}, addCommentSuccess);
		// } else {
		// $("#alertComment").css( {
		// display : "block"
		// });
		// $("#alertComment").html("Please enter a valid e-mai address.");
		// }
	} else {
		$("#alertComment").css( {
			display : "block"
		});
		$("#alertComment").html("Please fill in all the fields.");
	}
}

function addCommentSuccess(data) {
	$("#alertComment").css( {
		display : "block"
	});
	$("#alertComment")
			.html(
					"Thank you, your comment has been sent, it's now waiting to be approved.");

	$("#commentForm").html("");
	$("#commentForm").hide();
}

/* URL */

function setURL(id) {
	var url = location.hash;

	var searchPattern = $("#searchInput").val();
	if (searchPattern == 'search')
		searchPattern = '';

	var params = {
		url : url,
		id : id,
		page : _pageNum,
		searchPattern : searchPattern,
		ages : $("#ages_hidden").val(),
		genres : $("#genres_hidden").val(),
		locations : $("#locations_hidden").val(),
		recent : $("#recent_hidden").val()
	};

	$.post("ajax/URLParser.php", params, function(data) {
		location.hash = data;
		return false;
	});

	return false;
}

/* SERACH */

var _pageNum = 1;

function searchGallery(type, pageNum) {
	_pageNum = pageNum;

	var searchPattern = $("#searchInput").val();
	if (searchPattern == 'search')
		searchPattern = '';

	$.post("ajax/getSearchResultsGallery.php", {
		type : type,
		pageNum : pageNum,
		ages : $("#ages_hidden").val(),
		genres : $("#genres_hidden").val(),
		locations : $("#locations_hidden").val(),
		recent : $("#recent_hidden").val(),
		searchPattern : searchPattern
	}, function(data) {
		$("#gallery").html(data);
	});

	setURL(0);
	return false;
}

function inputFocus(id, value) {
	if ($("#" + id).val() == value)
		$("#" + id).val("");
}

function inputBlur(id, value) {
	if ($("#" + id).val() == "")
		$("#" + id).val(value);
}

function thumbLoaded(id) {
	$("#img_" + id).css( {
		'visibility' : 'visible'
	});
	$("#img_" + id).hide();
	$("#img_" + id).fadeIn(1000);

	var width_img = $("#img_" + id).width();
	$("#span_" + id).width(width_img - 10);
}

function showName(id, show) {
	$("#img_" + id).stop();
	$("#span_" + id).stop();
	$("#span_" + id).css( {
		'cursor' : 'pointer'
	});
	if (show) {
		$("#span_" + id).css( {
			'visibility' : 'visible'
		});
		$("#span_" + id).fadeTo("fast", 0.85);
		$("#img_" + id).fadeTo("fast", 0.3);
	} else {
		$("#img_" + id).fadeTo("fast", 1);
		$("#span_" + id).fadeTo("fast", 0);
	}
}

function showPreviousDetais(id_participant, type) {
	var content = document.getElementById("participant_details");

	var position = $("#participant_details").position();
	
	$("#participant_details").css( {
		'left' : position.left,
		'width' : $("#participant_details").width()
	});

	$("#participant_details").animate( {
		'left' : document.documentElement.offsetWidth
	}, 500, "easeInOutQuart", function() {
		$("#participant_details").css( {
			'left' : -content.offsetWidth
		});

		getDetails(id_participant, type, function() {
			$("#participant_details").animate( {
				'left' : position.left
			}, 500, "easeInOutQuart");
		});
	});
}

function showNextDetais(id_participant, type) {
	var content = document.getElementById("participant_details");

	var position = $("#participant_details").position();
	
	$("#participant_details").css( {
		'left' : position.left,
		'width' : $("#participant_details").width()
	});
	
	$("#participant_details").animate( {
		'left' : -content.offsetWidth
	}, 500, "easeInOutQuart", function() {
		$("#participant_details").css( {
			'left' : document.documentElement.offsetWidth
		});

		getDetails(id_participant, type, function() {
			$("#participant_details").animate( {
				'left' : position.left
			}, 500, "easeInOutQuart");
		});
	});
}

function getDetails(id_participant, type, callback) {
	var searchPattern = $("#searchInput").val();
	if (searchPattern == 'search')
		searchPattern = '';
	
	$.post("ajax/getParticipantDetails.php", {
		id_participant : id_participant,
		type : type,
		searchPattern : searchPattern,
		page : _pageNum,
		ages : $("#ages_hidden").val(),
		genres : $("#genres_hidden").val(),
		locations : $("#locations_hidden").val(),
		recent : $("#recent_hidden").val()
	}, function(data) {
		$("#participant_details").html(data);
		
		$("#zobImageFromRkn").load(function(){
			callback();
			resizeHandler(null);
		});
	});
	
	setURL(id_participant);
	return false;
}

function showDetaisWindow(id_participant, type) {
	overlayOpen = true;
	
	var windowWidth = document.documentElement.offsetWidth;
	var windowHeight = document.documentElement.offsetHeight;
	
	$("#loadingNextParticipant").css({
		display: "block",
		opacity: 0,
		top: ((windowHeight - $("#loadingNextParticipant").height()) * .5) + "px",
		left: ((windowWidth - $("#loadingNextParticipant").width()) * .5) + "px"
	});
	
	$("#loadingNextParticipant").animate({
		opacity: 1
	});
	
	$(window).bind('resize', function(){ resizeHandler(null); });
	
	var searchPattern = $("#searchInput").val();
	if (searchPattern == 'search')
		searchPattern = '';

	initOverlay();
	
	$.post("ajax/getParticipantDetails.php", {
		id_participant : id_participant,
		type : type,
		searchPattern : searchPattern,
		page : _pageNum,
		ages : $("#ages_hidden").val(),
		genres : $("#genres_hidden").val(),
		locations : $("#locations_hidden").val(),
		recent : $("#recent_hidden").val()
	}, function(data) {
		$("#participant_details").html(data);
		$("#participant_details").fadeIn();

		$("#detail_container").hide();
		$("#detail_container").fadeIn();

		$("#overlay").fadeIn();
		
		if ($("#participant_details").css('left') == "0px")
			centerDetails();

		resizeHandler(null);

		$("#overlay").click(exitDetail);
	});

	setURL(id_participant);
	return false;
}

function getPortraitWindow(id_participant, type, callback) {
	var searchPattern = $("#searchInput").val();
	if (searchPattern == 'search')
		searchPattern = '';

	initOverlay();

	$.post("ajax/getParticipantPortrait.php", {
		id_participant : id_participant,
		type : type,
		searchPattern : searchPattern,
		page : _pageNum,
		ages : $("#ages_hidden").val(),
		genres : $("#genres_hidden").val(),
		recent : $("#recent_hidden").val()
	}, function(data) {
		$("#participant_details").html(data);

		callback();
	});

	setURL(id_participant);
	return false;
}

function getPortraitWindowComplete(){
	$("#participant_details").fadeIn();

	$("#detail_container").hide();
	$("#detail_container").fadeIn();

	$("#overlay").fadeIn();

	if ($("#participant_details").css('left') == "0px")
		centerDetails();

	$("#rankin_by_you_previous_media").css( {
		opacity : 0
	});
	$("#rankin_by_you_previous_media img").load(
			function() {
				var windowWidth = document.documentElement.offsetWidth;
				var windowHeight = document.documentElement.offsetHeight;
				var portraitWidth = $("#rankin_by_you_previous_media img")
						.width();
				var portraitHeight = $("#rankin_by_you_previous_media img")
						.height();

				$("#rankin_by_you_previous_media").animate( {
					opacity : 1
				});
				$("#rankin_by_you_previous_media").css( {
					position : "absolute",
					left : (30 - portraitWidth) + "px",
					top : ((windowHeight - portraitHeight) / 2 - 30) + "px"
				});
			});

	$("#rankin_by_you_current_media").css( {
		opacity : 0
	});
	$("#rankin_by_you_current_media img").load(function() {
		var windowWidth = document.documentElement.offsetWidth;
		var windowHeight = document.documentElement.offsetHeight;
		var portraitWidth = $("#rankin_by_you_current_media img").width();
		var portraitHeight = $("#rankin_by_you_current_media img").height();

		$("#rankin_by_you_current_media").animate( {
			opacity : 1
		});
		$("#rankin_by_you_current_media").css( {
			position : "absolute",
			left : ((windowWidth - portraitWidth) / 2 - 30) + "px",
			top : ((windowHeight - portraitHeight) / 2 - 30) + "px"
		});
	});

	$("#rankin_by_you_next_media").css( {
		opacity : 0
	});
	$("#rankin_by_you_next_media img").load(function() {
		var windowWidth = document.documentElement.offsetWidth;
		var windowHeight = document.documentElement.offsetHeight;
		var portraitWidth = $("#rankin_by_you_next_media img").width();
		var portraitHeight = $("#rankin_by_you_next_media img").height();

		$("#rankin_by_you_next_media").animate( {
			opacity : 1
		});
		$("#rankin_by_you_next_media").css( {
			position : "absolute",
			left : (windowWidth - 60) + "px",
			top : ((windowHeight - portraitHeight) / 2 - 30) + "px"
		});
	});

	$("#overlay").click(exitDetail);
}

function setParticipantNameForPortrait(id_participant) {
	$.post("ajax/getParticipantNameForPortrait.php", {
		id_participant : id_participant
	}, function(data) {
		$("#participant_name").fadeOut(function() {
			$("#participant_name").html(data);
			$("#participant_name").hide();
			$("#participant_name").fadeIn();
		});
	});
}

function getPreviousImage(id_participant) {
	var searchPattern = $("#searchInput").val();
	if (searchPattern == 'search')
		searchPattern = '';

	$("#rankin_by_you_temp_media").attr("id", "rankin_by_you_previous_media");

	$.post("ajax/getPreviousButton.php", {
		id_participant : id_participant,
		searchPattern : searchPattern,
		page : _pageNum,
		ages : $("#ages_hidden").val(),
		genres : $("#genres_hidden").val()
	}, function(data) {
		$("#div_previous_media").html(data);
		$("#rankin_by_you_previous_media").css( {
			position : "absolute",
			left : "-1000px"
		});

		if (data) {
			$("#div_previous_media img").load(function() {
				var windowHeight = document.documentElement.offsetHeight;
				var portraitWidth = $("#rankin_by_you_previous_media img").width();
				var portraitHeight = $("#rankin_by_you_previous_media img").height();

				$("#rankin_by_you_previous_media").css({
					position : "absolute",
					top : ((windowHeight - portraitHeight) / 2 - 10) + "px"
				});

				$("#rankin_by_you_previous_media").animate({
					left : (30 - portraitWidth) + "px"
				}, 800, "easeInOutQuart");

				$.post("ajax/getCurrentImage.php", {
					id_participant : id_participant,
					searchPattern : searchPattern,
					page : _pageNum,
					ages : $("#ages_hidden").val(),
					genres : $("#genres_hidden").val(),
					recent : $("#recent_hidden").val()
				}, function(data) {
					$("#rankin_by_you_current_media").html(data);
				});

				$.post("ajax/getNextImage.php", {
					id_participant : id_participant,
					searchPattern : searchPattern,
					page : _pageNum,
					ages : $("#ages_hidden").val(),
					genres : $("#genres_hidden").val(),
					recent : $("#recent_hidden").val()
				},
				function(data) {
					$("#rankin_by_you_next_media").html(data);
				});
			});
		} else {
			$.post("ajax/getCurrentImage.php", {
				id_participant : id_participant,
				searchPattern : searchPattern,
				page : _pageNum,
				ages : $("#ages_hidden").val(),
				genres : $("#genres_hidden").val(),
				recent : $("#recent_hidden").val()
			}, function(data) {
				$("#rankin_by_you_current_media").html(data);
			});

			$.post("ajax/getNextImage.php", {
				id_participant : id_participant,
				searchPattern : searchPattern,
				page : _pageNum,
				ages : $("#ages_hidden").val(),
				genres : $("#genres_hidden").val(),
				recent : $("#recent_hidden").val()
			}, function(data) {
				$("#rankin_by_you_next_media").html(data);
			});
		}
	});
}

function getNextImage(id_participant) {
	var searchPattern = $("#searchInput").val();
	if (searchPattern == 'search')
		searchPattern = '';

	$("#rankin_by_you_temp_media").attr("id", "rankin_by_you_next_media");
	
	$.post("ajax/getNextButton.php", {
		id_participant : id_participant,
		searchPattern : searchPattern,
		page : _pageNum,
		ages : $("#ages_hidden").val(),
		genres : $("#genres_hidden").val(),
		recent : $("#recent_hidden").val()
	}, function(data) {
		$("#div_next_media").hide();
		$("#div_next_media").html(data);

		//var windowWidth = document.documentElement.offsetWidth;
		var windowWidth = $("#participant_details").width();
		var windowHeight = $("#participant_details").height();
		var portraitWidth = $("#rankin_by_you_next_media img").width();
		var portraitHeight = $("#rankin_by_you_next_media img").height();
		
		$("#rankin_by_you_next_media").css( {
			position : "absolute",
			left : (windowWidth + 40) + "px"//,
			//top : ((windowHeight - portraitHeight) / 2 + 30) + "px"
		});
		
		if (data) {
			$("#div_next_media img").load(function() {
				//var windowHeight = document.documentElement.offsetHeight;

//				$("#rankin_by_you_next_media").css({
//					position : "absolute"
//				});
//
//				$("#rankin_by_you_next_media").animate({
//					left : (windowWidth + 10) + "px",
//					top : ((windowHeight - portraitHeight) / 2 + 30) + "px"
//				}, 800, "easeInOutQuart");

				$.post("ajax/getCurrentImage.php", {
					id_participant : id_participant,
					searchPattern : searchPattern,
					page : _pageNum,
					ages : $("#ages_hidden").val(),
					genres : $("#genres_hidden").val(),
					recent : $("#recent_hidden").val()
				}, function(data) {
					$("#rankin_by_you_current_media").html(data);
				});

				$.post("ajax/getPreviousImage.php", {
					id_participant : id_participant,
					searchPattern : searchPattern,
					page : _pageNum,
					ages : $("#ages_hidden").val(),
					genres : $("#genres_hidden").val(),
					recent : $("#recent_hidden").val()
				}, function(data) {
					$("#rankin_by_you_previous_media").html(data);
				});
			});
		} else {
			$.post("ajax/getCurrentImage.php", {
				id_participant : id_participant,
				searchPattern : searchPattern,
				page : _pageNum,
				ages : $("#ages_hidden").val(),
				genres : $("#genres_hidden").val(),
				recent : $("#recent_hidden").val()
			}, function(data) {
				$("#rankin_by_you_current_media").html(data);
			});

			$.post("ajax/getPreviousImage.php", {
				id_participant : id_participant,
				searchPattern : searchPattern,
				page : _pageNum,
				ages : $("#ages_hidden").val(),
				genres : $("#genres_hidden").val(),
				recent : $("#recent_hidden").val()
			}, function(data) {
				$("#rankin_by_you_previous_media").html(data);
			});
		}
	});
}

function showPreviousPortrait(id_participant) {
	if( !moving ){
		disableClick();
	
		setParticipantNameForPortrait(id_participant);
	
		setURL(id_participant);
	
		//var windowWidth = document.documentElement.offsetWidth;
		var windowWidth = $("#participant_details").width();
	
		var portraitWidth = $("#rankin_by_you_previous_media img").width();
	
		$("#rankin_by_you_previous_media").animate( {
			left : ((windowWidth - portraitWidth) / 2 + 30) + "px"
		}, 800, "easeInOutQuart");
	
		$("#rankin_by_you_current_media").animate( {
			left : (windowWidth + 10) + "px"
		}, 850, "easeInOutQuart", function() {
			$("#rankin_by_you_next_media").attr("id", "rankin_by_you_temp_media");
			$("#rankin_by_you_current_media").attr("id", "rankin_by_you_next_media");
			$("#rankin_by_you_previous_media").attr("id", "rankin_by_you_current_media");
	
			$("#div_next_media").html($("#div_media").html());
			$("#div_media").html($("#div_previous_media").html());
	
			getPreviousImage(id_participant);
			
			enableClick();
		});
	
		$("#rankin_by_you_next_media").animate( {
			left : (windowWidth + 200) + "px"
		}, 800, "easeInOutQuart");
	}
}

function showNextPortrait(id_participant) {
	if( !moving ){
		disableClick();
	
		setParticipantNameForPortrait(id_participant);
	
		setURL(id_participant);
	
		//var windowWidth = document.documentElement.offsetWidth;
		var windowWidth = $("#participant_details").width();
	
		var portraitWidth = $("#rankin_by_you_current_media img").width();
		var nextPortraitWidth = $("#rankin_by_you_next_media img").width();
	
		$("#rankin_by_you_next_media").animate( {
			left : ((windowWidth - nextPortraitWidth) / 2 + 30) + "px"
		}, 800, "easeInOutQuart");
	
		$("#rankin_by_you_current_media").animate({
			left : (30 - portraitWidth) + "px"
		}, 850, "easeInOutQuart", function() {
			$("#rankin_by_you_previous_media").attr("id",
					"rankin_by_you_tmp_media");
			$("#rankin_by_you_current_media").attr("id",
					"rankin_by_you_previous_media");
			$("#rankin_by_you_next_media").attr("id",
					"rankin_by_you_current_media");

			$("#div_previous_media").html($("#div_media").html());
			$("#div_media").html($("#div_next_media").html());

			getNextImage(id_participant);
			
			enableClick();
		});
	
		$("#rankin_by_you_previous_media").animate( {
			left : -1000 + "px"
		}, 800, "easeInOutQuart");
	}
}

var moving = false;

function disableClick() {
	moving = true;
}

function enableClick() {
	moving = false;
}

function zoomIn(id_participant) {
	//alert("ZOOM IN " + id_participant);
}

var overlayOpen = false;

function exitDetail() {
	overlayOpen = false;
	
	$("#loadingNextParticipant").css({display: "none"});
	
	$("#youtube_video").css({visibility: "visible"});
	
	$("#overlay").fadeOut("fast", function() {
		$(window).unbind('resize', function(){ resizeHandler(null); });
		$(window).unbind('resize', resizePortraitHandler);
	});

	$("#participant_details").fadeOut("fast", function() {
		$("#participant_details").html("");
	});

	setURL(0);
}

function centerDetails() {
	var content = document.getElementById("participant_details");

	var width = document.documentElement.offsetWidth;
	var height = document.documentElement.offsetHeight;
	$("#participant_details").width(width - 100 + 30);
	$("#participant_details").height(height - 100 + 30);
	var contentWidth = content.offsetWidth;
	var contentHeight = content.offsetHeight;

	$("#participant_details").css( {
		left : 15 + "px",
		top : 15 + "px"
	});
}

function initOverlay() {
	var width = document.documentElement.offsetWidth;
	var height = document.documentElement.offsetHeight;

	$("#overlay").width(width);
	$("#overlay").height(height);
}

function resizeHandler(callback) {
	if( overlayOpen ){
		var content = document.getElementById("participant_details");
		var particpant_details_padding = 40;
		
		if ( content ) {
			var width = document.documentElement.offsetWidth;
			var height = document.documentElement.offsetHeight;
			
			var position_v = 15;
			var position_h = 0;//35;
			
			var contentWidth = width - 30 - particpant_details_padding;
			var contentHeight = height - 30 - particpant_details_padding;
			
			if(width > 1054)
			{
				contentWidth = 1024 - particpant_details_padding;
				position_v = (width - contentWidth) / 2 - particpant_details_padding;
			}

			if(height > 798)
				contentHeight = 768 - particpant_details_padding;
			position_h = (height - contentHeight) / 2;
			/*
			if(height > 798)
			{
				contentHeight = 768 - particpant_details_padding;
				position_h = (height - contentHeight) / 2 - particpant_details_padding;
			} else if( height > $("#participant_details").height() ){
				position_h = (height - contentHeight) * .5;
			}
			*/
			
			$("#participant_details").animate( {
				left : (position_v + 20) + "px",
				top : position_h + "px",
				width : contentWidth,
				height : contentHeight,
				opacity : 1
			}, 300, "easeInOutQuart");
			
			$("#overlay").animate( {
				width : width + "px",
				height : height + "px",
				top : "0px",
				left : "0px",
				opacity : 0.81
			}, 310, "easeInOutQuart", function(){
				if( callback ) callback();
			});
			
			$("#loadingNextParticipant").css({
				top: ((height - $("#loadingNextParticipant").height()) * .5) + "px",
				left: ((width - $("#loadingNextParticipant").width()) * .5) + "px"
			});
			
			updateComments();
		}
	}
}

var originWidth = 0;
var originHeight = 0;

function findFitSize(actualWidth, actualHeight, fitWidth, fitHeight) {
	var size = new Array(actualWidth, actualHeight);
	
	var actualRatio = actualHeight / actualWidth;
	var fitRatio = fitHeight / fitWidth;
	
	if( fitWidth == 0 || actualRatio <= fitRatio ) {
		size[0] = fitWidth;
		size[1] = fitWidth * actualRatio;
	} else if( fitHeight == 0 || actualRatio >= fitRatio ) {
		size[0] = fitHeight / actualRatio;
		size[1] = fitHeight;
	}
	
	return size;
}

function updateImage(animate){
	var height = $("#participant_details").height();
	
	var maxWidth = Math.min(470, originWidth);
	var maxHeight = Math.min(height - 67 - 20, originHeight);
	
	var size = findFitSize(originWidth, originHeight, maxWidth, maxHeight);
	var destWidth = size[0];
	var destHeight = size[1];
	
	if( animate ) {
		$("#rankin_by_you_media img").animate({
			width : destWidth + "px",
			height : destHeight + "px"
		}, "250", updateComments);
	} else {
		$("#rankin_by_you_media img").css({
			width : destWidth + "px",
			height : destHeight + "px"
		});
		
		updateComments();
	}
}

function updateComments(){
	var newHeight = $("#rankin_by_you_media img").height() - $("#divCommentForm").height() - 13;
	
	$("#comments_content_container").animate({
		height: newHeight + "px"
	});
	
	var newPosition = Math.max(67, ($("#participant_details").height() + 40 - $("#rankin_by_you_media img").height()) * .5);
	if( $("#rankin_by_you_media img").height() == 0 ) newPosition = 67;
	
	$("#rankin_by_you_media img").css({
		position: "absolute"
	});
	$("#rankin_by_you_media img").css({
		top: newPosition + "px"
	});
	
	$("#profileRightColumn").css({
		position: "absolute"
	});
	$("#profileRightColumn").css({
		top: newPosition + "px"
	});
}

function resizePortraitHandler() {
	resizeHandler(reposition);
}

function reposition(){
//	//var windowWidth = document.documentElement.offsetWidth;
//	//var windowHeight = document.documentElement.offsetHeight;
//	var windowWidth = $("#participant_details").width();
//	var windowHeight = $("#participant_details").height();
//	
//	var portraitWidth = $("#rankin_by_you_current_media img").width();
//	var portraitHeight = $("#rankin_by_you_current_media img").height();
//	
//	$("#rankin_by_you_current_media").animate( {
//		left : ((windowWidth - portraitWidth) / 2 + 30) + "px",
//		top : ((windowHeight - portraitHeight) / 2 + 30) + "px"
//	});
//	
//	var previousPortraitWidth = $("#rankin_by_you_previous_media img").width();
//	var previousPortraitHeight = $("#rankin_by_you_previous_media img").height();
//	
//	$("#rankin_by_you_previous_media").animate( {
//		left : (30 - previousPortraitWidth) + "px",
//		top : ((windowHeight - previousPortraitHeight) / 2 + 30) + "px"
//	});
//	
//	var nextPortraitWidth = $("#rankin_by_you_next_media img").width();
//	var nextPortraitHeight = $("#rankin_by_you_next_media img").height();
//	
//	$("#rankin_by_you_next_media").animate( {
//		left : (windowWidth + 10) + "px",
//		top : ((windowHeight - nextPortraitHeight) / 2 + 30) + "px"
//	});
}

function showAgesSelector() {
	hideSelector("locations_selector");
	hideSelector("genres_selector");
	hideSelector("recents_selector");
	showSelector("ages_selector");
}

function showGenresSelector() {
	hideSelector("locations_selector");
	hideSelector("ages_selector");
	hideSelector("recents_selector");
	showSelector("genres_selector");
}

function showLocationsSelector() {
	hideSelector("genres_selector");
	hideSelector("ages_selector");
	hideSelector("recents_selector");
	showSelector("locations_selector");
}

function showRecentsSelector() {
	hideSelector("genres_selector");
	hideSelector("ages_selector");
	hideSelector("locations_selector");
	showSelector("recents_selector");
}

/* UTILS */
function showSelector(div_name) {
	switch ($("#" + div_name).css("display")) {
	case "none":
		$("#" + div_name).css( {
			display : "block",
			"z-index" : 10000
		});
		$("#" + div_name).dropShadow( {
			opacity : .25
		});
		break;
	case "block":
		$("#" + div_name).css( {
			display : "none"
		});
		$("#" + div_name).removeShadow();
		break;
	}
}
function hideSelector(div_name) {
	if ($("#" + div_name).css("display")) {
		$("#" + div_name).css( {
			display : "none"
		});
		$("#" + div_name).removeShadow();
	}
}
/* */

function selectAges(ages, type, pageNum) {
	showAgesSelector();

	$("#ages_hidden").val(ages);

	switch (ages) {
	case "":
		//$("#ages_field").html("All ages");
		$("#ages_field").html("Age");
		break;
	case "71":
		$("#ages_field").html("71+");
		break;
	default:
		$("#ages_field").html(ages);
	}

	searchGallery(type, pageNum);
}

function selectGenres(genres, type, pageNum) {
	showGenresSelector();

	$("#genres_hidden").val(genres);

	switch (genres) {
	case "":
		//$("#genres_field").html("Male & Female");
		$("#genres_field").html("Sex");
		break;
	case "m":
		$("#genres_field").html("Male");
		break;
	case "f":
		$("#genres_field").html("Female");
		break;
	}

	searchGallery(type, pageNum);
}

function selectLocations(locations, type, pageNum) {
	showLocationsSelector();

	$("#locations_hidden").val(locations);

	switch (locations) {
	case "":
		//$("#locations_field").html("All Locations");
		$("#locations_field").html("Location");
		break;
	case "0":
		$("#locations_field").html("London");
		break;
	case "1":
		$("#locations_field").html("Liverpool");
		break;
	case "2":
		$("#locations_field").html("Manchester");
		break;
	case "4":
		$("#locations_field").html("Big Chill");
		break;
	case "5":
		$("#locations_field").html("Clothes Show");
		break;
	}

	searchGallery(type, pageNum);
}

function selectRecents(recent, type, pageNum) {
	showRecentsSelector();

	$("#recent_hidden").val(recent);

	switch (recent) {
	case "1":
		$("#recents_field").html("Oldest");
		break;
	default:
		$("#recents_field").html("Latest");
		break;
	}

	searchGallery(type, pageNum);
}