$(document).ready(function() {
    
    $('.noscriptmsg').hide();
    
    var slide = $('.slide ');
    var transitionSpeed = 7000;
    var fadeSpeed = 3000;

    setInterval(changeSlide, transitionSpeed);

    slide.last().addClass('last');
    slide = slide.first().show();

    function changeSlide() {
        //hide image
        slide.fadeOut(fadeSpeed);
        if (slide.hasClass('last')) {
            slide = $('.slide ').first().fadeIn(fadeSpeed);
        }
        else {
            slide = slide.next().fadeIn(fadeSpeed);
        }
    }

    //Request Quote form
    if ($('#requestQuote').is(':visible')) {
        function addOptions(num, el) {
            for (i = 0; i < num; i++) {
                el.append('<option value="' + i + '">' + i + '</option>');
            }
        }

        addOptions(25, $('select[name="hours"]')); // 24 hours
        addOptions(8, $('select[name="days"]')); // 7 days
        addOptions(53, $('select[name="weeks"]')); // 52 weeks

        $("#requestQuote").validate({
            rules: {
                name: { required: true },
                email: { required: true, email: true },
                website: {url: true},
                txb1: {digits: true, min: 1},
                txb2: {digits: true, min: 1},
				txb3: {digits: true, min: 1},
                rb1: { required: true }
				
            },
            messages: {
                name: "Please enter your name",
                email: {
                    required: "Please enter your email",
                    email: "Please enter a valid email"
                },
                website: "Please enter a valid website address",
                txb1: {
					digits: "Only numbers are allowed",
					min: "Minimum number is 1"
				},
                txb2: {
					digits: "Only numbers are allowed",
					min: "Minimum number is 1"
				},
				txb3: {
					digits: "Only numbers are allowed",
					min: "Minimum number is 1"
				},
                rb1: "Please select something"
            },
            submitHandler: function() {

                var name = $("#name").val();
                var role = $("#role").val();
                var organisation = $('#organisation').val();
                var website = $('#website').val();
                var email = $('#email').val();
                var sl1 = $('#sl1').val();
                var txb1 = $('#txb1').val();
                var txb2 = $('#txb2').val();
                var txb3 = $('#txb3').val();
				var msl = []; 
				$('#msl :selected').each(function(i, selected){ 
				  msl[i] = $(selected).text(); 
				});
                var mslTxt = $('#mslTxt').val();
                
                var txb4 = $('#txb4').val();
                var txb5 = $('#txb5').val();
                var rb1 = $('input:radio[name=rb1]:checked').val();
                //var rb1 = $('.rb1').val();
                var txb6 = $('#txb6').val();
                var hours = $('#hours').val();
                var days = $('#days').val();
                var weeks = $('#weeks').val();
                var sl2 = $('#sl2').val();
                var sl3 = $('#sl3').val();
                var rb3 = $('input:radio[name=rb3]:checked').val();
                var LangValue = 'en';

				//alert(msl);
				
                var dataString = 'name=' + name + '&role=' + role + '&organisation=' + organisation + '&website=' + website
                    + '&role=' + role + '&email=' + email + '&sl1=' + sl1 + '&txb1=' + txb1 + '&txb2=' + txb2
                    + '&txb3=' + txb3 + '&msl=' + msl + '&mslTxt=' + mslTxt+ '&txb4=' + txb4 + '&txb5=' + txb5 + '&rb1=' + rb1
                    + '&txb6=' + txb6 + '&hours=' + hours + '&days=' + days + '&weeks=' + weeks
                    + '&sl2=' + sl2 + '&sl3=' + sl3 + '&rb3=' + rb3 + '&LangValue=' + LangValue;

                $.ajax({
                    type: "POST",
                    url: "../process.php",
                    data: dataString,
                    success: function(result) {
                        if(result == 'Error'){
                            $('#requestQuote').html("<div id='message'></div>");
                            $('#message').html("")
                                .append("<p>Error. Please try again.</p>")
                                .hide()
                                .fadeIn(1500, function() {
                                    $('#message').append();
                                });
                        }
                        else{
                        $('#requestQuote').html("<div id='message'></div>");
                        $('#message').html("")
                            .append("<p>Thank you for confiding in us. Your data will be treated with discretion. We will contact you within 24 hours with a quote specific to your project requirements.</p>")
                            .hide()
                            .fadeIn(1500, function() {
                                $('#message').append();
                            });
                        }
                   

                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                            alert(errorThrown);
                    }
                });
                return false;
            }

        });
    }
});