﻿window.addEvent("domready", function() {
    var scroll = new Fx.Scroll('contentwrap', {duration:1000} );
    
    $('up').addEvent('mousedown', function(){ 
        scroll.toTop();
    } );
    
    $('up').addEvent('mouseup', function(){ 
        scroll.cancel();
    } );
    
    $('down').addEvent('mousedown', function(){ 
        scroll.toBottom();
    } );
    
    $('down').addEvent('mouseup', function(){ 
        scroll.cancel();
    } );
    
    $('contentwrap').addEvent('mousewheel', function(e) {
        var c = $('contentwrap');
        
        c.scrollTo(0, c.getScroll().y-(e.wheel*13) );
    });


    function checkEmail(e) {
        if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(e.get('value'))){
            return (false)
        } else {
            return (true)
        }
    }

    if($('form1')) {
        $('klantnummer').setStyle('display', 'none');
        $('subklantnummer').setStyle('display', 'none');
        $$('.errorbox').setStyle('display', 'none');
        
        $('form2').setStyle('display', 'none');
        
        $('next').addEvent('click', function(e) {
            e.stop();
            
            if(checkForm1()) {
                $('form1').setStyle('display', 'none');
                $('form2').setStyle('display', '');
                $$('.errorbox').setStyle('display', 'none');
            } else {
                $$('.errorbox').setStyle('display', '');
            }                    
        });
        
        $('finish').addEvent('click', function(el) {
            el.stop();
            
            if(checkForm2()) {
                $$('.errorbox').setStyle('display', 'none');
                $('loginData').set('send', {onComplete: function(response) { 
                    $('contentwrap').set('html', response);
                }});
                $('loginData').send();
            } else {
                $$('.errorbox').setStyle('display', '');
            }
        });
        
        $('klant_ja').addEvent('click', function() {
            if(this.checked) {
                $('klantnummer').setStyle('display', '');
                $('subklantnummer').setStyle('display', '');
            } 
        });
        
        $('klant_nee').addEvent('click', function() {
            $('klantnummer').setStyle('display', 'none');
            $('subklantnummer').setStyle('display', 'none');
        });
        
        function checkForm1() {
            var noErrors = 1
            $$('#form1 .line').each(function(el) {
                if(v = el.getElements('input')) {
                    v.each(function(e) {
                        if(e.get('name') != "subklantnummer" && e.get('name') != "klantnummer" && e.get('name') != "klant" ) {
                            if(e.get('value') == "") {
                                el.getElement('.desc').setStyle('color', 'red');
                                noErrors = 0
                            } else {
                                el.getElement('.desc').setStyle('color', '#82786F');
                            }
                        }
                        if(e.get('name') == "klant") {
                            if($('klant_nee').checked || $('klant_ja').checked) 
                            {
                                el.getElement('.desc').setStyle('color', '#82786F');
                            } else {
                                el.getElement('.desc').setStyle('color', 'red');
                                noErrors = 0
                            }
                        }
                        if(e.get('name') == "klantnummer") {
                            if($('klant_ja').checked) {
                                if(e.get('value') == "") {
                                    el.getElement('.desc').setStyle('color', 'red');
                                    noErrors = 0
                                } else {
                                    el.getElement('.desc').setStyle('color', '#82786F');
                                }
                            }
                        }
                    });
                }
            });
            
            return noErrors
        }
        
        function checkForm2() {
            var noErrors = 1
            $$('#form2 .line').each(function(el) {
                if(v = el.getElements('input')) {
                    v.each(function(e) {
                        if(e.get('name') != "aanhef" && e.get('name') != "finish") {
                            if(e.get('value') == "") {
                                el.getElement('.desc').setStyle('color', 'red');
                                noErrors = 0
                            } else {
                                if(el.getElement('.desc')) {
                                    el.getElement('.desc').setStyle('color', '#82786F');
                                }
                            }
                        }
                        if (e.get('name') == "email") {
                            if(checkEmail(e)) {    
                                el.getElement('.desc').setStyle('color', 'red');
                                noErrors = 0
                            }
                        }
                        if(e.get('name') == "aanhef") {
                            if($('aanhef_mevr').checked || $('aanhef_dhr').checked) {
                                el.getElement('.desc').setStyle('color', '#82786F');
                            } else {
                                el.getElement('.desc').setStyle('color', 'red');
                                noErrors = 0
                            }
                        }
                        
                    });
                }
            });
            
            return noErrors
        }
    }

    if ($('askForPass')) {
        $$('.errorbox').setStyle('display', 'none');

        $('sendPass').addEvent('click', function(e) {    
            e.stop();
            passErrors = 1
            if($('customerNumber').get('value') == "") {
                $('labelCus').setStyle('color', 'red');
                passErrors = 0
            } else {
                $('labelCus').setStyle('color', '#82786F');
            }

            if($('cpnumber').get('value') == "") {
                $('labelCon').setStyle('color', 'red');
                passErrors = 0
            } else {
                $('labelCon').setStyle('color', '#82786F');
            }

            if($('email').get('value') == "") {
                $('labelEm').setStyle('color', 'red');
                passErrors = 0
            } else {
                if(checkEmail($('email'))) {
                    $('labelEm').setStyle('color', 'red');
                    passErrors = 0
                } else {
                    $('labelEm').setStyle('color', '#82786F');
                }
            }

            if(passErrors) {
                $('askForPass').set('send', {onComplete: function(response) { 
                    $('form3').set('html', response);
                }});
                $('askForPass').send();
            } else {
                $$('.errorbox').setStyle('display', '');    
            }
        });
 
    }

});
