$('document').ready(function(){
    init()
});

var proveedorPos = 0;

function init(){
	
	$(".menuLista .catalogoDeProductos").click(function(){
        $('.menuLista ul').slideToggle();
    })
    
    $('.cerrar').click(function(){
		$('.panel').fadeOut();
		cerrarModal();
	});
	
    if ($('.proveedores')) {
        $('.proveedores').quickpaginate({
            perpage: 17,
            showcounter: true
        });
    }

try {
	id = 	$('.id').val();
	$.ajax({
		url: 'model/base/funciones.php',
		data: 'data=traerImagenes&id=' + id + '&tipo=parejas',
		type: 'POST',
		complete: function(msn){
			a = msn.responseText;
			data = a.split('&&');
			cantidad = data.length;
			inicial = data[0] != '' ? data[0] : '../view/images/noimage.png';
			$('.imagenPerfil').attr({
				src: inicial
			});
			if ($('.imagenPerfil').attr("src") == "../view/images/noimage.png") {
				$('.eliminarImg').hide();
			}
			else {
				$('.eliminarImg').show();
			}
			$('.panel .galery').html('');
			for (var i = 0; i < cantidad - 1; i++) {
				$('.galery').append('<img src="' + data[i] + '">');
				$('.galery img').click(function(){
					cambiarImagen($(this))
				})
			}
			$('.galery img').each(function(i){
				
				reajustarImg(50,100,this);
			})
			$('#loader').hide();
		}
	})
}catch(e){
	alert(e);
}
	
	
    $('.formasDePago').change(function(){
		id = $(this).val();
		switch(id){
			case '15':
			case '5':
			case '16':
				$('form').attr({
					action:'mail.php'
				});
				$('.dineromail').show();
				$('.enviar').hide();				
			break;
			default:
				$('form').attr({
					action:'index.php?case=confirmar&m=invitado'
				});
				$('.dineromail').hide();
				$('.enviar').show();	
			break;
		}
	})
	
	$('.subirImagen').change(function(){
		id = $(".id").val();
		$('.formImagen').submit();
		setTimeout(function(){
			buscarImgPerfil(id);
		},2000);
	})
	
	$('.listaRegalos').dataTable({
        "sPaginationType": "full_numbers",
		"aaSorting": [[ 0, "asc" ]],
		"iDisplayLength":25
    });
    
    $('.novioLista').dataTable({
        "sPaginationType": "full_numbers",
		"aaSorting": [[ 0, "desc" ]],
		"iDisplayLength":25
    });
    
	$('.enviarRespuesta').click(function(){
		//id 		= $('.id').val();
		//mensajeRes = $('.mensajeRespuesta').html();
		//mensajeRes = $('.mensajeRespuesta').val();
		
		id = document.getElementById("id_mensaje").value;
		mensajeRes = document.getElementById("mensajeRespuesta").value;
		//alert("El mensaje es"+ mensajeRes + " " + id);
		$.ajax({
			url:"../model/base/funciones.php",
			type:"POST",
			data:"data=reponderRegalo&id="+id+"&mensaje="+ mensajeRes,
			complete: function(msn){
				a	=	msn.responseText;
				if(a=='si'){
					alert('Respuesta enviada correctamente');
					$('.panel').fadeOut();
					cerrarModal();
				}
			}
		})
	});
	
    $('.novioLista tbody tr td div').click(function(){
        id = $(this).attr('class');
        $('img.' + id).slideToggle();
    })
    try {
        $('.lugarIglesia').editable('../../model/base/funciones.php?data=editarPareja&clase=lugarIglesia', {
            tooltip: 'Click para editar...',
            name: 'datos',
            submit: 'Ok',
            Type: 'Text',
            indicator: 'Guardando...<img src="view/images/loader.gif">'
        });
        $('.fechaIglesia').editable('../../model/base/funciones.php?data=editarPareja&clase=fechaIglesia', {
            tooltip: 'Click para editar...',
            name: 'datos',
            submit: 'Ok',
            Type: 'Text',
            indicator: 'Guardando...<img src="view/images/loader.gif">'
        });
        $('.lugarCivil').editable('../../model/base/funciones.php?data=editarPareja&clase=lugarCivil', {
            tooltip: 'Click para editar...',
            name: 'datos',
            submit: 'Ok',
            Type: 'Text',
            indicator: 'Guardando...<img src="view/images/loader.gif">'
        });
        $('.fechaCivil').editable('../../model/base/funciones.php?data=editarPareja&clase=fechaCivil', {
            tooltip: 'Click para editar...',
            name: 'datos',
            submit: 'Ok',
            Type: 'Text',
            indicator: 'Guardando...<img src="view/images/loader.gif">'
        });
        $('.lugarFiesta').editable('../../model/base/funciones.php?data=editarPareja&clase=lugarFiesta', {
            tooltip: 'Click para editar...',
            name: 'datos',
            submit: 'Ok',
            Type: 'Text',
            indicator: 'Guardando...<img src="view/images/loader.gif">'
        });
        $('.fechaFiesta').editable('../../model/base/funciones.php?data=editarPareja&clase=fechaFiesta', {
            tooltip: 'Click para editar...',
            name: 'datos',
            submit: 'Ok',
            Type: 'Text',
            indicator: 'Guardando...<img src="view/images/loader.gif">'
        });
        $('.novia').editable('../../model/base/funciones.php?data=editarPareja&clase=novia', {
            tooltip: 'Click para editar...',
            name: 'datos',
            submit: 'Ok',
            Type: 'Text',
            indicator: 'Guardando...<img src="view/images/loader.gif">'
        });
        $('.novio').editable('../../model/base/funciones.php?data=editarPareja&clase=novio', {
            tooltip: 'Click para editar...',
            name: 'datos',
            submit: 'Ok',
            Type: 'Text',
            indicator: 'Guardando...<img src="view/images/loader.gif">'
        });
    } 
    catch (e) {
    }
    
    $('.eliminarImg').click(function(){
        borrarImagen();
    });
	
	
	$('.contactenos .enviar').click(function(){
		nombre		=	$('.contactenos .nombre').val();
		mail		=	$('.contactenos .mail').val();
		telefono	=	$('.contactenos .telefono').val();
		direccion	=	$('.contactenos .direccion').val();
		if(nombre!=''&&mail!=''&&telefono!=''&&direccion!=''){
			$('.datosOperacion').submit();
		}else{
			alert('Los campos Nombre, Email, Direccion y Telefono son obligatorios');
		}
	})
	$('#local').css({
		border: "solid 1px red"
	})
	id = 0;
	if ($('#id_pro').html() != null) {
		id = $('#id_pro').html();
	}
	 
				$.ajax({
					url: "../model/base/funciones.php",
					data: "data=traerImagenes&tipo=locales&id=" + id,
					type: 'POST',
					complete: function(msn){
						a = msn.responseText;
						imagenes = a.split('&&');
						cantidad = imagenes.length;
						var acumulador = new Array();
						var imagearr = new Array();
						for (var i = 0; i < cantidad; i++) {
							acumulador.push(imagenes[i]);
							imagearr.push([acumulador[i], "", "", ""]);
						}
						
							var mygallery = new simpleGallery({
								wrapperid: "simplegallery1", //ID of main gallery container,
								dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
								imagearray: imagearr,
								autoplay: [true, 2500, 50], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
								persist: false, //remember last viewed slide and recall within same session?
								fadeduration: 500, //transition duration (milliseconds)
								oninit: function(){ //event that fires when gallery has initialized/ ready to run
								//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
								},
								onslide: function(curslide, i){ //event that fires after each slide is shown
								//Keyword "this": references current gallery instance
								//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
								//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
								}
							})
							
						
					}
				})

}

function mostrarDetalle(a){
	document.getElementById("id_mensaje").value = a;
	$.ajax({
		url: "../../model/base/funciones.php",
		data: "data=mensaje&id="+a,
		type:"POST",
		complete: function(msn){
			s	=	msn.responseText;
			m 	=	s.split("%%");
			$('.panel .mensaje').html(m[0]);
			abrirModal();
			$('.panel').css({"z-index":"15",top:"200px", left:"500px"}).fadeIn();
			if(m[1]==0){
				$('.panel .responderMail').show();
				document.getElementById("mensajeRespuesta").value = "";
			} else {
				$('.panel .responderMail').hide();
			}
		}
	})
}

function abrirModal(){
	$('.modal').height($(document).height());
	$('.modal').width($(document).width());
	$('.modal').animate({opacity:"0.8"});
	$('.modal').fadeIn();
}
function cerrarModal(){
	$('.modal').fadeOut();
}
function borrarImagen(){
    src 	= $('.imagenPerfil').attr('src');
    srcArr 	= src.split('/');
    archivo = srcArr[(srcArr.length - 1)];
    carpeta = srcArr[(srcArr.length - 2)];
    con 	= confirm('Seguro que desea eliminar esta imagen');
    if (archivo != 'noimage.png' && con) {
			id = $('.id').val();
        $.ajax({
            url: "../../model/base/funciones.php",
            data: "data=borrarImg&carpeta=" + carpeta + "&archivo=" + archivo,
            type: 'POST',
            complete: function(){
//                $('img[src=' + src + ']').fadeOut();
                mostrarMensaje("La imagen ha sido eliminada correctamente.");
				buscarImgPerfil(id);
            }
        })
    }
}

function agregarLista(a, b, c){
    $.ajax({
        url: "model/base/funciones.php",
        data: "data=agregarLista&idPareja=" + a + "&idProducto=" + b,
        type: "POST",
        complete: function(msn){
            if (msn.responseText == 1) {
                $(c).attr({
                    src: "img/btnListaBorrar.png",
                    title: "Eliminar producto de la lista"
                });
                $(c).click(function(){
                    eliminarLista(a, b, this);
                });
                mostrarMensaje("El producto fue agregado correctamente.");
            }
            else {
                //alert("Error en la lista");
            }
        }
    })
}

function eliminarLista(a, b, c){
    if (c) {
        $.ajax({
            url: "model/base/funciones.php",
            data: "data=eliminarLista&idPareja=" + a + "&idProducto=" + b,
            type: "POST",
            complete: function(msn){
                if (msn.responseText == 1) {
                    if ($(c).attr('class') == 'borrarDesdeLista') {
                        $(c).parent().parent().fadeOut();
                    }
                    else {
                        $(c).attr({
                            src: "img/btnLista.png",
                            title: "Agregar este producto a mi lista"
                        });
                        $(c).click(function(){
                            agregarLista(a, b, this);
                        });
                        
                    }
                }
                else {
                    //alert("Error en la lista");				
                }
            }
        })
    }
}

function mostrarMensaje(txt){
    $('#mensaje').html(txt);
    $('#mensaje').slideDown();
    cerrarMensaje();
}

function cerrarMensaje(){
    setTimeout(function(){
        $('#mensaje').slideUp();
    }, 3000)
}
function verRegalos(b){
	idOperacion = b
	$.ajax({
		url:'../model/base/funciones.php',
		data:'data=operacion&id='+b,
		complete: function(msn){
			a 			= msn.responseText;
			datos		= a.split('&&');
			mensaje		= datos[0];
			fecha		= datos[1];
			id_pareja	= datos[2];
			mail		= datos[3];
			nombre		= datos[4];
			productos	= datos[5];
			telefono	= datos[6];
			total		= datos[7];
			novio		= datos[8];
			novia		= datos[9];
			
			$('#detalleRegalo .quienRegala').html(nombre);
			$('#detalleRegalo .noviaR').html(novia);
			$('#detalleRegalo .novioR').html(novio);
		}
	})
}

function buscarImgPerfil(id){
	$.ajax({
				url:	'model/base/funciones.php',
				data:	'data=traerImagenes&id='+id+'&tipo=parejas',
				type: 	'POST',
				beforeSend: function(){
//					$('#loader').show();
				},
				complete: function(msn){
					a 		= 	msn.responseText;
					data 	= 	a.split('&&');
					cantidad= 	data.length;
					inicial	=	data[0]!=''?data[0]:'../view/images/noimage.png';
					$('.imagenPerfil').attr({src:inicial});
					if ($('.imagenPerfil').attr("src") == "../view/images/noimage.png") {
						$('.eliminarImg').hide();
					}else{
						$('.eliminarImg').show();
					}
					$('.panel .galery').html('');
					for(var i =0;i<cantidad-1;i++){
							$('.galery').append('<img src="'+data[i]+'">')
							$('.galery img').click(function(){ cambiarImagen($(this))})
				}
					$('#loader').hide();			
			}
		})
	
}

function reajustarImg(alto, ancho, img){
	anchoActual =	img.width;
	altoActual	=	img.height;
	if(anchoActual	>	altoActual){
		img.width 	= ancho;
		img.height 	= (ancho* altoActual)/anchoActual;
	}else if(altoActual	>	anchoActual){
		img.height 	= alto;
		img.width 	= (alto* anchoActual)/altoActual;
	}
}

function cambiarImagen(a){
	nuevo = a.attr('src');
	viejo = $('.imagenPerfil').attr('src');
	$('.imagenPerfil').attr({src:nuevo});
}