/*Copyright 2010 - Profesionales.com.mx*/
$(document).ready(function(){
	/*Login Popup*/
	$('.loginsignup').click(function(e) {
		$.modal('<iframe src="/loaders/login.php?url=' + encodeURIComponent($(this).attr('rel')) + '" height="340" width="580" allowtransparency="true" scrolling="no" frameborder="0">', {
			closeHTML:"",
			containerCss:{
				
				height:340,
				padding:0,
				width:610
			},
			overlayClose:true
		});

  	});


	$('#dosearch').click(function(e) {
		var html = '<div id="h_searchp">' +
				'<form method="get" action="/search.php">' +
  			    	'<div class="searchp_close"></div>' +
  				'<h4><div></div>Buscar</h4>' +
  				'<input type="text" class="searchp_itt" name="q"/><br/>' +
  				'<input type="submit" value="Buscar" class="searchp_its" />' +
				'</form>' +
			   '</div>';
		$.modal(html, {
			closeHTML:"",
			containerCss:{
				height:180,
				padding:0,
				width:560
			},
			overlayClose:true,
			closeClass:"searchp_close"
		});

  	});
	
	/*Show category suggest*/
	$('.questionlist').click(function(e) {
		var obj = $(this).parent().parent().parent().parent().next();
		if(obj.css('display')=='none')
		{
			$.post("/loaders/load_cat.php", {},
			function(data)
			{	
				if(data.loadstatus=="OK")
				{
					obj.html('<div class="dq_answer_left">' + 
						'<p>Aquí puedes sugerir otra categoría para esta pregunta.</p>' + 
						'<form method="post"><select name="suggest">' + data.html + 
						'</select>' +
						'<input name="qid" type="hidden" value="' + obj.attr('id') + '">' +
						'<input type="button" value="Sugerir" class="sugsub"/><span></span></form>' + 
					'</div>' + 
					'<div class="clearb"></div>');
						obj.slideDown('fast');
				}
				else
				{
					alert(data.loadstatus);
				}
			},"json");
			
		}
		else
		{
			obj.slideUp('fast');
		}
	});

	/*Process category suggest*/
	$('.sugsub').live('click', function(event) {
		var obj=$(this).parent();
		var catid=obj.find('select').val();
		var id=obj.find('input').val();
		
		obj.find('span').html('<img src="/images/site/ajax-loader.gif">');
		
		$.post("/loaders/save_catsuggest.php", {catid:catid,id:id},
		function(data)
		{	
			if(data.loadstatus=="OK")
			{
				obj.find('span').html('¡Ya está!');
				setTimeout(function(){ obj.parent().parent().slideUp('fast'); }, 1000);

				
			}
			else
			{
				alert(data.loadstatus);
				obj.parent().parent().slideUp('fast');
			}
		},"json");
	});

	/*Show spamreport*/
	$('.reportspam').click(function(e) {
		var obj = $(this).parent().parent().parent().parent().next();
		if(obj.css('display')=='none')
		{
			obj.html('<div class="dq_answer_left">' + 
                    	'<p>¿Por qué es spam?</p>' + 
                        '<form method="post"><textarea name="reason" style="width:400px;height:50px;"></textarea>' +
			'<input name="qid" type="hidden" value="' + obj.attr('id') + '">' +
                        '<input type="button" value="Reportar" class="reportspambut"/><span></span></form>' + 
                    '</div>' + 
                    '<div class="clearb"></div>');
			obj.slideDown('fast');
		}
		else
		{
			obj.slideUp('fast');
		}
	});

	$('.answer_remove').click(function(e) {
		var obj = $(this).closest('.h_dquestion');
		var id = obj.next().attr('id');
		$.post("/loaders/remove_match.php", {id:id},
		function(data)
		{	
			if(data.loadstatus=="OK")
			{
				obj.slideUp();
			}
			else
			{
				alert(data.loadstatus);
			}
		},"json");
		
	});

	/*Process report spam*/
	$('.reportspambut').live('click', function(event) {
		var obj=$(this).closest('.rspam');
		var reason=obj.find('textarea').val();
		var id=obj.find('input').val();
		
		obj.find('span').html('<img src="/images/site/ajax-loader.gif">');
		
		$.post("/loaders/save_reportspam.php", {reason:reason,id:id},
		function(data)
		{	
			if(data.loadstatus=="OK")
			{
				obj.find('span').html('¡Ya está!');
				setTimeout(function(){ obj.slideUp('fast'); }, 1000);

				
			}
			else
			{
				alert(data.loadstatus);
				obj.slideUp('fast');
			}
		},"json");
	});

	/*Show spamreport answer*/
	$('.areportspam').click(function(e) {
		var obj = $(this).closest('.q_reply').next().next();
		if(obj.css('display')=='none')
		{
			obj.html('' + 
                    	'<p>¿Por qué esta respuesta es spam?</p>' + 
                        '<form method="post"><textarea name="reason"></textarea>' +
			'<input name="qid" type="hidden" value="' + obj.attr('id') + '"><br><div class="spam_submit">' +
                        '<input type="button" value="Reportar" class="reportspambut"/></div><span></span></form>' + 
			'' + 
			'');
			obj.slideDown('fast');
		}
		else
		{
			obj.slideUp('fast');
		}
	});

	/*Show spamreport comment*/
	$('.creportspam').click(function(e) {
		var obj = $(this).closest('.reply2').next();
		if(obj.css('display')=='none')
		{
			obj.html('' + 
					'<p>¿Por qué este comentario es spam?</p>' + 
					'<form method="post"><textarea name="reason"></textarea>' +
					'<input name="qid" type="hidden" value="' + obj.attr('id') + '"><br>' +
					'<div class="spam_submit"><input type="button" value="Reportar" class="reportspambut"/></div><span></span></form>' + 
				'' + 
				'');
			obj.slideDown('fast');
		}
		else
		{
			obj.slideUp('fast');
		}
	});

	/*Show addreply*/
	$('.areply').live('click', function(event) {
		var obj = $(this).closest('.h_reply').find('div.replybox');
		var pos = '#reply' + obj.attr('id');
		$('html, body').animate({ scrollTop: $(pos).offset().top-100}, 500);
		obj.html('' + 
                    	'<p>Escribe tu comentario</p>' + 
                        '<form method="post"><textarea name="reason"></textarea>' +
			'<input name="qid" type="hidden" value="' + obj.attr('id') + '">' +
                        '<div class="spam_submit"><input type="button" value="Agregar un comentario" class="sendreplybut"/></div><span></span></form>' + 
                    '' + 
                    '');
			obj.slideDown('fast');
	});

	/*Process new reply*/
	$('.sendreplybut').live('click', function(event) {
		var obj=$(this).closest('.h_reply').find('div.replybox');
		var reply=obj.find('textarea').val();
		var id=obj.find('input').val();
		
		obj.find('span').html('<img src="/images/site/ajax-loader.gif">');
		
		$.post("/loaders/save_addreply.php", {reply:reply,id:id},
		function(data)
		{	
			if(data.loadstatus=="OK")
			{
				obj.find('span').html('¡Ya está!');
				obj.closest('.replybox').slideUp('fast');
				obj.closest('.replybox').before(data.html);
				
			}
			else
			{
				alert(data.loadstatus);
				obj.closest('.replybox').slideUp('fast');
			}
		},"json");
	});
	
	/*Process new reply*/
	$('.vote').live('click', function(event) {
		if($(this).hasClass("rl_adown"))
		{
			var vote = 'down';
		}
		else
		{
			var vote = 'up';
		}
		var obj=$(this).closest('.reply_left');
		var id=obj.attr("id");
		$.post("/loaders/save_vote.php", {vote:vote,id:id},
		function(data)
		{	
			if(data.loadstatus=="OK")
			{
				obj.html(data.html);
			}
			else
			{
				alert(data.loadstatus);
			}
		},"json");
	});
	
	/*catepage expand/collapse*/
	$('.catlist').live('click', function(event) {
		$(this).next().css('display','none');
		var obj=$(this).next().next();
		if($(this).parent().hasClass("cat_expand"))
		{
			$(this).parent().removeClass("cat_expand");
			obj.slideUp();
		}
		else
		{
			$(this).parent().addClass("cat_expand");
			obj.slideDown();
		}
	});

	/*catpage popups*/
	$('.catlistcat').mouseover(function(event) {
		var id=$(this).attr("id").replace(/cat/, "");
		var obj=$(this).parent().find('div#desc' + id);
		
		obj.html('<div class="h_allc_right">' +
                          	'<div class="all_cat_r_ar"></div>' +
				'<div class="allc_right">' +
					'<p class="allc_right_title"><b>' + cats[id]['name'] + '</b></p>' +
						'<p>' + cats[id]['desc'] + '</p>' +
						'<div class="sq_signs"><span></span><a>' + cats[id]['questions'] + ' preguntas</a></div>' +
				'</div>' +
                         '</div>').css('display','block');
	});
	$('.catlistcat').mouseout(function(event) {
		var id=$(this).attr("id").replace(/cat/, "");;
		var obj=$(this).parent().find('div#desc' + id);
		obj.html('').css('display','none');
	});
		
	$('#sel_rcat').change(function(e) {
		window.location = $(this).val();
	});
	
	$('#topcatselect').change(function(e) {
		$.getJSON("/loaders/subcats.php",{catid:$(this).val() }, function(j){
			if(j.length>0)
			{
				var options = '';
				for(var i in j)
				{
					options += '<option value="' + j[i]['value'] + '">' + j[i]['name'] + '</option>';
				}
					$("#subcatselect").html(options);

			}
		});
	});
	
	//clear field
	$('.clearfield').click(function(e) {
		if($(this).val()=='How can i ...')
		{
			$(this).val('');
		}
	});

	//faq
	$('.faq_top').click(function(e) {
		var obj=$(this).next();
		if(obj.css('display')=='none')
		{
			$(this).parent().addClass("h_faq_selected");
		}
		else
		{
			$(this).parent().removeClass("h_faq_selected");
		}
	});
	
	//edit profile (open)
	$('.pe_edit').click(function(e) {
		var obj=$(this).closest('.pp_tright').find('div');
		if(obj.css('display')=='none')
		{
			obj.slideDown();
		}
		else
		{
			obj.slideUp();
		}
	});
	
	//edit profile (save)
	$('.pe_save').click(function(e) {
		var id=$(this).closest('.ppr_table').attr('id').replace(/u/, "");
		var obj=$(this).parent();
		var inputs=obj.find(':input');
		var values = {};

		inputs.each(function() {
			values[$(this).attr('name')] = $(this).val();
		});
		var formdata = JSON.stringify(values);
		$.post("/loaders/save_profile.php", {uid:id,formdata:formdata},
		function(data)
		{	
			if(data.loadstatus=="OK")
			{
				obj.slideUp();
				$.each(data.ids,function( intIndex, objValue ){
					$("#"+intIndex).html(objValue);
				});
			}
			else
			{
				alert(data.loadstatus);
			}
		},"json");

	});

	$('#selcat').click(function(e) {
		var catid=$("#subcatselect").val();
		if(catid==null)
		{
			alert('Por favor selecciona una subcategoría');
		}
		else
		{
			loader("start");
			$.post("/loaders/save_watchlist.php", {catid:catid},
			function(data)
			{	
				if(data.loadstatus=="OK")
				{
					$("#catselected").html(data.html);
				}
				else
				{
					alert(data.loadstatus);
				}
				loader();
			},"json");
		}
	});

	$('.del_cat').live('click', function(event) {
		var catid=$(this).attr('id');
		loader("start");
		$.post("/loaders/save_watchlist.php", {delid:catid},
		function(data)
		{	
			if(data.loadstatus=="OK")
			{
				$("#catselected").html(data.html);
			}
			else
			{
				alert(data.loadstatus);
			}
			loader();
		},"json");
	});

	$('.delmatch').live('click', function(event) {
		var mid=$(this).attr('id');
		var obj=$(this).parent();
		$.post("/loaders/match.php", {mid:mid},
		function(data)
		{	
			if(data.loadstatus=="OK")
			{
				obj.slideUp("slow");
			}
			else
			{
				alert(data.loadstatus);
			}
		},"json");
	});

	function loader(stat)
	{
		if(stat=='start')
		{
			$("#loader").fadeIn("fast").html("");
		}
		else
		{
			$("#loader").html("&nbsp;&nbsp;<img src=\"/images/site/ajax-loader.gif\">").fadeOut("fast");
		}
	}
	
	$('.addfriend').live('click', function(event) {
		var uid=$(this).attr('id');
		var obj=$(this).closest('.pplist');
		$.post("/loaders/friendcontrol.php", {user:uid,type:'add'},
		function(data)
		{	
			if(data.loadstatus=="OK")
			{
				obj.fadeOut("slow");
			}
			else
			{
				alert(data.loadstatus);
			}
		},"json");
	});

	$('.delfriend').live('click', function(event) {
		var obj=$(this).parent();
		var uid=obj.attr('id');
		$.post("/loaders/friendcontrol.php", {user:uid,type:'del'},
		function(data)
		{	
			if(data.loadstatus=="OK")
			{
				obj.css('display','none');
				obj.next().slideUp();
			}
			else
			{
				alert(data.loadstatus);
			}
		},"json");
	});

	$('.delfriend2').live('click', function(event) {
		var obj=$(this).parent();
		var uid=obj.attr('id');
		$.post("/loaders/friendcontrol.php", {user:uid,type:'del2'},
		function(data)
		{	
			if(data.loadstatus=="OK")
			{
				obj.css('display','none');
				obj.next().slideUp();
			}
			else
			{
				alert(data.loadstatus);
			}
		},"json");
	});

	$('.approvefriend').live('click', function(event) {
		var obj=$(this).parent();
		var uid=obj.attr('id');
		$.post("/loaders/friendcontrol.php", {user:uid,type:'approve'},
		function(data)
		{	
			if(data.loadstatus=="OK")
			{
				obj.css('display','none');
			}
			else
			{
				alert(data.loadstatus);
			}
		},"json");
	});
});