$(document).ready(function(){
	//friend click
	$("#friendsMenu a").click(function(){
		setNewFriendItem($(this));
		return false;
	});
	
	//friend next/prev arrow
	$(window).keydown(function(event){
		var keySuccess=false;
		switch (event.keyCode) {
			case 37:
				//previous
				keySuccess=true;
				var setEl=$("#friendsMenu .active").prev("a");
				if(setEl.length==0){
					var setEl=$("#friendsMenu a:last");
				}
			break;
			case 39:
				//next
				keySuccess=true;
				var setEl=$("#friendsMenu .active").next("a");
				if(setEl.length==0){
					var setEl=$("#friendsMenu a:first");
				}
			break;
		}
		if(keySuccess){
			setNewFriendItem(setEl);
		}
	});
	
	//external launch links
	initExternalLinks();
});

function initExternalLinks(){
	//launch portfolio external
	$(".copy a").click(function(){
		var url=$(this).attr("href");
		newwindow=window.open(url,'name');
		if (window.focus) {newwindow.focus()}
		return false;
	});
}

function setNewFriendItem(jqEl){
	//get id of url
	var clickURL=jqEl.attr('href');
	var id=urlVarValue(clickURL,'id');
	var execURL="/friends/ajax_request.php?id="+id;
	
	//remove active class from all thumbs
	$("#friendsMenu a").removeClass("active");
	
	//add active class to thumb
	jqEl.addClass("active");
	
	//hide details
	$("#friendDetails .ajaxTarget").fadeOut("slow",function(){
		//add ajax loader
		$("#friendDetails .ajaxTarget").html('<div class="ajaxLoader"></div>');
		$("#friendDetails .ajaxTarget").show();
		//execute request
		$.get(execURL, function(friendDetails){
			$("#friendDetails .ajaxTarget").hide();
			if(friendDetails=='error'){
				$("#friendDetails .ajaxTarget").html('<div class="ajaxError">Error Loading Friend Details. :(</div>');
			}else{
				$("#friendDetails .ajaxTarget").html(friendDetails);
				//external launch links
				initExternalLinks();
			}
			$("#friendDetails .ajaxTarget").fadeIn("slow");
		});
	});
}