Event.observe(window,'dom:loaded', function() {
	
	var navList = $$('.nav_item');
	var index = 1;
	
	// Check the client-side database
	if ( typeof(sessionStorage) != 'undefined' && AC.Detector.isWebKit() ) {
		
		var visitediPadFeaturePage = sessionStorage.AD_visited_ipad_feature_page ? sessionStorage.AD_visited_ipad_feature_page : false;
		var animateNav = true;
		
		if (visitediPadFeaturePage) {
			animateNav = false;
		} else {
			visitediPadFeaturePage = true;
			sessionStorage.setItem('AD_visited_ipad_feature_page',visitediPadFeaturePage);
		}
		
		if (animateNav) {
			// nav slide in
			window.setTimeout(function() {
				navList.each(function(el) {
					var delayTime = (index*1.3) / 30; // for slidein
					el.setStyle('-webkit-transition-delay:'+delayTime+'s');
					el.setStyle('-webkit-animation-delay:'+delayTime+'s');
					el.addClassName('slidein');
					index++;
				})
			},500)
		} else {
			navList.each(function(el) {
				el.addClassName('fadein');
			})
		}
	} else if ( AC.Detector.isWebKit() ) {
		window.setTimeout(function() {
			navList.each(function(el) {
				var delayTime = (index*1.3) / 30; // for slidein
				el.setStyle('-webkit-transition-delay:'+delayTime+'s');
				el.setStyle('-webkit-animation-delay:'+delayTime+'s');
				el.addClassName('slidein');
				index++;
			})
		},500)
	}
	
	//tracking the rotate button
	if(typeof(tracker)!='undefined'){
		if (!tracker) {
			tracker = new AC.ViewMaster.Tracker('click');
		}
		
		tracker.setDelegate({
			trackingNameForSection: function(tracker, name, section) {
				if(name.match(/(landscape|portrait)/)){
					name = 'rotate button'
				}
				return name;
			}
		});
	}
});