window.addEvent('domready', function() {

$('login_submit').addEvent('click', function() {

new Request.JSONP({
    url: 'http://shop.firmabox.no/pages/ajax_login.php',
    callbackKey: 'json_callback',
    data: {
        'username' : $('login_username').value,
        'password' : $('login_password').value
    },
    onRequest: function(url){

    },
    onComplete: function(data){
        if (data.message == 'ok') {
            window.location= data.url_redirect;
        }
        else {
        var logoIFrame = new Element('iframe', {
            src: 'http://shop.firmabox.no/pages/ajax_forgotpass.php?',
            styles: {
                width: '650px',
                height: '550px'
            }
         });
         var passHeader = new Element('h1', {
             'html' : 'Kom du ikke inn?',
             'class' : 'forgot_password'
         });
         var passHeader2 = new Element('h2', {
             'html' : 'Vennligst prøv igjen, eller fyll ut registrert e-post of sikkerhetskode og vi vil sende deg ett nytt brukernavn og passord.',
             'class' : 'forgot_password_h2'
         });         
	 $('content').getChildren().each(function(el){
    		el.destroy()
	 });
	 logoIFrame.inject($('content'), 'top');
	 passHeader2.inject($('content'), 'top');
	 passHeader.inject($('content'), 'top');	    
        }
    }
}).send();
});

$('forgot_password').getElement('a').addEvent('click', function() {
var logoIFrame = new Element('iframe', {
            src: 'http://shop.firmabox.no/pages/ajax_forgotpass.php?',
            styles: {
                'width' : '650px',
                'height' : '550px'
            }
         });
         var passHeader = new Element('h1', {
             'html' : 'Fyll ut registrert e-post og sikkerhetskode og vi vil sende deg ett nytt brukernavn og passord.',
             'class' : 'forgot_password'
         });       
	 $('content').getChildren().each(function(el){
    		el.destroy()
	 });
	 logoIFrame.inject($('content'), 'top');
	 passHeader.inject($('content'), 'top');
});

$('login_password').addEvent('keydown', function(event) {

if (event.key == 'enter') {
new Request.JSONP({
    url: 'http://shop.firmabox.no/pages/ajax_login.php',
    callbackKey: 'json_callback',
    data: {
        'username' : $('login_username').value,
        'password' : $('login_password').value
    },
    onRequest: function(url){

    },
    onComplete: function(data){
        if (data.message == 'ok') {
            window.location = data.url_redirect;
        }
        else {
        var logoIFrame = new Element('iframe', {
            'src' : 'http://shop.firmabox.no/pages/ajax_forgotpass.php?',
            'styles' : {
                width: '650px',
                height: '550px'
            }
         });
         var passHeader = new Element('h1', {
             'html' : 'Kom du ikke inn?',
             'class' : 'forgot_password'
         });
         var passHeader2 = new Element('h2', {
             'html' : 'Kanskje du har tastet feil brukernavn eller passord?',
             'class' : 'forgot_password_h2'
         });         
	 $('content').getChildren().each(function(el){
    		el.destroy()
	 });
	 logoIFrame.inject($('content'), 'top');
	 passHeader2.inject($('content'), 'top');
	 passHeader.inject($('content'), 'top');	    
        }
    }
}).send();
}
});

authDiv = $('Authentification');

authUser = authDiv.getElements('[name="Username"]');
authPass = authDiv.getElements('[name="Password"]');

authUser.set('value', 'Brukernavn');
authUser.addEvent('focus', function(){
    if (this.value == 'Brukernavn') {
        this.set('value', '');
    }
});
authUser.addEvent('blur', function(){
    if (this.value == '') {
        this.set('value', 'Brukernavn');
    }
});

authPass.set('value', 'Passord');
authPass.addEvent('click', function(){
    if (this.value == 'Passord') {
        this.set('value', '');
    }
});
authPass.addEvent('blur', function(){
    if (this.value == '') {
        this.set('value', 'Passord');
    }
});


newsletterDiv = $('newsletter');

newsletterEmail = newsletterDiv.getElements('[name="email"]');
newsletterMobile = newsletterDiv.getElements('[name="phone"]');

newsletterEmail.set('value', 'Din epostadresse her');
newsletterEmail.addEvent('focus', function(){
    if (this.value == 'Din epostadresse her') {
        this.set('value', '');
    }
});
newsletterEmail.addEvent('blur', function(){
    if (this.value == '') {
        this.set('value', 'Din epostadresse her');
    }
});

newsletterMobile.set('value', 'Ditt mobilnummer her');
newsletterMobile.addEvent('click', function(){
    if (this.value == 'Ditt mobilnummer her') {
        this.set('value', '');
    }
});
newsletterMobile.addEvent('blur', function(){
    if (this.value == '') {
        this.set('value', 'Ditt mobilnummer her');
    }
});


});
