// Smooth Scroll //

$(document).ready(function(){


$(function(){

    $('a[href*=#]').click(function() {
    
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
        && location.hostname == this.hostname) {
        
            var $target = $(this.hash);
            
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
            
            if ($target.length) {
            
                var targetOffset = $target.offset().top;
                
                $('html,body').animate({scrollTop: targetOffset}, 1000);
                    
                return false;
                
            }
            
        }
        
    });
    
});

///////////////////

// Voorbeelden Slider //

	$("#slide-right").click(function(){
		 
		var marginleft = $("#voorbeelden").css("marginLeft")
				
		if (marginleft == "auto" || marginleft == "0px" || marginleft == "-946px" || marginleft == "-1892px" || marginleft == "-2838px")
		{
			$('#voorbeelden').animate({
   				'marginLeft' : "-=946px"
			});

		}


				
		if (marginleft == "-2838px" || marginleft == "-3784px")
		{
			$("#nav-right").removeClass("active")			
			$("#nav-right").addClass("inactive")			
		}
		
		if (marginleft == "auto" || marginleft == "0px" || marginleft == "-946px" || marginleft == "-1892px" || marginleft == "-2838px" || marginleft == "-3784px")
		{
			$("#nav-left").removeClass("inactive")
			$("#nav-left").addClass("active")			
		}
		
		
	})
	
	$("#slide-left").click(function(){
		
		var marginleft = $("#voorbeelden").css("marginLeft")
		
		if (marginleft == "-946px" || marginleft == "-1892px" || marginleft == "-2838px" || marginleft == "-3784px")
		{
			$('#voorbeelden').animate({
   				'marginLeft' : "+=946px"
			});
			$("#nav-left").removeClass("inactive")
			$("#nav-left").addClass("active")			
		}
		
		
		if (marginleft == "-946px" || marginleft == "0px")
		{
			$("#nav-left").addClass("inactive")
			$("#nav-left").removeClass("active")
		}
		
		if (marginleft != "-1892px" || marginleft != "-2838px" || marginleft != "-3784px")
		{
			$("#nav-right").removeClass("inactive")			
			$("#nav-right").addClass("active")
		}

	})
///////////////////////	
	
	
// Contact Slider //

		$("#slide-right-2").click(function(){
		 
		var marginleft = $("#contact").css("marginLeft")
				
		if (marginleft == "auto" || marginleft == "0px" )
		{
			$('#contact').animate({
   				'marginLeft' : "-=946px"
			});

		}


				
		if (marginleft == "auto" || marginleft == "0px")
		{
			$("#nav-right-2").removeClass("active")			
			$("#nav-right-2").addClass("inactive")			
		}
		
		if (marginleft == "auto" || marginleft == "0px" || marginleft == "-946px")
		{
			$("#nav-left-2").removeClass("inactive")
			$("#nav-left-2").addClass("active")			
		}
		
		
	})
	
	$("#slide-left-2").click(function(){
		
		var marginleft = $("#contact").css("marginLeft")
		
		if (marginleft == "-946px")
		{
			$('#contact').animate({
   				'marginLeft' : "+=946px"
			});
			$("#nav-left-2").removeClass("inactive")
			$("#nav-left-2").addClass("active")			
		}
		
		
		if (marginleft != "auto" || marginleft == "0px")
		{
			$("#nav-left-2").addClass("inactive")
			$("#nav-left-2").removeClass("active")
		}
		
		if (marginleft != "auto" || marginleft != "0px")
		{
			$("#nav-right-2").removeClass("inactive")			
			$("#nav-right-2").addClass("active")
		}

	})

////////////////////	



// Form Validation //

        $("#naam").validate({
            expression: "if (VAL.length > 1 && VAL) return true; else return false;",
            message: "Vul a.u.b. uw naam in"
        });
        
        $("#e-mail").validate({
            expression: "if (VAL.match(/^[^\\W][a-zA-Z0-9\\_\\-\\.]+([a-zA-Z0-9\\_\\-\\.]+)*\\@[a-zA-Z0-9_]+(\\.[a-zA-Z0-9_]+)*\\.[a-zA-Z]{2,4}$/)) return true; else return false;",
            message: "Vul a.u.b. een geldig e-mailadres in"
        });
              
        $("#bericht").validate({
            expression: "if (VAL.length > 4 && VAL) return true; else return false;",
            message: "Vul a.u.b. een bericht in"
        });



		$('#naam' && '#e-mail').focus(function() {
		    if ($('#naam' && '#e-mail').val().length > 0) {
		       $('.submit').attr("disabled", "");
		       $('.submit').attr("src", "../img/btn-bericht-verzenden.gif");
		       $('.submit').css("cursor", "pointer"); 		       			       
		    } else {
		       $('.submit').attr("disabled", "disabled");
		       $('.submit').attr("src", "../img/btn-bericht-verzenden-gray.gif");
		       $('.submit').css("cursor", "default");  		       		       
		    }
		});
		
		$('#naam' && '#e-mail').blur(function() {
		    if ($('#naam' && '#e-mail').val().length > 0) {
		       $('.submit').attr("disabled", "");
		       $('.submit').attr("src", "../img/btn-bericht-verzenden.gif");	
		       $('.submit').css("cursor", "pointer"); 		       			            	       
   		    } else {
		       $('.submit').attr("disabled", "disabled");
		       $('.submit').attr("src", "../img/btn-bericht-verzenden-gray.gif");
		       $('.submit').css("cursor", "default");     
  		    }
		});



////////////////////






	
// Google Maps API //

//<![CDATA[

function load() {
	if (GBrowserIsCompatible()) {
	    var map = new GMap2(document.getElementById("map"));
	    var point = new GLatLng(51.90320, 4.45861);
	    var mapTypeControl = new GSmallZoomControl();
		var topRight = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10,10))
		map.addControl(mapTypeControl, topRight);

        map.setCenter(point, 14);
        var marker = new GMarker(point);
        map.addOverlay(marker); 	
        
        GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml("<strong>VI Company</strong> <br />Schiehavenkade 210-212 <br />3024 EZ Rotterdam <br />010 7144457");
        });
        
    }
}

//]]>

////////////////////


})