﻿// JavaScript Document

$(document).ready(function() {    
    contentNav();
    dropdown();
    checkboxes();
    slider();
    
    //validateForm();
    
    /*$('input[type="text"]').focus(cleanTextArea);
    $('input[type="text"]').blur(cleanTextArea);
    $('textarea').focus(cleanTextArea);
    $('textarea').blur(cleanTextArea);*/

    
});

function contentNav() {

    $('ul#productNav li#contactUs').click(function() {
        $('ul#productNav li').removeClass("selected");
        $(this).addClass("tab1-selected");
        $('#contentDivs .contentDiv').hide();
        $('#productNavTabContent0').fadeIn(180);
    });
    $('ul#productNav li#contactInfo').click(function() {
        $('ul#productNav li').removeClass("selected");
        $('ul#productNav li#contactUs').removeClass("tab1-selected");
        $(this).addClass("selected");
        $('ul#productNav li#contactUs').addClass("tab1");
        $('#contentDivs .contentDiv').hide();
        $('#productNavTabContent1').fadeIn(180);

    });
}

function validateForm() {
    $("form#contact-form-data").validate({
        rules: {
            name: {
                required: true,
                minLength: 5
            },
            email: {
                required: true,
                email: true
            },
            phone: {
                required: true,
                minLength: 5,
                digits:true
            }
        },
        messages: {
            name: "Please enter your name",
            email: "Please enter a valid email address",
            phone: "Please enter your phonenumber"
        },
        errorElement: "span",
        errorContainer: $(".error-msg"),
        errorPlacement: function(error, element) {
            element.parent().append('<div class="error-msg"><img src="/Files/System/img/contact/error-icon.png" /></div>');
            error.appendTo(element.siblings());
        },
        submitHandler: function() {
            alert("submitted!");
        },
        success: function(label) {
            $('.error-msg').addClass("success");
            $('.error-msg img').remove();
            label.text("ok!");
        }
    }); 
}

function slider() {
    var version_slider = $('#version_slider2 .slider');

    version_slider.slider({
        value:1,
        min: 0,
        max: 1,
        step: 1,
        slide: function(event, ui){
            changeVersionLinkColor(ui.value);
    },
         stop: function(event, ui) {
            gamingLicense(ui.value);
         }}).width(50);
     }

function changeVersionLinkColor(cat){
    var version_menu = $('ul#version_menu li');
    version_menu.removeClass('activeLink');
    version_menu.eq(cat).addClass('activeLink');
}

function gamingLicense(choice) {
    //alert(choice);
}

function highlight() {
    $(".contactus_form .textbox").focus(function() {
      $(this).effect("highlight", {}, 200);
    });
}

function dropdown() {
    if ($("select").html() != null) {
        $("select").msDropDown({ visibleRows: 15});
    }
}

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 checkboxes() {

    $('.checkbox').toggle(
    function() {
        $(this).css('background-position', '0 -60px');
        $(this).siblings('span').css('color', '#6BBF53');
        $(this).siblings('span').addClass('checked');
    },
    function() {
        $(this).css('background-position', '0 0');
        $(this).siblings('span').css('color', '#7b7b7b');
        $(this).siblings('span').removeClass('checked');
    }
    );
}

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;
}

function sendContactEmail() {
    
    var name = $('input#name').val();
    var company = $('input#company').val();
    var companyUrl = $('input#companyUrl').val();
    var country = $('span#country_titletext').html();
    var email = $('input#email').val();
    var phone = $('input#phone').val();

    var checkArr = [];
    $('span.checked').each(function() {
        var obj = $(this).text();
        checkArr.push(obj);
    });

    var gamingLicense = $('ul.slider_menu li.activeLink').text();
    var companyDesc = $('textarea.textarea').val();

    var dataString = 'name=' + name + '&company=' + company + '&companyUrl=' + companyUrl + '&country=' + country +
    '&email=' + email + '&phone=' + phone + '&products=' + checkArr + '&gamingLicense=' + gamingLicense + '&companyDesc=' + companyDesc;

    $('.ajaxLoader').center();
    $('.ajaxLoader').show();
    $.ajax({
        type: "POST",
        url: "/Admin/Public/contactMailer.aspx",
        data: dataString,
        error: function(msg) {
            alert('Errormesseage: '+ msg);
        },
        success: function() {
            $(".ajaxLoader").hide();
            emailConfirm();
        }
    });    
}

function emailConfirm() {
    
    var id = $('#sign-up-popup');
    $(id).center();
    $(id).fadeIn(100);
        
    //Stäng-knapp
    $('#calendar_signup .close').click(function() {
        $('#sign-up-popup').fadeOut(100);
    });
}