jQuery.noConflict();

jQuery(document).ready(function()
{
  	var currentPosition = 0;
  	var slideWidth = 723;
  	var slides = jQuery('.slide');
	var numberOfSlides = slides.length;
	var timer = 10000; // 4 seconds
	var position=0;
	
  // Remove scrollbar in JS
  jQuery('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  jQuery('#slideInner').css('width', slideWidth * numberOfSlides);

	// Insert controls in the DOM
	jQuery('#slideshow')
	.prepend('<span class="control" id="leftControl"></span>')
	.append('<span class="control" id="rightControl"></span>');

	// Hide left arrow control on first load
  	manageControls(currentPosition);

  	// Create event listeners for .controls clicks
  	jQuery('.control').bind('click', function(){
	    // Determine new position
		currentPosition = (jQuery(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
	    
	    // Hide / show controls
	    manageControls(currentPosition);
	    // Move slideInner using margin-left
	    jQuery('#slideInner').animate({
	      'marginLeft' : slideWidth*(-currentPosition)
	    });
	});
	
	//stel de juiste tekst bij de slide in:
    jQuery('#slide_text').fadeOut('slow', function()
    {
		jQuery('#slide_text').html(jQuery('#slide_text_0').html());
  	});
    jQuery('#slide_text').fadeIn('slow');
	
	
	jQuery(".uncontrolled-interval p").everyTime(timer, 'slideshow', function(i) 
		{
			if(position > (numberOfSlides-2))
		    {
		    	position = 0;
		    }
		    else 
		    {
		    	position++;
		    }
		    
		    //alle bullits grijs maken:
		    var i=0;
			while(numberOfSlides > i)
			{
				jQuery('#slide_bullit_'+i).removeClass('active');
				i++;
			}
			
			//stel de juiste tekst bij de slide in:
		    jQuery('#slide_text').fadeOut('slow', function()
		    {
				jQuery('#slide_text').html(jQuery('#slide_text_'+position).html());
		  	});
		    jQuery('#slide_text').fadeIn('slow');

		    //actieve bullit instellen
		    jQuery('#slide_bullit_'+position).addClass('active');
		    
		    // Hide / show controls
		    manageControls(position);
		    // Move slideInner using margin-left
		    jQuery('#slideInner').animate(
		    {
		      'marginLeft' : slideWidth*(-position)
		    });
		});
	
	jQuery('#slide_bullit').css('width', (17*numberOfSlides));
	  
	jQuery('.stop').click(
	function()
	{
		jQuery(".uncontrolled-interval p").stopTime("slideshow");
	});

	jQuery('.start').click(
	function() 
	{
		jQuery(".uncontrolled-interval p").everyTime(timer, 'slideshow', function(i) 
		{
			if(position > (numberOfSlides-2))
		    {
		    	position = 0;
		    }
		    else 
		    {
		    	position++;
		    }
		    
		    //alle bullits grijs maken:
		    var i=0;
			while(numberOfSlides > i)
			{
				jQuery('#slide_bullit_'+i).removeClass('active');
				i++;
			}

		    //actieve bullit instellen
		    jQuery('#slide_bullit_'+position).addClass('active');

		    //stel de juiste tekst bij de slide in:
		    jQuery('#slide_text').fadeOut('slow', function()
		    {
				jQuery('#slide_text').html(jQuery('#slide_text_'+position).html());
		  	});
		    jQuery('#slide_text').fadeIn('slow');
		   
		    // Hide / show controls
		    manageControls(position);
		    
		    // Move slideInner using margin-left
		    jQuery('#slideInner').animate(
		    {
		      'marginLeft' : slideWidth*(-position)
		    });
		    
		    jQuery('#slideTextInner').animate(
		    {
		      'marginLeft' : slideWidth*(-position)
		    });
		});
	});

	//bolletjes onder afbeelding:
	var i=0;
	while(numberOfSlides > i)
	{
		jQuery('#slide_bullit').append('<li class="bullit" id="slide_bullit_'+i+'" onClick="manageControl('+i+', '+numberOfSlides+', '+slideWidth+');"></li>');
		i++;
	}

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
	if(position==0){ jQuery('#leftControl').hide() } else{ jQuery('#leftControl').show() }
	// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ jQuery('#rightControl').hide() } else{ jQuery('#rightControl').show() }
  }	
  
  jQuery('#slide_text_2').addClass('active');
  
});

function manageControl(position, numberOfSlides, slideWidth)
{
    jQuery(".uncontrolled-interval p").stopTime("slideshow");
    
    // Hide left arrow if position is first slide
	if(position==0){ jQuery('#leftControl').hide() } else{ jQuery('#leftControl').show() }
	
	// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ jQuery('#rightControl').hide() } else{ jQuery('#rightControl').show() }
    
    jQuery('#slideInner').animate({
		'marginLeft' : slideWidth*(-position)
	});
	    
	var i=0;
	while(numberOfSlides > i)
	{
		jQuery('#slide_bullit_'+i).removeClass('active');
		
		
		i++;
	}

    //actieve bullit instellen
    jQuery('#slide_bullit_'+position).addClass('active');
    
    //stel de juiste tekst bij de slide in:
    jQuery('#slide_text').fadeOut('slow', function()
    {
		jQuery('#slide_text').html(jQuery('#slide_text_'+position).html());
  	});
    jQuery('#slide_text').fadeIn('slow');
    
    
    jQuery('#sidebarStore a').click(function() { 
    	alert("geklikt");  
        jQuery(this).hide();
    });

    
}

function initialize() {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(51.769752, 4.067087), 13);
map.enableRotation();
map.setMapType(G_NORMAL_MAP);
map.setUIToDefault();
}