$(document).ready(function(){
    //fadein of selected submenu title
    $(".subimage").fadeIn(2000);
    
    //fadein of submenu images and text-images
    $(".submenu1").fadeIn(1000);
    $(".submenu2").delay(250).fadeIn(1000);
    $(".submenu3").delay(250).fadeIn(1000);
    $(".submenu4").delay(500).fadeIn(1000);
    $(".submenu5").delay(500).fadeIn(1000);
    $(".submenu6").delay(750).fadeIn(1000);
    $(".submenu7").delay(750).fadeIn(1000);
    $(".submenu8").delay(1000).fadeIn(1000);
    $(".submenu9").delay(1000).fadeIn(1000);
    $(".submenu10").delay(1250).fadeIn(1000);
    $(".submenu11").delay(1250).fadeIn(1000);
    $(".submenu12").delay(1500).fadeIn(1000);
    $(".submenu13").delay(1500).fadeIn(1000);
    $(".submenu14").delay(1750).fadeIn(1000);
    $(".submenu15").delay(1750).fadeIn(1000);
    $(".submenu16").delay(2000).fadeIn(1000);
    $(".submenu17").delay(2000).fadeIn(1000);
    $(".submenu18").delay(2250).fadeIn(1000);
    $(".submenu19").delay(2250).fadeIn(1000);
    $(".submenu20").delay(2500).fadeIn(1000);

    $("#earlierworkdiv").mouseover(function() {
        $("#earlierworkmenu").fadeIn(500);
    })

    $("#earlierworkdiv").mouseleave(function() {
        $("#earlierworkmenu").fadeOut(200);
    })
    
//    $(".menuimage img").hover(
//        function(){
//            this.src = this.src.replace("_off","_on");
//        },
//        function(){
//            this.src = this.src.replace("_on","_off");
//        }
//    );
        //contactpage
        
          $('.contact-input').css({backgroundColor:"#FFFFFF"});
          $('.contact-input').focus(function(){
            $(this).css({backgroundColor:"#9999FF"});
          });
          $('.contact-input').blur(function(){
            $(this).css({backgroundColor:"#FFFFFF"});
          });

          $(".contactsend").click(function() {
            var name = $("input#contactname").val();
            if (name == "") {
              $("input#contactname").focus();
              $("input#contactname").css({backgroundColor:"#FF9999"});
              return false;
            }
            var city = $("input#contactcity").val();
            var mail = $("input#contactmail").val();
            AtPos = mail.indexOf("@")
			StopPos = mail.lastIndexOf(".")
			if (mail == "" || AtPos == -1 || StopPos == -1) {
              $("input#contactmail").focus();
              $("input#contactmail").css({backgroundColor:"#FF9999"});
              return false;
            }
            var phone = $("input#contactphone").val();
            var text = $("textarea#contacttext").val();
            if (text == "") {
              $("textarea#contacttext").focus();
              $("textarea#contacttext").css({backgroundColor:"#FF9999"});
              return false;
            }

            var dataString = 'name=' + ConvChar(name) + '&city=' + ConvChar(city) + '&mail=' + ConvChar(mail) + '&phone=' + ConvChar(phone) + '&text=' + ConvChar(text);
            $.ajax({
              type: "POST",
              url: "mailsend.php",
              data: dataString,
              success: function() {
                $('#contact').html("<div id='message'></div>");
                $('#message').html("<h2>Uw bericht is verstuurd.</h2>")
                .append("<p>Bedankt voor uw reactie</p>")
                .hide()
                .fadeIn(1500, function() {});
              }
             });
            return false;
          });
        
});

function ConvChar( str ) {
  str = str.replace(/&/g, " ");
  str = str.replace(/>/g, " ");
  str = str.replace(/</g, " ");
  str = str.replace(/"/g, " ");
  str = str.replace(/'/g, " ");
  return str;
}