var ProductInfo = Class.create();
ProductInfo.prototype = {
    settings: {
        'loadingMessage': 'Please wait ...'
    },
    
    initialize: function(selector, x_image, settings)
    {
        Object.extend(this.settings, settings);
        this.createWindow();  
        
        var that = this;
        $$(selector).each(function(el, index){
            el.observe('click', that.loadInfo.bind(that));
        })
        $$(x_image).each(function(el, index){
            el.observe('mouseover', that.showButton);
            el.observe('mouseout', that.hideButton);
        })
        
    },
    
    createLoader: function()
    {
        var loader = new Element('div', {id: 'ajax-preloader'});
        loader.innerHTML = "<p class='loading'><img src="+this.settings.loader+" /><br/>"+this.settings.loadingMessage+"</p>";
        document.body.appendChild(loader);
        $('ajax-preloader').setStyle({
            position: 'absolute',
            top:  document.viewport.getScrollOffsets().top + 200 + 'px',
            left:  document.body.clientWidth/2 - 75 + 'px'
        });
    },
    
    destroyLoader: function()
    {
        $('ajax-preloader').remove();
    },
    
    showButton: function(e)
    {
        el = this;
        while (el.tagName != 'P') {
            el = el.up();
        }
        $(el).getElementsBySelector('.ajax')[0].setStyle({
            display: 'block'
        })
    },
    
    hideButton: function(e)
    {
        el = this;
        while (el.tagName != 'P') {
            el = el.up();
        }
        $(el).getElementsBySelector('.ajax')[0].setStyle({
            display: 'none'
        })
    },
    
    createWindow: function()
    {
        var qWindow = new Element('div', {id: 'quick-window'});
        qWindow.innerHTML = '<div id="quickview-header"><a href="javascript:void(0)" id="quickview-close"></a></div><div class="quick-view-content"></div>';
        document.body.appendChild(qWindow);
        $('quickview-close').observe('click', this.hideWindow.bind(this)); 
    },
    
    showWindow: function()
    {
        $('quick-window').setStyle({
            top:  document.viewport.getScrollOffsets().top + 100 + 'px',
            left:  document.body.clientWidth/2 - $('quick-window').getWidth()/2 + 'px',
            display: 'block'
        });
    },
    
    setContent: function(content)
    {
        $$('.quick-view-content')[0].insert(content);
    },
    
    clearContent: function()
    {
        $$('.quick-view-content')[0].replace('<div class="quick-view-content"></div>');
    },
    
    hideWindow: function()
    {
        this.clearContent();
        $('quick-window').hide();
    },

    loadInfo: function(e)
    {
        e.stop();
        var that = this;
        this.createLoader();
        new Ajax.Request(e.element().href, {
            onSuccess: function(response) {
                that.clearContent();
                that.setContent(response.responseText);
                that.destroyLoader();
                that.showWindow();
            }
        }); 
    }
}

function bajaListaMulti()
{	
	var email = document.getElementById("email_baja").value;			
	var error_vacio = document.getElementById("error_vacio").value;	
	var error_email = document.getElementById("error_email").value;	
	var confirmar_baja_tit = document.getElementById("confirmar_baja_tit").value;	
	var confirmar_baja_texto = document.getElementById("confirmar_baja_texto").value;	
	var email_no_existe = document.getElementById("email_no_existe").value;
	
	var error = 0;
	var error_vacio_1 = 0;	
	var error_email_1 = 0;	

	new Ajax.Updater('notificacion', '/scripts/boletin/mensaje_multi.php?mensaje=' , { method: 'get' });	
	if ((email == email_oculto) || (email == ""))
	{
		
		error_vacio_1=1;
		error=1;
		
	}
	else
	{
		if ((validarEmail(email)) == false)
		{			
			error=1;
			error_email_1=1;
		}
		else
		{
				
		}
	}
	
	
	if (error_vacio_1 == 1)
	{
		new Ajax.Updater('notificacion', '/scripts/boletin/mensaje_multi.php?mensaje='+error_vacio, { method: 'get' });		
		
	}
	if (error_email_1 == 1)
	{
		new Ajax.Updater('notificacion', '/scripts/boletin/mensaje_multi.php?mensaje='+error_email, { method: 'get' });
		
	}
	if ((error == 0) && (error_vacio_1 == 0) && (error_email_1 == 0))
	{
		
		
		new Ajax.Request('/scripts/boletin/boletin_baja_multi.php?isAjax=1&email='+email, {  method: 'get', 
			onSuccess: function(transport) 
			{ 
			
				if (transport.responseText == 0)
				{	
					new Ajax.Updater('notificacion', '/scripts/boletin/mensaje_multi.php?mensaje='+email_no_existe, { method: 'get' });	
					error = 1;			
				}
				if (transport.responseText == 1)
				{
					alert("Revise su correo para confirmar la baja");
				}
			
			
			} });	
		
			
	}
	
}

function altaListaMulti()
{	
	var email = document.getElementById("email_baja").value;			
	var error_vacio = document.getElementById("error_vacio").value;	
	var error_email = document.getElementById("error_email").value;	
	var confirmar_baja_tit = document.getElementById("confirmar_baja_tit").value;	
	var confirmar_baja_texto = document.getElementById("confirmar_baja_texto").value;	
	var email_existe = document.getElementById("email_existe").value;
	
	var error = 0;
	var error_vacio_1 = 0;	
	var error_email_1 = 0;	

	new Ajax.Updater('notificacion', '/scripts/boletin/mensaje.php?mensaje=' , { method: 'get' });	
	if ((email == email_oculto) || (email == ""))
	{
		
		error_vacio_1=1;
		error=1;
		
	}
	else
	{
		if ((validarEmail(email)) == false)
		{			
			error=1;
			error_email_1=1;
		}
		else
		{
				
		}
	}
	
	
	if (error_vacio_1 == 1)
	{
		new Ajax.Updater('notificacion', '/scripts/boletin/mensaje.php?mensaje='+error_vacio, { method: 'get' });		
		
	}
	if (error_email_1 == 1)
	{
		new Ajax.Updater('notificacion', '/scripts/boletin/mensaje.php?mensaje='+error_email, { method: 'get' });
		
	}
	if ((error == 0) && (error_vacio_1 == 0) && (error_email_1 == 0))
	{
		
		
		new Ajax.Request('/scripts/boletin/boletin.php?isAjax=1&email='+email, {  method: 'get', 
			onSuccess: function(transport) 
			{ 
			
				if (transport.responseText == 0)
				{	
					new Ajax.Updater('notificacion', '/scripts/boletin/mensaje.php?mensaje='+email_existe, { method: 'get' });	
					error = 1;			
				}
				if (transport.responseText == 1)
				{
					alert("Revise su correo para confirmar el alta");
				}
			
			
			} });	
		
			
	}
	
}