// JavaScript Document





	function mostrar_tooltip(objeto){
		
		//LA VARIABLE objeto TRAE LOS DATOS DEL EVENTO
		//alert("#fiesta"+objeto.id+'---------->'+$("#fiesta"+objeto.id).html())
		
		if($("#fiesta"+objeto.id).html()!=null){
			$(".tooltip").show();	
			$(".tooltip").html($("#fiesta"+objeto.id).html());
		}
		
		
		
		var alto_tooltip 	= $(".tooltip").height();
		var ancho_tooltip 	= $(".tooltip").width();
		var alto_conteiner	= $("#conteiner").height();
		var ancho_conteiner	= $("#conteiner").width();
		var alto_calendar	= $("#calendar").width();
		var ancho_calendar	= $("#calendar").width();
		var alto_window		= $(window).height();
		var ancho_window	= $(window).width();
		var left_max_calendario	= ((ancho_window-ancho_conteiner)/2)+ancho_calendar;

		
		//UBICO EL TOOLTIP ENCIMA DEL EVENTO Y LO MUEVO POR DONDE PASA EL MOUSE
		$("html").mousemove(function(e){
			mouse_x = e.pageX;
			mouse_y = e.pageY;
			
			
			$(".tooltip").css({top:mouse_y-80})
			if(mouse_x+30>(left_max_calendario-ancho_tooltip)){
				$(".tooltip").css({left:mouse_x-(((ancho_window-ancho_conteiner)/2)+ancho_tooltip+35)});
			}else{
				$(".tooltip").css({left:mouse_x-(((ancho_window-ancho_conteiner)/2)-25)});
			}
		})

	}
	
	
	
	function ocultar_tooltip(){
		$(".tooltip").hide();
	}

	
	function get_fecha_actual(formato){
		var fecha = new Date();
		var ano = fecha.getFullYear();
		var mes = fecha.getMonth()+1;
		var dia = fecha.getDate();
		if(mes<=9)mes = "0"+mes;
		if(dia<=9)dia = "0"+dia;
		
		switch(formato){
			case "dd":return dia;break;
			case "mm":return mes;break;
			case "yyyy":return ano;	break;
			case "mm/yyyy":return mes+'/'+ano;break;
			case "dd/yyyy":return dia+'/'+ano;break;
			case "yyyy/mm/dd":return ano+'/'+mes+'/'+dia;break;
			case "dd/mm/yyyy":return dia+'/'+mes+'/'+ano;break;
			case "mm/dd/yyyy":return mes+'/'+dia+'/'+ano;break;
			case "yyyy/mm/dd":return ano+'/'+mes+'/'+dia;break;
		}
	}
	function extraer_fecha(fecha,formato){
		var arr = new Array();
		arr = fecha.split("-");
		var res = new Date(arr[0],arr[1]-1,arr[2]);
		return res;		
	}
	
	function str_fecha(strng){
		var sb;
		var res;
		sb  = strng.split("-") ;
		res = sb[2]+'/'+sb[1]+'/'+sb[0];
		return res;
	}
	$(document).ready(function() {
		//ESCONDO EL TOOLTIP AL INICIAR LA PAGINA
		$(".tooltip").hide();
		
		
		
		//TOMA EL DIA DE HOY
		var date = new Date();
		var d = date.getDay();
		var m = date.getMonth()+1;
		var y = date.getFullYear();
		
		//VARIABLES PARA EVENTOS
		var eventos = new Array();
		var datos_eventos = new Array();
		var global_mes = m;
		var fecha_mes_ano = m+'/'+y;
		
		//VARIABLES DE CONTROL CANTIDAD EVENTOS
		var arr_events_x_dia = new Array();
		var arr_control = 0;
		var cant_fiestas_x_dia=1;
		
		
		
		//FUNCTION QUE TRAE TODAS LAS FIESTAS DE UN MES DESDE LA BASE DE DATOS
		function xml_fiestas(fecha_mes_ano){
			var array_fie_id = new Array();
			var array_fie_nombre = new Array();
			var array_fie_imagen_perfil = new Array();
			var	array_fie_tipo = new Array();
			var array_per_nombre = new Array();
			var array_per_apellido = new Array();
			var	array_fecha_buscar = new Array();
			var array_votos = new Array();
			var array_fans = new Array();
			var array_fecha = new Array();
			var array_fecha_buscar = new Array();
			var j = 0;
			//var html = "";
			var reg_ids = "";
			$.ajax({
				type: "post",
				url: "/script/site/app_codes/service/frontend/front_get_fiestas_mes.php",
				data: {mes_ano:fecha_mes_ano},
				dataType: "xml",
				async: false,
				success: function(xml){
					$('stage',xml).each(function(i) {
						var code = $(this).attr("code");
						if(code!=0){alert("Ups!");}
					})
					
					$('fiesta',xml).each(function(i) {	
						var reg_id = $(this).attr("per_id");
						array_fie_id[i] = $(this).attr("id");
						array_fie_nombre[i] = $(this).find("nombre").text();
						array_fecha[i] = $(this).find("fecha").text();
						array_fie_tipo[i] = $(this).find("tipo").text();
						array_fans[i] = $(this).find("fans").text();
						array_votos[i] = $(this).find("votos").text();
						array_fie_imagen_perfil[i] = $(this).find("imagen_perfil").text();
						array_fecha_buscar[i] = str_fecha($(this).find("fecha").text());
						
						if (reg_ids == ""){
							reg_ids += reg_id;
						}
						else {
							reg_ids += ","+reg_id;
						}
					});
					
					//OBTENEMOS LOS DATOS DE LAS PERSONAS						
					if (reg_ids != ""){
						$.ajax({	
							async:false,
							url: config['controller_reg'],
							dataType: "xml",
							type: "POST",
							data: {action:"usuarios.get_usuarios",acoid:config['acoid'],regids:reg_ids},
							success:function envia_datos(xml){
								$('usuario',xml).each(function(j) {
									array_per_nombre[j] = $(this).attr('nombre');
									array_per_apellido[j] = $(this).attr('apellido');
								})
								
							},
							error:function manejo_error(error){
								mostrar_alerta("Error al cargar la informaci&oacute;n.",0);
							}
							
						});
					}
							
					var propiedades_imagen="&w=80&h=80";
			
					for (i=0; i < array_fie_id.length; i++){
						var html = "";
						
						if (array_fie_tipo[i]==0){
							html='<div class="fiesta">'+array_fie_nombre[i]+'</div>';
							html+=' <div id="fiesta'+j+'" class="modal-mapa" style="display:none;">';
							html+='	<span class="bar-virtual"/></span>';
							html+='		<p class="txt-blue">';
							html+='			<img alt="party" src="'+config['tod']+array_fie_imagen_perfil[i]+propiedades_imagen+'" />';
							html+='			<span class="n-fiesta"><u>';
							html+='				<a title="'+array_fie_nombre[i]+'" href="http://partyplanner.dev.cba.brandigital.com/'+lng_pais+'/'+array_fie_nombre[i]+'">';
							html+='					<strong style="font-size:12px;">'+array_fie_nombre[i]+'</strong>';
							html+='				</a>';
							html+='			</u></span>';
							html+='			<br/><br/>';
							html+='		<span class="n-fiesta" style="font-size:11px;">';
							html+='		<strong>'+array_per_nombre[i]+' '+array_per_apellido[i]+'</strong>';
							html+='		</span>';
							html+='			<br/><br/>';
							html+='			<span class="ubicacion" style="font-size:12px;">'+array_fecha_buscar[i]+'</span>';
							html+='		</p>';
							html+='		<ul style="position:absolute; bottom:2px; left:10px;">';
							html+='			<li class="left">Fans: '+array_fans[i]+'</li>';
							html+='			<li class="right">Votos: '+array_votos[i]+'</li>';
							html+='		</ul>';
							html+='	</span>';
							html+='</div>';
						} else {
							html+='<div style="color:#FF0000; cursor:pointer;" class="fiesta_real">'+array_fie_nombre[i]+'</div>';
							html+=' <div id="fiesta'+j+'" class="modal-mapa" style="display:none;">';
							html+='	<span class="bar-virtual-red"/></span>';
							html+='		<p class="txt-red">';
							html+='			<img alt="party" src="'+config['tod']+array_fie_imagen_perfil[i]+propiedades_imagen+'" />';
							html+='			<span class="n-fiesta-red"><u>';
							html+='				<a title="'+array_fie_nombre[i]+'" href="http://partyplanner.dev.cba.brandigital.com/'+lng_pais+'/'+array_fie_nombre[i]+'">';
							html+='					<strong style="font-size:12px;">'+array_fie_nombre[i]+'</strong>';
							html+='				</a>';
							html+='			</u></span>';
							html+='			<br/><br/>';
							html+='		<span class="n-fiesta" style="font-size:11px;">';
							html+='		<strong>'+array_per_nombre[i]+' '+array_per_apellido[i]+'</strong>';
							html+='		</span>';
							html+='			<br/><br/>';
							html+='			<span class="ubicacion" style="font-size:12px;">'+array_fecha_buscar[i]+'</span>';
							html+='		</p>';
							html+='		<ul style="position:absolute; bottom:2px; left:10px;">';
							html+='			<li class="left">Fans: '+array_fans[i]+'</li>';
							html+='			<li class="right">Votos: '+array_votos[i]+'</li>';
							html+='		</ul>';
							html+='	</span>';
							html+='</div>';
						}
						
						var html_ver_mas = "";
						html_ver_mas = '<div id="fiesta_mas'+i+'" style="display:none;">fie_fecha='+array_fecha_buscar[i]+'&fie_nombre=""</div>';
						html_ver_mas += 'Ver M&aacute;s';
						
						arr_events_x_dia[i]=array_fecha[i];
						
						if(arr_events_x_dia[i]==arr_events_x_dia[i-1]){
							arr_control++;
						}else{
							arr_control=0;
						}
						
						if(arr_control<cant_fiestas_x_dia){
							eventos[j] = {id: j, title: html, start: extraer_fecha(array_fecha[i])};
							j++;							
						}else{
							if(arr_control<=cant_fiestas_x_dia){
								//alert(j+" - "+array_fie_nombre[i]);
								eventos[j] = {id: j, title: html_ver_mas, start: extraer_fecha(array_fecha[i])};	
								j++;
							}
						}
					
					}//for
				}//xml
			})

			return eventos;
		}
		
		
		function genera_calendario(fecha_mes_ano){
			$('#calendar').html("");
			$('#calendar').fullCalendar({
				year:y, 
				month:m-1,
				draggable: false,
				events: xml_fiestas(fecha_mes_ano),
				eventDrop: function(event, delta) {},
				buttons:false,
				eventMouseover: function (objeto){
					mostrar_tooltip(objeto);					
				},
				eventMouseout: function (){
					ocultar_tooltip();
				},
				eventClick: function(a,e){
					
					if($("#fiesta"+a.id).html()==null){
						carga_pagina("resultadobusqueda.php","#infoConteiner","POST",0,$("#fiesta_mas"+a.id).html());
					}else{
						if ($(this).find(".fiesta_real").text() != ""){
							ocultar_tooltip();
							carga_pagina("maparealparty.php","#infoConteiner","POST",0,"fie_nombre="+$(this).find(".fiesta_real").text());	
						} else {
							if ($(this).find(".fiesta").text() != "")
								window.location.href=dominio+"/"+lng_pais+"/"+$(this).find(".fiesta").text();
						}
					}
					
					
				},
				loading: function(bool) {
					if (bool) $('#loading').show();
					else $('#loading').hide();
				}
			});
		}
		
		
		genera_calendario(fecha_mes_ano);

		
		$(".mes_ant").click(function (){
			m = m-1;
			if(m<1){
				m = 12;
				y = y-1
			}
			fecha_mes_ano = m+'/'+y;
			$('#calendar').fullCalendar('prevMonth');
			genera_calendario(fecha_mes_ano);
		})
		$(".mes_pos").click(function (){
			m = m+1;
			if(m>12){
				m = 1;
				y = y+1
			};
			fecha_mes_ano = m+'/'+y;
			$('#calendar').fullCalendar('nextMonth');
			genera_calendario(fecha_mes_ano);
		})
	});