$(document).ready(function(){

	offSetX = 15;
	offSetY = 10;

	$(".tooltip").hover(function(e){
	
		tooltip = '#' + $(this).attr('class').split(' ').slice(-1);
		height = $(window).height();
		width = $(window).width();
		scrTop = $(window).scrollTop();
		scrLeft = $(window).scrollLeft();
		tipWidth = $(tooltip).outerWidth();
		tipHeight = $(tooltip).outerHeight();
		tipLeft = e.pageX + offSetX;
		tipTop = e.pageY + offSetY;

		if ((e.pageX - scrLeft + offSetX + tipWidth) > width) {tipLeft = e.pageX - offSetX - tipWidth;}
		if ((e.pageY - scrTop + offSetY + tipHeight) > height) {tipTop = e.pageY - offSetY - tipHeight;}

		$(tooltip)
			.css("top",tipTop + "px")
			.css("left",tipLeft + "px")
			.show();
	},
	function(){
		$(tooltip).hide();
	});

	$(".tooltip").mousemove(function(e){

		tooltip = '#' + $(this).attr('class').split(' ').slice(-1);
		height = $(window).height();
		width = $(window).width();
		scrTop = $(window).scrollTop();
		scrLeft = $(window).scrollLeft();
		tipWidth = $(tooltip).outerWidth();
		tipHeight = $(tooltip).outerHeight();
		tipLeft = e.pageX + offSetX;
		tipTop = e.pageY + offSetY;

		if ((e.pageX - scrLeft + offSetX + tipWidth) > width) {tipLeft = e.pageX - offSetX - tipWidth;}
		if ((e.pageY - scrTop + offSetY + tipHeight) > height) {tipTop = e.pageY - offSetY - tipHeight;}

		$(tooltip)
			.css("top",tipTop + "px")
			.css("left",tipLeft + "px");
	});
	
	
	



		$('#wolkweerwerk').hide();
		$('#wolk2').hide()
		$('#wolk1').hide();	

		$("#man a").mouseover(function(){
		
			$('#wolkweerwerk').show();
			$('#wolk2').show()
			$('#wolk1').show();			
		});
	
		$("#man a").mouseout(function(){
			$('#wolkweerwerk').hide();
			$('#wolk2').hide()
			$('#wolk1').hide();		
		});






        var img0 = new Image();
        $(img0).load(function () {
            $(this).hide();
            $('#stap0').removeClass('loading').append(this);
            $(this).fadeIn();
        }).error(function () {
        }).attr('src', 'http://scan-werk.nl/assets/templates/scanwerk/images/vb-original.png');

        var img1 = new Image();
        $(img1).load(function () {
            $(this).hide();
            $('#stap1').removeClass('loading').append(this);
            $(this).fadeIn();
        }).error(function () {
        }).attr('src', 'http://scan-werk.nl/assets/templates/scanwerk/images/vb-correctie.png');

        var img2 = new Image();
        $(img2).load(function () {
            $(this).hide();
            $('#stap2').removeClass('loading').append(this);
            $(this).fadeIn();
        }).error(function () {
        }).attr('src', 'http://scan-werk.nl/assets/templates/scanwerk/images/vb-randen.png');

        var img3 = new Image();
        $(img3).load(function () {
            $(this).hide();
            $('#stap3').removeClass('loading').append(this);
            $(this).fadeIn();
        }).error(function () {
        }).attr('src', 'http://scan-werk.nl/assets/templates/scanwerk/images/vb-verbetering.png');

	
	$(".voorbeeld").hide();
	$(".lvb0").addClass("active");
	
	$(".lvb0").click(function(){
		$(".original").show();
		$(".voorbeeld").hide();
		$(this).addClass("active");				
		$(".voorbeeld_link").removeClass("active");		
	});

	$(".lvb1").click(function(){
		$(".original").hide();
		$(".voorbeeld").hide();		
		$(".voorbeeld_link").removeClass("active");
		$(".original_link").removeClass("active");		
		$(this).toggleClass("active");
		$(".vb1").show();
	});

	$(".lvb2").click(function(){
		$(".original").hide();
		$(".voorbeeld").hide();
		$(".voorbeeld_link").removeClass("active");
		$(".original_link").removeClass("active");		
		$(this).toggleClass("active");
		$(".lvb1").addClass("active");
		$(".vb2").show();
	});

	$(".lvb3").click(function(){
		$(".original").hide();
		$(".voorbeeld").hide();
		$(".voorbeeld_link").removeClass("active");
		$(".original_link").removeClass("active");		
		$(this).toggleClass("active");
		$(".lvb1").addClass("active");
		$(".lvb2").addClass("active");
		$(".vb3").show();
	});



	function setVis(){
	
		var val = $("#dia_check").is(":checked"); //dia details velden
		if (val){ 
			$("#dia").show();
			$("#dia_input").show();
		}else{ 
			$("#dia").hide();
			$("#dia_input").hide();
		}
	
		str = $("input[name=dia_type]:checked").val();
		if (str==="1"){ 
			$("#dia_35mm").show();
			$("#dia_speciaal").hide();
		}else if (str==="2"){
			$("#dia_35mm").hide();
			$("#dia_speciaal").show();
		}
	
	
	
		var val = $("#negatief_check").is(":checked"); //negatief details velden
		if (val){ 
			$("#negatief").show();
			$("#negatief_input").show();
		}else{ 
			$("#negatief").hide();
			$("#negatief_input").hide();
		}
	
		str = $("input[name=negatief_type]:checked").val();
		if (str==="1"){ 
			$("#negatief_35mm").show();
			$("#negatief_speciaal").hide();
		}else if (str==="2"){
			$("#negatief_35mm").hide();
			$("#negatief_speciaal").show();
		}
		
	}
	
	
	setVis();
	$("#dia_check").click(setVis);
	$("#negatief_check").click(setVis);
	$(".dia_type").change(setVis);
	$(".negatief_type").change(setVis);
	

});





/* ================================================================ 
FORM VALIDATING
=================================================================== */

$().ready(function() {
	
	var container = $('div.error-container');
	// validate the form when it is submitted
	var validator = $("#adresForm").validate({
		errorContainer: container,
		errorLabelContainer: $("ol", container),
		wrapper: 'li',
		meta: "validate"
	});

});


/* ================================================================ 
Kaart
=================================================================== */
      google.load("maps");

    var map;
    var myPano;   

    function initialize() {
      var kaart = new GLatLng(51.484534,3.628559);
      var kaartPOV = {yaw:125,pitch:-5};
            
      map = new GMap2(document.getElementById("map"));
      map.setCenter(kaart, 15);
	var marker = new GMarker(map.getCenter());
        GEvent.addListener(marker, "click", function () {
	      marker.openInfoWindowHtml("Scan Werk<br />onderdeel van Weer Werk<br />tel nr.: 06-12345678");
        });	
	map.addOverlay(marker);
	      
      myPano = new GStreetviewPanorama(document.getElementById("streetview"));
      myPano.setLocationAndPOV(kaart, kaartPOV);

      GEvent.addListener(myPano, "error", handleNoFlash);  
    }
   
    function handleNoFlash(errorCode) {
      if (errorCode == 603) {
        alert("Error: Uw browser ondersteund geen flash");
        return;
      }
    }

      google.setOnLoadCallback(initialize);