$(document).ready(function() {

    $('textarea').focus(cleanTextArea);
    $('textarea').blur(cleanTextArea);

    $("a.group").fancybox({
        'speedIn': 600,
        'speedOut': 200,
        'overlayShow': true,
        'titleShow': false,
        'titlePosition': 'over'
    });

    $('a[href=#footer]').click(function() {
        var target = $('p[name=footer]');
        if (target.length) {
            var top = target.offset().top;
            $('html,body').animate({ scrollTop: top }, 1000);
            return false;
        }
    });

    swfObject();
    wordCount();
    formValidate();

    $('a.submit').click(openForm);

    $('.error-popup .close-btn').click(function() {
        $('div.error-popup').fadeOut(200);
    });
});

function cleanTextArea(event) {
    var element = this;
    if ($(element).val() == $(element).attr("title")) {
        $(element).val("");
    }

    else if ($(element).val() == "" && event.type != "click") {
        $(element).val($(element).attr("title"));
    }
}

function swfObject() {
    var flashvars = false;
    var params = {
        wmode: "transparent"
    };
    var attributes = {
        id: "flashMovie",
        name: "flashMovie"
    };

    swfobject.embedSWF("flash/video-bouncepromo.swf", "flashMovie1", "352", "189", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
    swfobject.embedSWF("flash/video-danceattack.swf", "flashMovie2", "352", "189", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
    swfobject.embedSWF("flash/video-mjtribute.swf", "flashMovie3", "352", "189", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
    swfobject.embedSWF("flash/video-fri.swf", "flashMovie4", "352", "189", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
    swfobject.embedSWF("flash/video-sat.swf", "flashMovie5", "352", "189", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
    swfobject.embedSWF("flash/video-sat2.swf", "flashMovie6", "352", "189", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
    swfobject.embedSWF("flash/video-sun.swf", "flashMovie7", "352", "189", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
    swfobject.embedSWF("flash/video-sun2.swf", "flashMovie8", "352", "189", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
}

jQuery.fn.center = function() {
    this.css("position", "absolute");
    this.css("z-index", "9999");
    this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + "px");
    this.css("left", ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + "px");
    return this;
}

var valid = false;
function wordCount() {
    $('textarea.motivering').keyup(function() {
        var numWords = jQuery.trim($(this).val()).split(' ').length;
        var maxLength = $('textarea.motivering').val().length;
        maxLength = maxLength - 1;
        if (numWords > 30) {
            valid = false;
            $('textarea.motivering').val($('textarea.motivering').val().substring(0, maxLength));
            $('div.error-popup').center();
            $('div.error-popup').find('p').html("Mer än 30 ord!");
            $('div.error-popup').fadeIn(500);
        }
        else {
            valid = true;
            $('div.error-popup').fadeOut(100);
        }
    });

}

function openForm() {
    if (valid == true) {
        $('div.black-overlay').show();
        $('div.register-form').center();
        $('div.register-form').fadeIn(300, function() {
            $('input[name=fNamn]').focus();
        });        
    }
    else {
        $('div.error-popup').center();
        $('div.error-popup').find('p').html("Du måste fylla i en motivering");
        $('div.error-popup').fadeIn(500);
    }

    $('div.close-btn').click(function() {
        $('div.register-form').fadeOut(400, function() {
        $('div.black-overlay').hide();
            });        
    });
}

function formValidate() { 
   
    $("#aspnetForm").validate({
                rules: {
                    fNamn: {
                        required: true,
                        minlength: 2
                    },
                    adress: {
                        required: true
                    },
                    telNummer: {
                        required: true,
                        number: true
                    },
                    eNamn: {
                        required: true
                    },
                    pNummer: {
                        required: true,
                        number: true
                    },
                    ort: {
                        required: true
                    },
                    rules: {
                        required: true
                    },
                     email: {                       
                        required: true,
                        email:true
                    }
                },
               errorLabelContainer: $("ol", ".error-container"),
               wrapper: 'li',
               messages: {
                   fNamn: {
                        required: "Fyll i ditt förnamn",
                        minlength: "Fyll i ditt förnamn"
                    },
                    eNamn: {
                        required: "Fyll i ditt efternamn"
                    },
                    adress: {
                        required: "Fyll i din adress"
                    },
                    pNummer: {
                        required: "Fyll i ditt postnummer",
                        number: "Postnummret får endast innehålla siffror"
                    },
                    ort: {
                        required: "Fyll i din ort"
                    },
                    telNummer: {
                        required: "Fyll i ditt telefonnummer",
                        number: "Telefonnummret får endast innehålla siffror"
                    },
                    email: {
                        required: "Fyll i din e-post adress",
                        email: "Ogiltig e-post adress"
                    },                    
                    rules: {
                        required: "Du måste acceptera reglerna"
                    }
               }
            });

            $('input[name=skicka]').click(function() {
                if ($("#aspnetForm").valid() == true) {

                    var fNamn = $('input[name=fNamn]').val();
                    var adress = $('input[name=adress]').val();
                    var telNummer = $('input[name=telNummer]').val();
                    var eNamn = $('input[name=eNamn]').val();
                    var pNummer = $('input[name=pNummer]').val();
                    var ort = $('input[name=ort]').val();
                    var email = $('input[name=email]').val();
                    var motivering = $('textarea.motivering').val();

                    var dataString = 'fNamn=' + fNamn + '&adress=' + adress + '&telNummer=' + telNummer + '&eNamn=' + eNamn + '&pNummer=' + pNummer + '&ort=' + ort + '&email=' + email + '&motivering=' + motivering;

                    $.ajax({
                        type: "POST",
                        url: "ajax_Call.aspx",
                        data: dataString,
                        beforeSend: function() {
                            $('div.ajaxLoader').center();
                            $('div.ajaxLoader').show();
                        },
                        error: function(msg) {
                            //alert("Errormsg: " + msg);
                            $('div.ajaxLoader').hide();
                        },
                        success: function(msg) {
                            $('div.ajaxLoader').hide();
                            $('div.register-form').hide();
                            $('div.tack-popup').center();
                            $('div.tack-popup').children('h2').html(msg);
                            $('div.tack-popup').fadeIn(200);
                            $('div.tack-popup').children('.close-btn').click(function() {
                                $('div.tack-popup').fadeOut(200);
                                $('div.black-overlay').hide();
                            });
                        }
                    });
                    return false;
                }
            });
}

//function openFormScript(){
//        $('div.black-overlay').show();
//        $('div.register-form').center();
//        $('div.register-form').fadeIn(300);
//}