var spinn = spinn || {};

spinn = {
    vars : {},
    
    init : function(){
        spinn.vars.inputBorderTop = "#abadb3";
        spinn.vars.inputBorder = "#e3e9ef";
        spinn.vars.inputLength = 1000;
        spinn.handleInputs();
        spinn.handleTextArea();
        spinn.handleConfirm();
        spinn.handleValidation();
    },
    
    handleInputs : function(){
        $('input:text, textarea').each(function(){
            $(this).bind('focus',function(e){
                    if(!$(this).hasClass('notDone')){
                        $(this).css({'border' : '1px solid #b9a166'});
                    }
            });
            $(this).bind('blur',function(e){
                 if(!$(this).hasClass('notDone')){
                    $(this).css({'border' : '1px solid '+spinn.vars.inputBorder, 'border-top' : '1px solid '+spinn.vars.inputBorderTop});
               }    
            });
        });
        
        // remove border around image inputs...
        $('input:checkbox').css('border','0');
        $('input:image').css('border','0');
    },
    
    handleTextArea : function(){
        // First entry on page (or after reload)
        $('textarea:first').each(function(){
            spinn.vars.currentLength = $(this).val().length;
            if(spinn.vars.currentLength <= spinn.vars.inputLength){
                $('span.counter').text((spinn.vars.inputLength-spinn.vars.currentLength) + ' tecken kvar').css('color','#999999');
            }else{
                $('span.counter').text((spinn.vars.currentLength-spinn.vars.inputLength) + ' tecken för mycket').css('color','#e81919');
            }
        });
    
        $('textarea:first').bind('keyup',function(){
            spinn.vars.currentLength = $(this).val().length;
            if(spinn.vars.currentLength <= spinn.vars.inputLength){
                $('span.counter').text((spinn.vars.inputLength-spinn.vars.currentLength) + ' tecken kvar').css('color','#999999');
            }else{
                $('span.counter').text((spinn.vars.currentLength-spinn.vars.inputLength) + ' tecken för mycket').css('color','#e81919');
            }
        });
    },
    
    handleConfirm : function(){
        // First entry on page (if saved with state Checked)
        $("span.confirmCheck input").each(function(){
            spinn.vars.confirm = (this.checked)?'/UI/Frontend/Images/btnSend.gif':'/UI/Frontend/Images/btnSendInactive.gif';
            $("input.finalizeReg").attr('src',spinn.vars.confirm);
        });
        
        $("span.confirmCheck input:checkbox").bind('click',function(){
            spinn.vars.confirm = (this.checked)?'/UI/Frontend/Images/btnSend.gif':'/UI/Frontend/Images/btnSendInactive.gif';
            $("input.finalizeReg").attr('src',spinn.vars.confirm);
        });
        
        // The click on "Review the registration"
        $('a.reviewLink').bind('click',function(e){
            e.preventDefault();
            window.open($(this).attr('href'),'reviewReg','status=0, toolbar=0, location=0,scrollbars=1,width=500, height=600');            
        });
    },
    
    handleValidation : function(e){
        $("span.validation-error")
                .bind("DOMAttrModified propertychange", function(e) {
                    // Exit early if IE because it throws this event lots more
                    if (e.originalEvent.propertyName && e.originalEvent.propertyName != "isvalid") return;

                    var controlToValidate = $("#" + this.controltovalidate);
                    var validators = controlToValidate.attr("Validators");
                    if (validators == null) return;

                    var isValid = true;
                    $(validators).each(function() {
                        if (this.isvalid !== true) {
                            isValid = false;
                        }
                    });

                    if (isValid) {
                        controlToValidate.removeClass("notDone");
                    } else {
                        controlToValidate.addClass("notDone");
                    }
                });
        }    
}

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