if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
var viewportmeta = document.querySelectorAll('meta[name="viewport"]')[0];
if (viewportmeta) {
viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0';
document.body.addEventListener('gesturestart', function() {
viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6';
}, false);
}
}


function headerSlider()
{
   var active = $('.container-slider ul li.active');
   if ( active.length == 0 )
     active = $('.container-slider ul li:first');
   
   var next =  active.next().length  ?  active.next()  :  $('.container-slider ul li:first');
   
   //not so cool browsers
   if($('.oldie').length > 0)
   {
   	active.addClass('last-active');
	   next.hide()
	      .addClass('active')
	      .show(0, function() {
	         active.removeClass('active last-active');
	         setTimeout('headerSlider()',6000);
	      });
	      active.hide(0, function(){
	      	
	      });
   }
   else
   // cool browsers
   {     
	   active.addClass('last-active');
	   next.css({opacity: 0.0})
	      .addClass('active')
	      .animate({opacity: 1.0}, 2000, function() {
	         active.removeClass('active last-active');
	         setTimeout('headerSlider()',4000);
	      });
	      active.animate({opacity: 0}, 2000, function(){
	      	$(this).css({opacity: 1.0});
	      });
   }
   
}

initSlider = true;
function handleSlider()
{
	if(initSlider)
	{	
		//loop trough json object
		
		$.each(images,function(index, value){
			$('.'+index).html(value);
		});
		
		setTimeout('headerSlider()', 5000 );
		initSlider = false;
	}
}


// Run the slider on home
var menuContainer;
var menuInterval = 8000;

function menuSlideSwitchAni(direction)
{
	if (direction == 1)
	{
		var current = $('.bottom-slider ul li:nth-child(1)');
		if (menuContainer){
			menuContainer.animate({'margin-left' : -265}, function(){
				current.hide();
				menuContainer.animate({'margin-left' : 0}, 0);
				current.appendTo('.bottom-slider ul');
				current.show();
			});
		}
	}
	else
	{
		var last = $('.bottom-slider ul li:last-child');
		if (menuContainer){
			last.hide();
			last.prependTo('.bottom-slider ul');
			last.show();
			menuContainer.animate({'margin-left' : -265}, 0);
			menuContainer.animate({'margin-left' : 0});
		}
	}
	
	
	timeOutMenu = setTimeout(function(){
		menuSlideSwitchAni(1);
	}, menuInterval );
}


var imageTargetContainer = $('.container-image-target');
var imageTarget = $('.image-target-element');
var prefElement = null;
var currentImage = 0;

function selectImage(element, id)
{
	imageTargetContainer = $('.container-image-target');
	imageTarget = $('.image-target-element');
   // pref fix
   if (prefElement != null)
   {
      prefElement.removeClass('active');
   }
   
   // current fix
   element.addClass('active');
   prefElement = element;
   // change image
   imageTarget.attr('src', data[id].image);
   currentImage = id;
   
   // Slide the imageList
   if (data.length > 5)
   {
      slideWidth = 95;
      marginLeft = 0;
      //Can we make room from the left side?
      if (id > 2)
      {
         //Do we have to worry about right side?
         console.log(id == data.length-1);
         if(id == data.length-1)
         {
         	marginLeft = (3 - id) * slideWidth + 70;
         }
         else if (data.length - id < 4)
            marginLeft = (5 - data.length) * slideWidth;
         else
            marginLeft = (2 - id) * slideWidth;
      }
      $('.image-strip').animate({'margin-left':marginLeft + "px"}, 200);
   }
   
}

function handleMenuSlider(){
	menuContainer = $('.bottom-slider ul');
	timeOutMenu = setTimeout(function(){
		menuSlideSwitchAni(1);
	}, menuInterval );
	
	
	$('.btn-next').click(function(){
		clearTimeout(timeOutMenu);
		menuSlideSwitchAni(1);
		return false;
	});
	
	$('.btn-prev').click(function(){
		clearTimeout(timeOutMenu);
		menuSlideSwitchAni(2);
		return false;
	});
	
	$('.bottom-slider li').click(function(){
		console.log($(this).find('.read-more').attr('href'));
		window.location = $(this).find('.read-more').attr('href');
	});
	
}


//disable right click
am = "Het is niet toegestaan foto's van deze website te \nkopieren zonder toestemming van Tandheelkundig centrum Moergestel. \n\nNeem contact met ons op indien u onze foto's \nwilt gebruiken.";


bV  = parseInt(navigator.appVersion)
bNS = navigator.appName=="Netscape"
bIE = navigator.appName=="Microsoft Internet Explorer"

function nrc(e) {
   if (bNS && e.which > 1){
      alert(am)
      return false
   } else if (bIE && (event.button >1)) {
     alert(am)
     return false;
   }
}

document.onmousedown = nrc;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
if (bNS && bV<5) window.onmousedown = nrc;
