var welkomPos = -3316;
var dienstenPos = -960;
var productenPos = -5672;
var partnersPos = -2138;
var remotePos = -4494;
var contactPos = -6850;
var vakkPos = 218;

var orgWelkomPos = -3316;
var orgDienstenPos = -960;
var orgProductenPos = -5672;
var orgPartnersPos = -2138;
var orgRemotePos = -4494;
var orgContactPos = -6850;
var orgVakkPos = 218;

var orgMenu = 155;
var orgTop = 215;
var showLogo = true;


$(document).ready( function(){

        /* menu slide effect */

        var ontHoudPos;

        welkomPos = -3316;
        dienstenPos = -960;
        productenPos = -5672;
        partnersPos = -2138;
        remotePos = -4494;
        contactPos = -6850;
        vakkPos = 218;

        $('#menu').lavaLamp({fx: 'swing', speed: 150, autoReturn: true, click: function(event, menuItem) {

             ontHoudPos = $('li.backLava').attr("style");

             if( $(menuItem).find('a').attr("href") == "welkom" && $('#slideContainer').position().top != welkomPos){
               $('div#hoofdMenu').hide();
               $('div#logo').hide();
               $('#slideContainer').animate({ top: welkomPos }, 1000, "swing", function(){
                        $('li.backLava').attr("style", ontHoudPos);
                        fadeInElements();
                        } );
              }
              if( $(menuItem).find('a').attr("href") == "diensten" && $('#slideContainer').position().top != dienstenPos){
                  $('div#hoofdMenu').hide();
                  $('div#logo').hide();
                  $('#slideContainer').animate({ top: dienstenPos }, 1000, "swing", function(){
                          $('li.backLava').attr("style", ontHoudPos);
                          fadeInElements();
                        } );
              }
              if( $(menuItem).find('a').attr("href") == "producten" && $('#slideContainer').position().top != productenPos){
                  $('div#hoofdMenu').hide();
                  $('div#logo').hide();
                  $('#slideContainer').animate({ top: productenPos }, 1000, "swing", function(){
                        $('li.backLava').attr("style", ontHoudPos);
                        fadeInElements();
                        } );
              }
              if( $(menuItem).find('a').attr("href") == "partners" && $('#slideContainer').position().top != partnersPos){
                  $('div#hoofdMenu').hide();
                  $('div#logo').hide();
                  $('#slideContainer').animate({ top: partnersPos }, 1000, "swing", function(){
                        $('li.backLava').attr("style", ontHoudPos);
                        fadeInElements();
                        } );
              }
              if( $(menuItem).find('a').attr("href") == "remotesupport" && $('#slideContainer').position().top != remotePos){
                  $('div#hoofdMenu').hide();
                  $('div#logo').hide();
                  $('#slideContainer').animate({ top: remotePos }, 1000, "swing", function(){
                        $('li.backLava').attr("style", ontHoudPos);
                        fadeInElements();
                        } );
              }
              if( $(menuItem).find('a').attr("href") == "contact" && $('#slideContainer').position().top != contactPos){
                 $('div#hoofdMenu').hide();
                  $('div#logo').hide();
                  $('#slideContainer').animate({ top: contactPos }, 1000, "swing", function(){
                        $('li.backLava').attr("style", ontHoudPos);
                        fadeInElements();
                        } );
              }


            return false;

            }

        });

        function fadeInElements(){
            if( showLogo == true){
                $('div#hoofdMenu').fadeIn();
                setTimeout( function(){ $('div#logo').fadeIn();  } ,400);
            }
            else{
               $('div#hoofdMenu').fadeIn();
            }
        }

        // Alles slides


        // Links naar slides in content

        $('a.naarSlide').click(function(){
             if( $(this).attr("href") == "remotesupport" && $('#slideContainer').position().top != remotePos){
                $('div#hoofdMenu').hide();
                $('div#logo').hide();
                $('#slideContainer').animate({ top: remotePos }, 1000, "swing", function(){
                        fadeInElements();
                        } );
            }
            if( $(this).attr("href") == "vakk" && $('#slideContainer').position().top != vakkPos){
                $('div#hoofdMenu').hide();
                $('div#logo').hide();
                $('#slideContainer').animate({ top:vakkPos }, 1000, "swing", function(){
                        fadeInElements();
                        } );
            }
            if( $(this).attr("href") == "terugpartners" && $('#slideContainer').position().top != partnersPos){
                $('div#hoofdMenu').hide();
                $('div#logo').hide();
                $('#slideContainer').animate({ top: partnersPos }, 1000, "swing", function(){
                        fadeInElements();
                        } );
            }
            return false;
        });

        jQuery(window).bind('resize', function() {
                updatePositions();
        });

        getCurrentSlidePos();
        updatePositions();

        /* slider van eerste slide */

        var oldt = 0;
        $("#sliderWelkom").sudoSlider({
            numeric:false,
            speed: 200,
            startSlide: 2,
            beforeAniFunc: function(t){
                $('span#controls').hide();
                var substract = $('#subWelkom ul').offset();
                var posi = $('#subWelkom ul li').eq(t-1).offset();
                var left =  posi.left - substract.left;
                var top =  posi.top - substract.top;
                var diff = Math.sqrt(Math.abs(oldt-t));
                var speed = parseInt(diff*200);
                $('#subWelkom ul li.currentone').animate({
                    top: top,
                    left: left
                    }, speed);
                oldt = t;
            },
            customLink: '.custom',
            afterAniFunc: function(t){
               $('span#controls').show();
            }
        });

        /* Slider van de diensten in de diensten*/

        var oldd = 0;
        $("#sliderStreaming").sudoSlider({
            numeric:false,
            speed: 200,
            beforeAniFunc: function(t){
                $('span#controls').hide();
                var substract = $('#subStreaming ul').offset();
                var posi = $('#subStreaming ul li').eq(t-1).offset();
                var left =  posi.left - substract.left;
                var top =  posi.top - substract.top;
                var diff = Math.sqrt(Math.abs(oldd-t));
                var speed = parseInt(diff*200);
                $('#subStreaming ul li.currentone').animate({
                    top: top,
                    left: left
                    }, speed);
                oldd = t;
            },
            customLink: '.customS',
            afterAniFunc: function(t){
               $('span#controls').show();
            }
        });

        /* Slider van de online diensten in de diensten*/

        var oldf = 0;
        $("#sliderOnline").sudoSlider({
            numeric:false,
            speed: 200,
            beforeAniFunc: function(t){
                $('span#controls').hide();
                var substract = $('#subOnline ul').offset();
                var posi = $('#subOnline ul li').eq(t-1).offset();
                var left =  posi.left - substract.left;
                var top =  posi.top - substract.top;
                var diff = Math.sqrt(Math.abs(oldf-t));
                var speed = parseInt(diff*200);
                $('#subOnline ul li.currentone').animate({
                    top: top,
                    left: left
                    }, speed);
                oldf = t;
            },
            customLink: '.customO',
            afterAniFunc: function(t){
               $('span#controls').show();
            }
        });

         /* Slider van Hardware in producten*/

        var oldh = 0;
        $("#sliderHardware").sudoSlider({
            numeric:false,
            speed: 200,
            beforeAniFunc: function(t){
                $('span#controls').hide();
                var substract = $('#subHardware ul').offset();
                var posi = $('#subHardware ul li').eq(t-1).offset();
                var left =  posi.left - substract.left;
                var top =  posi.top - substract.top;
                var diff = Math.sqrt(Math.abs(oldh-t));
                var speed = parseInt(diff*200);
                $('#subHardware ul li.currentone').animate({
                    top: top,
                    left: left
                    }, speed);
                oldh = t;
            },
            customLink: '.customH',
            afterAniFunc: function(t){
               $('span#controls').show();
            }
        });

          /* Slider van Besturingssystemen in producten*/

        var oldBB = 0;
        $("#sliderBesturing").sudoSlider({
            numeric:false,
            speed: 200,
            beforeAniFunc: function(t){
                $('span#controls').hide();
                var substract = $('#subBesturing ul').offset();
                var posi = $('#subBesturing ul li').eq(t-1).offset();
                var left =  posi.left - substract.left;
                var top =  posi.top - substract.top;
                var diff = Math.sqrt(Math.abs(oldBB-t));
                var speed = parseInt(diff*200);
                $('#subBesturing ul li.currentone').animate({
                    top: top,
                    left: left
                    }, speed);
                oldBB = t;
            },
            customLink: '.customBB',
            afterAniFunc: function(t){
               $('span#controls').show();
            }
        });

          /* Slider van Software in producten*/

        var oldSS = 0;
        $("#sliderSoftware").sudoSlider({
            numeric:false,
            speed: 200,
            beforeAniFunc: function(t){
                $('span#controls').hide();
                var substract = $('#subSoftware ul').offset();
                var posi = $('#subSoftware ul li').eq(t-1).offset();
                var left =  posi.left - substract.left;
                var top =  posi.top - substract.top;
                var diff = Math.sqrt(Math.abs(oldSS-t));
                var speed = parseInt(diff*200);
                $('#subSoftware ul li.currentone').animate({
                    top: top,
                    left: left
                    }, speed);
                oldSS = t;
            },
            customLink: '.customSS',
            afterAniFunc: function(t){
               $('span#controls').show();
            }
        });


         /* Slider van Partners*/



        /* slider van contact slide */

        var oldd = 0;
        $("#sliderContact").sudoSlider({
            numeric:false,
            speed: 200,
            beforeAniFunc: function(t){
                $('span#controls').hide();
                var substract = $('#subContact ul').offset();
                var posi = $('#subContact ul li').eq(t-1).offset();
                var left =  posi.left - substract.left;
                var top =  posi.top - substract.top;
                var diff = Math.sqrt(Math.abs(oldd-t));
                var speed = parseInt(diff*200);
                $('#subContact ul li.currentone').animate({
                    top: top,
                    left: left
                    }, speed);
                oldd = t;
            },
            customLink: '.customC',
            afterAniFunc: function(t){
               $('span#controls').show();
            }
        });

        /* menu van Partners */

        lastBlock = jQuery("#a1");

        maxHeight = 167;
        minHeight = 40;

         $('ul#dienstenRond li').click(function() {
                    var geklikteLiCar = $(this);
                    var carDraai = "geen";

                    $('ul#dienstenRond li').each(function(i){
                        if( $(this).html() == geklikteLiCar.html()){
                            carDraai = i;
                        }
                    });

             jQuery('div.uitklapWit').hide();
             jQuery(lastBlock).animate({height: minHeight+"px"}, { queue:false, duration:250, easing: "swing" });
      	     jQuery("ul#partnerMenu li").eq(carDraai).find("a").animate({height: maxHeight+"px"}, { queue:false, duration:250, easing: "swing", complete: function(){
      	         var offsetA = jQuery("ul#partnerMenu li").eq(carDraai).position().top + jQuery("ul#partnerMenu li").eq(carDraai).parent('ul').position().top;

                   jQuery('div.uitklapWit').css("top", (offsetA + 19));
                   jQuery('div.uitklapWit').fadeIn();
      	      } });

              $('div#infoDienst>div').hide();
              $('div#infoDienst>div').eq(carDraai).show();

      	     lastBlock = jQuery("ul#partnerMenu li").eq(carDraai).find("a");
          });


        $('ul#dienstenRond').roundabout({
           shape: 'lazySusan'
        });


        jQuery("ul#partnerMenu li a").click(
          function(){
            jQuery('div.uitklapWit').hide();
            jQuery(lastBlock).animate({height: minHeight+"px"}, { queue:false, duration:250, easing: "swing" });
    	    jQuery(this).animate({height: maxHeight+"px"}, { queue:false, duration:250, easing: "swing", complete: function(){
    	        var offsetA = jQuery(this).position().top + jQuery(this).parents('li').position().top + jQuery(this).parents('ul').position().top;
                jQuery('div.uitklapWit').css("top", (offsetA + 19));
                jQuery('div.uitklapWit').fadeIn();
    	     } });

    	    lastBlock = this;

            var geklikteLi = $(this).parent("li");
            var nummerDraai = "geen";

            $('ul#partnerMenu li').each(function(i){
                if( $(this).html() == geklikteLi.html()){
                    nummerDraai = i;
                }
            });

            if( nummerDraai != "geen")
                $('ul#dienstenRond').roundabout_animateToChild(nummerDraai);
          }
        );

        lastProductBlock = jQuery("li#p1");
        maxProductWidth = 798;
        minProductWidth = 41;

        jQuery("ul#productenMenu li a.tab").click(
          function(){
                    jQuery(lastProductBlock).animate({width: minProductWidth+"px"}, { queue:false, duration:250, easing: "swing" });
      	            jQuery(this).parent("li").animate({width: maxProductWidth+"px"}, { queue:false, duration:250, easing: "swing", complete: function(){
      	        } });

      	        lastProductBlock = $(this).parent("li");
          }
        );

        lastProBlock = jQuery("li#pro1");
        maxProWidth = 756;
        minProWidth = 41;

        jQuery("ul#proMenu li a.tab").click(
          function(){
                    jQuery(lastProBlock).animate({width: minProWidth+"px"}, { queue:false, duration:250, easing: "swing" });
      	            jQuery(this).parent("li").animate({width: maxProWidth+"px"}, { queue:false, duration:250, easing: "swing", complete: function(){
      	        } });

      	        lastProBlock = $(this).parent("li");
          }
        );




});

function showPage(pagina){
    $('div#infoDienst>div').hide();
    $('div#infoDienst div#' + pagina).show();
}

function showProduct(pagina){

}

var verschil;
var vorige = 0;
var StartSlidePos;

function updatePositions(){

    if( $(window).height() < 680){
          $('#logo').hide();
          showLogo = false;

          verschil = 680 - $(window).height();

          $('#slideContainer').css('top',  ( StartSlidePos - verschil ) + 'px');

           welkomPos = orgWelkomPos - verschil ;
           dienstenPos = orgDienstenPos - verschil;
           productenPos = orgProductenPos - verschil;
           partnersPos = orgPartnersPos - verschil;
           remotePos = orgRemotePos - verschil;
           contactPos = orgContactPos - verschil;
           vakkPos = orgVakkPos - verschil;

           $('#hoofdMenu').css('top', (orgMenu - verschil) + 'px');
           $('#topcontainer').css('height', (orgTop - verschil) + 'px');
           $('#topcontainer .inner').css('height', (orgTop - verschil) + 'px');


         vorige = verschil;

         $('h2').text();

    }
    else if(vorige != 0){

       $('#logo').show();
       showLogo = true;

       welkomPos = orgWelkomPos;
       dienstenPos = orgDienstenPos;
       productenPos = orgProductenPos;
       partnersPos = orgPartnersPos;
       remotePos = orgRemotePos;
       contactPos = orgContactPos;
       vakk = orgVakkPos;

    }





}

function getCurrentSlidePos(){
     StartSlidePos = $('#slideContainer').position().top;
}


function RequiredNames()
    {

    voornaam = document.form1.voornaam.value;
    achternaam = document.form1.achternaam.value;
    adres = document.form1.adres.value;
    woonplaats = document.form1.woonplaats.value;
    telnummer = document.form1.telnummer.value;
    emailadres = document.form1.emailadres.value;
	opmerking = document.form1.opmerking.value;
    laatste = document.form1.laatste.value;

	if (voornaam == '')
		{
		alert("Je bent vergeten uw voornaam in te vullen.");
		return false;
        }
    if (achternaam == '')
		{
		alert("Je bent vergeten Jew achternaam in te vullen.");
		return false;
    }
    if (adres == '')
		{
		alert("Je bent vergeten uw adres in te vullen.");
		return false;
    }
    if (woonplaats == '')
		{
		alert("Je bent vergeten uw woonplaats in te vullen.");
		return false;
    }
    if (telnummer == '')
		{
		alert("Je bent vergeten uw telefoonnummer in te vullen.");
		return false;
    }
	if (emailadres == '')
		{
		alert("Je bent vergeten uw emailadres in te vullen.");
		return false;
		}
   if (opmerking == '')
		{
		alert("Je bent vergeten uw vraag in te vullen.");
		return false;
		}
   if (laatste != '')
		{
		return false;
		}
   document.forms.form1.submit();
}


function showToolTip(msg,evt, element){
      if (evt) {
          var url = evt.target;
      }
      else {
          evt = window.event;
          var url = evt.srcElement;
      }
      //xPos = $(element).position().left;
      //yPos = $(element).position().top - 69;

      //xPos = evt.clientX + 10;
     // yPos = evt.clientY;


      //if(xPos > 340){
       // xPos -= 343;
     // }

     var toolTip = document.getElementById("toolTip");
     toolTip.innerHTML = "<p>"+msg+"</p>";



     //toolTip.style.top = parseInt(yPos) + "px";
     //toolTip.style.left = parseInt(xPos) + "px";
     toolTip.style.visibility = "visible";

   }

  function hideToolTip(){
     var toolTip = document.getElementById("toolTip");
     toolTip.style.visibility = "hidden";
  }

$(window).unload(function() {
  lastBlock = jQuery("#a1");
  lastProductBlock = jQuery("li#p1");
});