/* Show/Hides Friends Menu */
$('#user-bar-friends-click').click(function(){
	if($(this).hasClass("friends-active")) {
		$(this).removeClass("friends-active");
		$('div#friends-menu').hide();
	} else {
		$(this).addClass("friends-active");
		$('#user-bar-user-click').removeClass("user-active");
		$('#user-bar-notes-click').removeClass("notes-active");
		$('div#friends-menu').show();
		$('div#user-menu').hide();
		$('div#notes-menu').hide();
		
		if ( $('div#notes-menu').css('display') == 'block' ) {
			$('#notif-list').children('li').removeClass('unread');
    		$("#userbar2-notes-count").text("0");
    	}
    	
		return false;
	}
});

/* Show/Hides User Menu */
$('#user-bar-user-click').click(function(){
	if($('#user-bar-friends-click').hasClass("friends-active")) {
		$(this).removeClass("friends-active");
		$('div#friends-menu').hide();
	}
	
	if($(this).hasClass("user-active")) {
		$(this).removeClass("user-active");
		$('div#user-menu').hide();
	} else {
		$(this).addClass("user-active");
		$('#user-bar-friends-click').removeClass("friends-active");
		$('#user-bar-notes-click').removeClass("notes-active");
		$('div#user-menu').show();
		$('div#friend-menu').hide();
		$('div#notes-menu').hide();
		if ( $('div#notes-menu').css('display') == 'block' ) {
			$('#notif-list').children('li').removeClass('unread');
    		$("#userbar2-notes-count").text("0");
    	}
		return false;
	}
});

/* Show/Hides Notification Menu */
$('#user-bar-notes-click').click(function(){
	if($(this).hasClass("notes-active")) {
		$(this).removeClass("notes-active");
		$('div#notes-menu').hide();
		$('#notif-list').children('li').removeClass('unread');
    	$("#userbar2-notes-count").text("0");
	} else {
		$(this).addClass("notes-active");
		$('#user-bar-friends-click').removeClass("friends-active");
		$('#user-bar-user-click').removeClass("user-active");
		$('div#friends-menu').hide();
		$('div#user-menu').hide();
		$('div#notes-menu').show();
		$.post("/notifications/read/")
		return false;
	}
});


$('body').click(function(){
	if($('#user-bar-friends-click').hasClass("friends-active")) {
		$('#user-bar-friends-click').removeClass("friends-active");
		$('div#friends-menu').hide();
	}
	
	if($('#user-bar-user-click').hasClass("user-active")) {
		$('#user-bar-user-click').removeClass("user-active");
		$('div#user-menu').hide();
	}
	
	if($('#user-bar-notes-click').hasClass("notes-active")) {
		$('#user-bar-notes-click').removeClass("notes-active");
		$('div#notes-menu').hide();
		if ( $('div#notes-menu').css('display') == 'none' ) {
			$('#notif-list').children('li').removeClass('unread');
    		$("#userbar2-notes-count").text("0");
    	}
	}
});




/* JS code to handle the notifications and friends buttons */
/*
$("table#userbar2-content").click(function(e) {
    var click_id = $(e.target).attr("id");
    var parent_id = $(e.target).parent().attr("id");
    if( click_id == "user-bar-friends-click" || parent_id == "user-bar-friends-click" ) {
        hideNotificationMenu();
        showFriendMenu();
        return false;
    } else if ( click_id == "user-bar-notes-click" || parent_id == "user-bar-notes-click" ) {
        hideFriendMenu();
        showNotificationMenu();
		$.post("/notifications/read/", {}, 
			function(data) { 
				if(data['status']) {
					
				}
			}, "json"
		);
        return false;
    } else if ( $(e.target).attr("id") == "friend-menu-close" ) {
        hideFriendMenu();
        return false;
    } else if ( $(e.target).attr("id") == "userbar-notification-close" ) {
        hideNotificationMenu();
        return false;
    }
});



function showFriendMenu() {
    $("table#userbar2-content td.userbar2-activity-first").toggleClass("active");
    $("div#friends-menu").toggle();
    if($("div#friends-btn-shadow").hasClass("friends-btn-shadow"))
        $("div#friends-btn-shadow").attr("class", "friends-btn-shadow-off");
    else
        $("div#friends-btn-shadow").attr("class", "friends-btn-shadow");
    $("span#friends").toggleClass("activated");
};

function showNotificationMenu() {
    $("table#userbar2-content td.userbar2-activity-last").toggleClass("notes-active");
    $("div#notes-menu").toggle();
    if($("div#notes-btn-shadow").hasClass("notes-btn-shadow"))
        $("div#notes-btn-shadow").attr("class", "notes-btn-shadow-off");
    else
        $("div#notes-btn-shadow").attr("class", "notes-btn-shadow");
    $("span#notes").toggleClass("notes-activated");
};


function hideFriendMenu() {
    $("table#userbar2-content td.userbar2-activity-first").removeClass("active");
    $("div#friends-menu").hide();
    $("div#friends-btn-shadow").attr("class", "friends-btn-shadow-off");
    $("span#friends").removeClass("activated");
};

function hideNotificationMenu() {
    $("table#userbar2-content td.userbar2-activity-last").removeClass("notes-active");
    $("div#notes-menu").hide();
    $("div#notes-btn-shadow").attr("class", "notes-btn-shadow-off");
    $("span#notes").removeClass("notes-activated");
    $('#notif-list').children('li').removeClass('unread');
    $("#userbar2-notes-count").text("0");
}
*/

$(document).ready(function() {
    //$("ul#friends-list").everyTime('90s', 'online-friends', function() { $.post("/friends_online/", {}, parseFriends, "json"); }, 0, true);
});

function parseFriends(data) {
    var friends = data['friends'];
    var html = "<li class='status-online'>";
    if(friends.length == 0) {
        if(!data['authorized']) {
            html += "<p>Login or signup to see if your friends are online.</p>";
            $("ul#userbar-activity").stopTime('online-friends');
            $("ul#friends-list").parent().children("a.view-all").attr("href", "/login/");
            $("ul#friends-list").parent().children("a.view-all").html("<em>Login to see your online friends.</em>");
        } else
            html += '<p>None of your friends are online right now.</p>';
    } else {
        for(var i = 0; i < friends.length; i++) {
            var friend = friends[i];
            html += '<a href="/users/'+friend['name']+'/">';
            html += '<span class="status-icon"></span><em>'+friend['name']+'</em>';
            html += '<img class = "user-icon" src="'+friend['thumb']+'" />';
            html += '</a>';
        }
    }
    html += "</li>";
    $("ul#friends-list").html(html);
    $("p#friends-online-count").html("<strong>"+friends.length+"</strong>");
};

/* JS code to handle the growl popups */
$(document).ready(function() {
    //$.post("/growl/", {}, handlePopups, "json");
});    

function handlePopups(data) {
    if(data.length > 0)
        $("ul#growl").everyTime('10s', 'growl-popups', function(i) { parsePopups(data, i); }, data.length, true);
};

function parsePopups(data, i) {
    if(i == data.length)
        $("ul#growl").oneTime('10s', 'finish-growl-popups', function(i) { $("ul#growl").children("div.shadowness").remove(); $("ul#growl").stopTime('growl-popups'); });    
  
    $("ul#growl").children("div.shadowness").hide("fast");
    $("ul#growl").children("div.shadowness").remove();
    $("ul#growl").append(unescape(data[i-1]['template']));  
    $("ul#growl").children("div.shadowness").show("fast");
}

$("ul#growl").click(function(e) {
   if($(e.target).hasClass("userbar-popup-close")) {
       $(e.target).parent().parent().hide("fast");
       $(e.target).parent().parent().remove();
   } 
});


/* Position progress bar indicator */
$(document).ready(function() {
	if (document.getElementById('meta-wrap')) {
		var ii = document.getElementById('meta-wrap').clientWidth;
    	document.getElementById('meta-wrap').style.right = -(ii/2) + "px";
	}
});