var maxx = 10000;

$(document).ready(function(){
	var ua = navigator.userAgent;
	var isMobile = /iPad/i.test(ua) || /iPhone/i.test(ua);
	if(isMobile) {
		document.getElementById('mobile-hint').style.visibility = 'visible';	
		document.getElementById('mobile-hint').style.display = 'block';	
	}


	$('#slider1')
	.anythingSlider({
		width          : 904,
		height         : 350,
		startStopped   : true,
        hashTags       : true,
		toggleControls : true,
        startPanel     : 1,
        buildArrows    : false,
        buildNavigation: false,
        autoPlay       : false,
		theme          : 'metallic',
		navigationFormatter : function(index, panel){
  		return " Panel #" + index; // This would have each tab with the text 'Panel #X' where X = index
 		}
	});
	
	maxx = document.getElementById('portfolio-end').offsetLeft;

	(function(){
		var i = document.createElement('p');
		i.style.width = '100%';
		i.style.height = '200px';
		
		var o = document.createElement('div');
		o.style.position = 'absolute';
		o.style.top = '0px';
		o.style.left = '0px';
		o.style.visibility = 'hidden';
		o.style.width = '200px';
		o.style.height = '150px';
		o.style.overflow = 'hidden';
		o.appendChild(i);
		
		document.body.appendChild(o);
		var w1 = i.offsetWidth;
		var h1 = i.offsetHeight;
		o.style.overflow = 'scroll';
		var w2 = i.offsetWidth;
		var h2 = i.offsetHeight;
		if (w1 == w2) w2 = o.clientWidth;
		if (h1 == h2) h2 = o.clientWidth;
		
		document.body.removeChild(o);
		
		window.scrollbarWidth = w1-w2;
		window.scrollbarHeight = h1-h2;
	})();
	
	document.getElementById('scroller').style.height = (352 + window.scrollbarHeight) + 'px';
	document.getElementById('scrollcontent').style.width = (maxx + 100) + 'px';

	go();
});

function resetMenus(newIndex) {
	var i = 1;
	for(i = 1; i < 7; i++) {
		var e = document.getElementById('menu' + i);
		e.className = e.className.replace(' menu-item-selected', '');
	}
	document.getElementById('menu' + newIndex).className += ' menu-item-selected';
}

$(function(){
	resetMenus(1);

	// Link naar Nieuws
	$(".nav1").click(function(){
		$('#slider1').anythingSlider(1, function(slider){ /* alert('Now on page ' + slider.currentPage); */ });
		resetMenus(1);
		return false;
	});
	
	// Link naar Communicatie
	$(".nav2").click(function(){
		$('#slider1').anythingSlider(2, function(slider){ /* alert('Now on page ' + slider.currentPage); */ });
		resetMenus(2);
		return false;
	});
	
	// Link naar Ontwerpstudio
	$(".nav3").click(function(){
		$('#slider1').anythingSlider(3, function(slider){ /* alert('Now on page ' + slider.currentPage); */ });
		resetMenus(3);
		return false;
	});
	
	// Link naar Uitgeverij
	$(".nav4").click(function(){
		$('#slider1').anythingSlider(4, function(slider){ /* alert('Now on page ' + slider.currentPage); */ });
		resetMenus(4);
		return false;
	});
	
	// Link naar Webdiensten
	$(".nav5").click(function(){
		$('#slider1').anythingSlider(5, function(slider){ /* alert('Now on page ' + slider.currentPage); */ });
		resetMenus(5);
		return false;
	});
	
	// Link naar Contact
	$(".nav6").click(function(){
		$('#slider1').anythingSlider(6, function(slider){ /* alert('Now on page ' + slider.currentPage); */ });
		resetMenus(6);
		return false;
	});

});