var scrapsPag 	= 0;
var scrapstotal = 0;
var video  		= 0;
var userId 		= 0;
var baseLink 	= "/";
function montaScrap(data){
	
	$("#boxDosScraps").empty();
	$("#boxDosScraps").hide();
	var dataCount=0;
	for (dat in data){
		dataCount++;
	}
	bgcolor='';
	for (var i=0;i<dataCount;i++){
		scrapstotal=data[i].TOTAL;
		video = data[i].VIDEO_ID;
		if (data[i].DIAS==0){
			dataMaluca = ' hoje';
		}else if (data[i].DIAS==1){
			dataMaluca = ' um dia atr&aacute;s';
		}else if (data[i].DIAS>1 && data[i].DIAS<7){
			dataMaluca = data[i].DIAS + ' dias atr&aacute;s';
		}else{
			dataMaluca = data[i].DIAS2;
		}

		//alert(data[i].USERPIC);
		tabela = '<div class="sbox">';
		tabela += '<div class="img"><a href="/user/perfil/' + data[i].LINKID + '" ><img src="' + data[i].USERPIC + '" width="39" height="39" border="0" alt=""></a></div>';
		if (data[i].LOGGED){
			if ((data[i].LOGGEDID==data[i].AUTORID)||(data[i].LOGGEDID == data[i].MYPAG)){
				tabela += '<div class="lixoScrap"><a href="javascript:;" onclick="videoScrapErase(' + data[i].AUTORID + ',' + data[i].POSTID + ',' + video + ',' + data[i].MYPAG + ')">';
				//tabela += '<img src="/img/perfil/img_icone_lixeira.gif" border="0" width="11" height="17" alt="Foto do usu&aacute;rio" />';
				tabela += 'excluir'
				tabela += '</a></div>';
			}
		}
		tabela += '<div class="coments">';
		tabela += '<a class="usuario" href="/user/perfil/' + data[i].LINKID + '" >' + data[i].AUTOR + '</a> ';
		tabela += '<span class="quando">// ' +dataMaluca + '</span><br />';
		tabela += data[i].COMMENTARIO;
		tabela += '<br clear="all" />';
		tabela += '</div><br clear="all" />';
		
		
		/*
		
		tabela += '</span>';
		tabela += '<span class="scrapsNome" style="color:#666">';
		tabela += '<a class="scrapsNome" style="color:#666" href="/f/u/' + data[i].LINKID + '" >';
		tabela += '<u style="color:#666">'+data[i].AUTOR+'</u> : ' ;
		tabela += '</a></span>';
		tabela += '<span style="color:#ec0874;font-weight:normal;font-size:10px;">' +dataMaluca + '</span><br/>';
		tabela += '<span style="color:#666">' + data[i].COMMENTARIO + '</span>';
		tabela += '<br clear="all" />';
		//tabela += '<hr width="90%">';
		//tabela += '<span><a href="" class="responda" style="display:none;">responda este scrap</a></span>';
		tabela += '</div>';
		tabela += '</div>';*/
		
		$("#boxDosScraps").append(tabela);
	}
	//alert(total);
	if (scrapstotal>1){
		paginacao = '';
		paginacao += '<br clear="all" /><table width="100%" style="margin-top:15px;" id="paginacao_scrap_body" >';
		paginacao += '<tr>';
		paginacao += '	<td width="30%"> </td>';
		paginacao += '	<td align="right"><a id="paginacao_scrap_left" href="javascript:;" onclick="scrapVideoGoLeft()" class="navigationPage">&lt;</a></td>';
		paginacao += '	<td align="center" id="paginacao_scrap" class="navigationPage">' + (scrapsPag+1) + '/' + scrapstotal + '</td>';
		paginacao += '	<td align="left"><a id="paginacao_scrap_left" href="javascript:;"  onclick="scrapvideoGoRight()" class="navigationPage">&gt;</a></td>';
		paginacao += '	<td width="30%"> </td>';
		paginacao += '</tr>';
		paginacao += '</table>';
		$("#boxDosScraps").append(paginacao);
	}
	$("#boxDosScraps").show(500);
	//--------------------------------
	/*
	$("#boxDosScraps").empty();
	$("#boxDosScraps").hide();
	var dataCount=0;
	for (dat in data){
		dataCount++;
	}
	bgcolor='';
	for (var i=0;i<dataCount;i++){
		scrapstotal=data[i].TOTAL;
		video = data[i].VIDEO_ID;
		if (data[i].DIAS==0){
			dataMaluca = ' hoje';
		}else if (data[i].DIAS==1){
			dataMaluca = ' um dia atr&aacute;s';
		}else if (data[i].DIAS>1 && data[i].DIAS<7){
			dataMaluca = data[i].DIAS + ' dias atr&aacute;s';
		}else{
			dataMaluca = data[i].DIAS2;
		}

		bgcolor=(bgcolor=='#ddd'?'#ddd':'#ddd');
		tabela = '<div id="divdoscrapvideo" style="border-top: solid 5px #fff;padding:5px;background:#ccc;">';
		tabela += '<a href="/f//u/' + data[i].LINKID + '" style="color:#666">';
		tabela += '<img src="' + data[i].USERPIC + '" width="50" height="50" alt="Foto do usu&aacute;rio" border="0" />';
		tabela += '</a>';
		if (data[i].LOGGED){
			if (data[i].LOGGEDID==data[i].AUTORID ||data[i].LOGGEDID==data[i].MYPAG  ){
				tabela += '<a href="javascript:;" onclick="videoScrapErase(' + data[i].AUTORID + ',' + data[i].POSTID + ','+video+',' + data[i].MYPAG + ')">';
				tabela += '<img src="/f/img/img_icone_lixeira.gif" width="11" height="17" alt="" class="icone" />';
				tabela += '</a>';
			}
		}
		tabela += '<span class="scrapsNome" style="color:#666;font-weight:normal;font-size:12px;">';
		tabela += '<a class="scrapsNome" href="/f/index.php/u/' + data[i].LINKID + '" >';
		tabela += '<u style="color:#666">'+data[i].AUTOR+'</u> : ' ;
		tabela += '</a></span>';
		tabela += '<span style="color:#ec0874;font-weight:normal;font-size:10px;">'+ dataMaluca + '</span><br/>';
		tabela += '<span style="color:#666;font-weight:normal;font-size:12px;">' + data[i].COMMENTARIO + '<br/></span>';
		tabela += '<br clear="all" />';
		//tabela += '<hr width="90%">';
		//tabela += '<span><a href="" class="responda" style="display:none;">responda este scrap</a></span>';
		tabela += '</div> ';
		
		$("#boxDosScraps").append(tabela);
	}
	if (scrapstotal>1){
		paginacao = '';
		paginacao += '<table width="100%" style="margin-top:15px;" id="paginacao_scrap_body" >';
		paginacao += '<tr>';
		paginacao += '	<td width="30%"> </td>';
		paginacao += '	<td align="right"><a id="paginacao_scrap_left" href="javascript:;" onclick="scrapVideoGoLeft()" class="navigationPage">&lt;</a></td>';
		paginacao += '	<td align="center" id="paginacao_scrap" class="navigationPage">' + (scrapsPag+1) + '/' + scrapstotal + '</td>';
		paginacao += '	<td align="left"><a id="paginacao_scrap_left" href="javascript:;"  onclick="scrapVideoGoRight()" class="navigationPage">&gt;</a></td>';
		paginacao += '	<td width="30%"> </td>';
		paginacao += '</tr>';
		paginacao += '</table>';
		$("#boxDosScraps").append(paginacao);
	}
	$("#boxDosScraps").show();
	*/
}

function montaScrapUser(data){
	$("#boxDosScraps").empty();
	$("#boxDosScraps").hide();
	var dataCount=0;
	for (dat in data){
		dataCount++;
	}
	bgcolor='';
	for (var i=0;i<dataCount;i++){
		scrapstotal=data[i].TOTAL;
		video = data[i].VIDEO_ID;
		if (data[i].DIAS==0){
			dataMaluca = ' hoje';
		}else if (data[i].DIAS==1){
			dataMaluca = ' um dia atr&aacute;s';
		}else if (data[i].DIAS>1 && data[i].DIAS<7){
			dataMaluca = data[i].DIAS + ' dias atr&aacute;s';
		}else{
			dataMaluca = data[i].DIAS2;
		}

		//alert(data[i].USERPIC);
		tabela = '<div class="sbox">';
		tabela += '<div class="img"><a href="/user/perfil/' + data[i].LINKID + '" ><img src="' + data[i].USERPIC + '" width="39" height="39" border="0" alt=""></a></div>';
		if (data[i].LOGGED){
			if ((data[i].LOGGEDID==data[i].AUTORID)||(data[i].LOGGEDID == data[i].MYPAG)){
				tabela += '<div class="lixoScrap"><a href="javascript:;" onclick="userScrapErase(' + data[i].AUTORID + ',' + data[i].POSTID + ',' + video + ',' + data[i].MYPAG + ')">';
				//tabela += '<img src="/img/perfil/img_icone_lixeira.gif" border="0" width="11" height="17" alt="Foto do usu&aacute;rio" />';
				tabela += 'excluir'
				tabela += '</a></div>';
			}
		}
		tabela += '<div class="coments">';
		tabela += '<a class="usuario" href="/user/perfil/' + data[i].LINKID + '" >' + data[i].AUTOR + '</a> ';
		tabela += '<span class="quando">// ' +dataMaluca + '</span><br />';
		tabela += data[i].COMMENTARIO;
		tabela += '<br clear="all" />';
		tabela += '</div><br clear="all" />';
		
		
		/*
		
		tabela += '</span>';
		tabela += '<span class="scrapsNome" style="color:#666">';
		tabela += '<a class="scrapsNome" style="color:#666" href="/f/u/' + data[i].LINKID + '" >';
		tabela += '<u style="color:#666">'+data[i].AUTOR+'</u> : ' ;
		tabela += '</a></span>';
		tabela += '<span style="color:#ec0874;font-weight:normal;font-size:10px;">' +dataMaluca + '</span><br/>';
		tabela += '<span style="color:#666">' + data[i].COMMENTARIO + '</span>';
		tabela += '<br clear="all" />';
		//tabela += '<hr width="90%">';
		//tabela += '<span><a href="" class="responda" style="display:none;">responda este scrap</a></span>';
		tabela += '</div>';
		tabela += '</div>';*/
		
		$("#boxDosScraps").append(tabela);
	}
	//alert(total);
	if (scrapstotal>1){
		paginacao = '';
		paginacao += '<br clear="all" /><table width="100%" style="margin-top:15px;" id="paginacao_scrap_body" >';
		paginacao += '<tr>';
		paginacao += '	<td width="30%"> </td>';
		paginacao += '	<td align="right"><a id="paginacao_scrap_left" href="javascript:;" onclick="scrapUserGoLeft()" class="navigationPage">&lt;</a></td>';
		paginacao += '	<td align="center" id="paginacao_scrap" class="navigationPage">' + (scrapsPag+1) + '/' + scrapstotal + '</td>';
		paginacao += '	<td align="left"><a id="paginacao_scrap_left" href="javascript:;"  onclick="scrapUserGoRight()" class="navigationPage">&gt;</a></td>';
		paginacao += '	<td width="30%"> </td>';
		paginacao += '</tr>';
		paginacao += '</table>';
		$("#boxDosScraps").append(paginacao);
	}
	$("#boxDosScraps").show();
}

function scrapVideoGoLeft(){
	if (scrapsPag>0){
		scrapsPag--;
		buscaDadosScraps(video,scrapsPag);
	}
}
function scrapVideoGoRight(){
	if (scrapsPag<scrapstotal){
		scrapsPag++;
		buscaDadosScraps(video,scrapsPag);
	}
}
function scrapUserGoLeft(){
	//alert(userId + ':' + scrapsPag);
	if (scrapsPag>0){
		scrapsPag--;
		buscaDadosScrapsUser(userId,scrapsPag);
	}
}
function scrapUserGoRight(){
	//alert(userId + ':' + scrapsPag + ":" + scrapstotal + ":" + scrapsPag);
	if (scrapsPag<(scrapstotal-1)){
		scrapsPag++;
		buscaDadosScrapsUser(userId,scrapsPag);
	}
}
function buscaDadosScraps(id,page){
	if (!page){
		page='0';
	}
	nocache = Math.random();
	$.getJSON(baseLink+"scraps/video/"+id+"/" + page + "/"+nocache,montaScrap);
}
function buscaDadosScrapsUser(id,page){
	if (!page){
		page='0';
	}
	userId = id;
	$.getJSON(baseLink+"scraps/user/"+id+"/"+page,montaScrapUser);
}

function postScrapOK(id){
	//fizNotify.notice('Comment&aacute;rio Enviado','Seu comment&aacute;rio foi enviado com sucesso');
	$('#botaoParaPostarOScrap').fadeTo(1,200);
	buscaDadosScraps(id);
	$('#postYourScrap').val('');
}
function postScrapOKUser(id){
	//fizNotify.notice('Scrap Enviado','Seu scrap foi enviado com sucesso');
	$("#boxDosScraps").empty();
	$('#botaoParaPostarOScrap').fadeTo(1,200);
	buscaDadosScrapsUser(id);
	$('#postYourScrap').val('');
}
function postScrapBad(id){
	//fizNotify.error('Scraps','N&atilde;o foi poss&iacute;vel enviar seu scrap!');
	$('#botaoParaPostarOScrap').fadeTo(1,200);
	$('#postYourScrap').focus();
}

function postScrap(videoid){
	$('#botaoParaPostarOScrap').fadeTo("slow", 0.33);
	myData = $("#videoPostScrapForm").serialize();
	myData = {
			'message':$('#postYourScrap').val(),
			'VIDEO_ID':$('#VIDEO_ID').val(),
			'USER_ID':$('#USER_ID').val()
	};
	$.post(
		baseLink+"scraps/comentarVideo",
		myData,
	  	function(msg){
			eval( msg['callback']);
		},
	  	"json"
	);
}
function notLogged(){
	fizNotify.notice('Scraps','Voc&ecirc; precisa estarlogado para enviar um scrap!','/f/img/ico_MaisSup_SetaEsquerda.png');
}
function videoScrapErase(user,post,video,pag){
	nocache = Math.random();
	myData = {"user":user,"post":post,"video":video,"videoAuthor":pag};
	$.post(
		baseLink+"scraps/apagarComentarioVideo/" + nocache,
		myData,
	  	function(msg){
			eval( msg['callback']);
		},
	  	"json"
	);
}
function userScrapErase(user,post,video,log){
	myData = {"user":user,"post":post,"video":video,"myPag":log};
	$.post(
		baseLink+"scraps/apagarComentarioUser",
		myData,
	  	function(msg){
			eval( msg['callback']);
		},
	  	"json"
	);
}

function postScrapUser(){
	$('#botaoParaPostarOScrap').fadeTo("slow", 0.33);
	myData = {
				'USER_ID':$('#USER_ID').val(),
				'message':$('#postYourScrap').val()};
	$.post(
		baseLink+"scraps/comentarUser",
		myData,
	  	function(msg){
			eval( msg['callback']);
		},
	  	"json"
	);
}