var page = 0;
window.totalPages = 4;

function SliderToggle() 
{
    if($('news-slider').getStyle('top') == '0px') 
    { 
        new Effect.Move('news-slider', {x:0, y:-247, duration:0.5, mode: 'relative'});
        if (($('alertbubble')) && ($('alertbubble').visible())) {
            $('alertbubble').fade();
            new Ajax.Request('/socialbar/clear_users_friend_alerts.php',
             {   
                 method: 'post',
                 onSuccess: function(transport)
                 {
            
                 }
                 });
            }
    }
    else if($('news-slider').getStyle('top') == '-247px') 
    { 
        new Effect.Move('news-slider', {x:0, y:247, duration:0.5, mode: 'relative'});
    }
}

var alertnum = 0;

function social_alert() {
    if (!$('alertbubble')) {
        Element.insert($('toggle'), '<div id="alertbubble"></div>');
    }
    alertnum++;
    $('alertbubble').innerHTML = alertnum;
}


document.observe('dom:loaded', function(){

new Ajax.Request('/socialbar/friend_newsfeed.php',
  {
    method:'get',
    onSuccess: function(transport){
        var comments = '(' + transport.responseText + ')';
        comments = comments.evalJSON();
        var content = '';
        var i = 0;
        var alerts = new Array(0, 0, 0);
        while ((comments[i]) && (i < 30))   {
			var actionData = '';
			switch(comments[i].action)
			{
			case 'like':
				  var conjugatedAction = 'liked';
				  content += '<li class="friend">';
				  content += '<div class="action"><span class="radius4 offline avatar" style="background: url('+comments[i].avatar_url+') no-repeat"></span>';
				  content += '&nbsp;<a href="/socialprofile/' +comments[i].username+ '">' + comments[i].username + '</a>&nbsp;' + conjugatedAction + '';
				  content += '&nbsp;<a href="/video/' +comments[i].url_title+ '">'+ comments[i].video_title+' </a></div>';
				  content += '<span class="date">' + comments[i].edit_date + '</span></li>';
				  alerts[1]++;
				  break;
			case 'like_vid_like':
				  var conjugatedAction = 'also liked';
				  content += '<li class="default">';
				  content += '<div class="action"><span class="radius4 offline avatar" style="background: url('+comments[i].avatar_url+') no-repeat"></span>';
				  content += '&nbsp;<a href="/socialprofile/' +comments[i].username+ '">' + comments[i].username + '</a>&nbsp;' + conjugatedAction + '';
		          content += '&nbsp;<a href="/video/' +comments[i].url_title+ '">'+ comments[i].video_title+' </a></div>';
				  content += '<span class="date">' + comments[i].edit_date + '</span></li>';
				  alerts[2]++;		          
				  break;
			case 'comment':
				  var conjugatedAction = 'commented on';
				  var actionData = comments[i].comment;
				  content += '<li class="friend">';
				  content += '<div class="action"><span class="radius4 offline avatar" style="background: url('+comments[i].avatar_url+') no-repeat"></span>';
				  content += '&nbsp;<a href="/socialprofile/' +comments[i].username+ '">' + comments[i].username + '</a>&nbsp;' + conjugatedAction + '';
		          content += '&nbsp;<a href="/video/' +comments[i].url_title+ '">'+ comments[i].video_title+' </a></div><p>&quot;' + actionData +'&quot;</p>';
				  content += '<span class="date">' + comments[i].edit_date + '</span></li>';
				  alerts[1]++;				  
				  break;
			case 'like_vid_comm':
				  var conjugatedAction = 'also commented on';
				  var actionData = comments[i].comment;
				  content += '<li class="default">';
				  content += '<div class="action"><span class="radius4 offline avatar" style="background: url('+comments[i].avatar_url+') no-repeat"></span>';
				  content += '&nbsp;<a href="/socialprofile/' +comments[i].username+ '">' + comments[i].username + '</a>&nbsp;' + conjugatedAction + '';
		          content += '&nbsp;<a href="/video/' +comments[i].url_title+ '">'+ comments[i].video_title+' </a></div><p>&quot;' + actionData +'&quot;</p>';
				  content += '<span class="date">' + comments[i].edit_date + '</span></li>';
				  alerts[2]++;
				  break;
			case 'subscribed':
				  var conjugatedAction = 'subscribed to';
				  content += '<li class="friend">';
				  content += '<div class="action"><span class="radius4 offline avatar" style="background: url('+comments[i].avatar_url+') no-repeat"></span>';
				  content += '&nbsp;<a href="/socialprofile/' +comments[i].username+ '">' + comments[i].username + '</a>&nbsp;' + conjugatedAction + '';
		          content += '&nbsp;<a href="/video/' +comments[i].url_title+ '">'+ comments[i].video_title+' </a></div>';
				  content += '<span class="date">' + comments[i].edit_date + '</span></li>';
				  alerts[1]++;		          
				  break;
			case 'friend_req':
				  var conjugatedAction = 'sent you a friend request, <a href="/member/profile/?friendreq=1">click here to approve or deny</a>';
				  var classes = "alert";
				  if(comments[i].viewed==1)
                    classes+=" read" ;
			      else
                    social_alert();
				  content += '<li class="'+classes+'">';
				  content += '<div class="action"><span class="radius4 offline avatar" style="background: url('+comments[i].avatar_url+') no-repeat"></span>';
				  content += '&nbsp;<a href="/socialprofile/' +comments[i].username+ '">' + comments[i].username + '</a>&nbsp;' + conjugatedAction + '</div>';
				  content += '<span class="date">' + comments[i].edit_date + '</span></li>';
				  alerts[0]++;
				  break;
			case 'friend_app':
				  //console.log("friend_app");
				  var conjugatedAction = 'approved your friend request';
				  var classes = "alert";
				  if(comments[i].viewed==1)
                    classes+=" read" ;
			      else
                    social_alert();
				  content += '<li class="'+classes+'">';
				  content += '<div class="action"><span class="radius4 offline avatar" style="background: url('+comments[i].avatar_url+') no-repeat"></span>';
				  content += '&nbsp;<a href="/socialprofile/' +comments[i].username+ '">' + comments[i].username + '</a>&nbsp;' + conjugatedAction + '</div>';
				  content += '<span class="date">' + comments[i].edit_date + '</span></li>';
				  alerts[1]++;
				  break;
			case 'admin_status':
				  var adminData = comments[i].comment;
				  content += '<li class="admin"><div class="action"><span style="background:#171717 url(../images/landingpage/socialbar/kclogo_social.png) center center no-repeat; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" class="radius4 avatar"></span>' + adminData +'</div><span class="date">' + comments[i].edit_date + '</span></li>';
				  alerts[2]++;
				  break;
			default:
				var conjugatedAction = '';
			}
	            i++;
			}
			content+='<li><br></li>'
	        $('feed-items').innerHTML=content;
			$('number_of_items').innerHTML='(<span style="color:#14A8D9; text-decoration:none;">' + i + '</span>) - ';
		    if (alerts[0] > 0) {
		        $('number_of_items').innerHTML+= alerts[0] + ' Friend request';
		        if (alerts[0] > 1)
		            $('number_of_items').innerHTML+= 's, ';
		        else
		            $('number_of_items').innerHTML+= ', ';		        
		    }
            if (alerts[1] > 0) {
		        $('number_of_items').innerHTML+= alerts[1] + ' Friend update';
		        if (alerts[1] > 1)
		            $('number_of_items').innerHTML+= 's, ';
		        else
		            $('number_of_items').innerHTML+= ', ';
		    }
            if (alerts[2] > 0) {
		        $('number_of_items').innerHTML+= alerts[2] + ' other update';
		        if (alerts[2] > 1)
		            $('number_of_items').innerHTML+= 's';
		    }
		    var scrollbar = new Control.ScrollBar('feed-items','socialbar_scrollbar_track');
			window.totalPages = Math.ceil(i/4);
    },
    onFailure: function(){ alert('Something went wrong...') }
  });
});