var dirs = location.pathname.split('/');
var username = dirs[2];
var friends;

Event.observe(window,'load',getFriends);

function getFriends() {
    var myAjax = new Ajax.Request(
			'postEngine.php', 
			{
				method: 'get', 
				parameters: {action:'friendpage',username:username}, 
				onComplete: function(transport) {
					var friends = transport.responseText.evalJSON();
					drawFriendTable(friends);
				}
			});
}

function drawFriendTable(friends) {
	var friendCount = friends['friends'].length;
	if(friendCount < 10) {
		var columns = friendCount;
		var rows = 1;
	} else {
		var columns = 10;
		var rows = Math.floor(friendCount / columns);
	}
    var number = 0;
    var table = '';
    
	table += '<table border="0" cellpadding="0" cellspacing="0" style="width:auto;height:auto;">';
	for(r = 0; r < rows; r++) {
        table += '<tr>';
        for(c = 0; c < columns; c++) { 
	        table += '<td style="empty-cells:hide;">';
			table += ' <a href="' + friends['friends'][number].username + '">';
	        table += ' <img id="' + c + '" title="' + friends['friends'][number].username + '"'; 
			table += ' onmouseover="friendOver(\'' + c + '\',\'' + friends['friends'][number].picture + '\');"';
			table += ' onmouseout="friendOut(\'' + c + '\',\'' + friends['friends'][number].picture + '\');"';
			table += ' src="../pictures/thumb/' + friends['friends'][number].picture + '" />';
			table += ' </a>';
	        table += '</td>';
			number++;
		}
		table += '</tr>';
	}
	table += '</table>';
	$('friends').innerHTML = table;
}

function friendOver(img,picture) {
	$(img).src = '../pictures/small/' + picture;
}

function friendOut(img,picture) {
	$(img).src = '../pictures/thumb/' + picture;
}

function getUrlVars() {

    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }

    return vars;

}

function getCookie(c_name) {
    if(document.cookie.length>0) 
	{
        c_start=document.cookie.indexOf(c_name + "=");
        if(c_start!=-1)
		{ 
            c_start=c_start + c_name.length+1; 
            c_end=document.cookie.indexOf(";",c_start);
        if(c_end==-1) c_end=document.cookie.length;
            return unescape(document.cookie.substring(c_start,c_end));
        } 
    }
    return "";
}

function mySkills(element,skill) {
 
    if(skill == 1) { 
        new Tooltip(element, "skill1");
    } else if(skill == 2) {
        new Tooltip(element, "skill2");
    } else if(skill == 3) {
        new Tooltip(element, "skill3");
    } else if(skill == 4) {
        new Tooltip(element, "skill4");
    } else {
        new Tooltip(element, "skill5");
    }
 
}

function friendRequest(loggedin,user_id,member_name,member_ID) {
    var logged = loggedin;
    if(loggedin == 1) 
	{
        var confirmed = confirm('Are you sure you\'d like to add '+member_name+' as a friend?');
        if(confirmed) 
		{
            new Ajax.Request('postEngine.php', 
			{
                method: 'post',
                parameters: {member_ID:username,friend_ID:user_id,friend: 1},
                onSuccess: function(transport)
				{
                    if(transport.responseText == 1) 
					{
                        alert('Friend request complete!');
	                } 
					else 
					{
	                    alert(transport.responseText);
	                }
                }
            });
        }
    } 
	else 
	{
        location.href='http://www.urtrainer.com/signup/';
    }
}