// JavaScript Document
var arrMediaList = new Array();

function getMediaList(dir){
	if(dir == 'next') { p++; }
	else if(dir == 'last') { p--; }
	else if(dir != '') { p = dir; }
	$('scroll_list').fade(0.3);
	$('page_statistic').innerHTML = '<img src="./images/ajax-loading-small.gif" />';
	var request = new Request.JSON({
	  'url' : SocialEngine.URL.url_base+'misc_js.php',
	  'method' : 'post',
	  'secure' : false,
	  'data' : {
			'task'  : 'getMediaList',
			'ajax_page'	: 'ajax_user',
			'album_id'  : albumID,
			'album_total' : total,
			'photoactive_id'  : photoactiveID,
			'user_id' : SocialEngine.Owner.user_info.user_id,
			'p' : p
		  },
	  'onComplete' : function(responseObject, responseText)
		  {
			updateMedialist(responseObject);
		  }
	}).send();
}

function updateMedialist(responseObject){
	if( $type(responseObject)!="object" )
    {
      alert('Có lỗi xảy ra do đường truyền. Mời bấm F5 để tải lại trang');
      return false;
    }
	
	var total_pictures = responseObject['total_pictures'];
	var pictures = $H(responseObject['pictures']);
	p = responseObject['p'];
	var maxpage = responseObject['maxpage'];
	var innerHTML = '';
	
	var i = 0;
	var last = false;
	pictures.each(function(photoOject, photoID){
		i=i+1;
		last = (i%3)?false:true;
		innerHTML += '<a '+ (photoactiveID==photoID?'class="active"':'') +' style="'+ (last?'margin: 5px 0 0 0; ':'margin: 5px 5px 0 0; ') +'" href="'+ photoOject.media_link +'" title="'+ photoOject.media_title +'">';
		innerHTML += '<img src="'+ photoOject.media_small_path +'" width=70 alt="'+ photoOject.media_title +'" />';
		innerHTML += '</a>'+ (last?'<div class="clr"></div>':'');
	});
	innerHTML += '<div class="clr"></div>';
	
	if (total_pictures>9){
		var naviHTML = '<div id="pav_pre" class="'+ (p==1?'btnDisable':'btn') +'" '+ (p==1?'':'onclick="getMediaList(\'last\')"  onmouseover="this.className=\'btnHover\'" onmouseout="this.className=\'btn\'"') +'>&laquo; Trước</div>';
		naviHTML +='<div id="page_statistic">('+p+'/'+maxpage+')</div>';
		naviHTML +='<div id="pav_next" class="'+ (p==maxpage?'btnDisable':'btn') +'" '+ (p==maxpage?'':'onclick="getMediaList(\'next\')"  onmouseover="this.className=\'btnHover\'" onmouseout="this.className=\'btn\'"') +'">Sau &raquo;</div>';
		naviHTML +='<div class="clr"></div>';
	}
	else var naviHTML='';
	$('srcoll_pav').innerHTML = naviHTML;
	$('scroll_list').innerHTML = innerHTML;
	$('scroll_list').fade(1);
}