var wta = {};
wta.simpleBuildIt = function(){
	// Private vars and functions
	var $vp = null;
	var vp_width = null;
	var vp_height = null;
	
	var $pc = null;
	var panels = [];
	var $panel = null;
	var panelId = null;
	
	var $nav = null;
	
	var offset = null;
	
	var left = 0;
	
	// set main variables
	_init = function(){
		$vp = $('#viewport');
		$pc = $('#panels_container');
		$panels = $('#panels_container div.panel');
		$panel = $panels.eq(0);
		panelId = $panel.attr('id');
		$nav = $('.navigation');
		offset = $('#moon').width() / 2;
		
		// Set the panels dimension to full viewport
		_setupPanel();
		_setupPc();
		_setupNav();
		//window.onresize = _resize;
		$(window).load(function(){ var t = setTimeout( '_pageScrollIn()',700); });
		
	};
	_setupPanel = function(){
		$panel.css({width: '100%', height: '100%'});
		switch($panel.attr('id')){
			case 'home':	
				$('#outer_nav').fadeOut(0);
				$('#footer').fadeOut(0);
				left = 0;
			break;
			
			case 'home_xmas':	
				$('#outer_nav').fadeOut(0);
				$('#footer').fadeOut(0);
				left = 0;
			break;
			
			case 'portfolio':
				left = ($vp.width() + offset);
				$('#events').fadeOut(0);
			break;
			
			default: left = $vp.width();
		}
		/*
		if($panel.attr('id') == 'home'){
			$('#outer_nav').fadeOut(0);
			$('#footer').fadeOut(0);
			left = 0;
		} else if($panel.attr('id') == 'portfolio'){
			left = ($vp.width() + offset);
			alert('portfolio')
			$('#events').fadeOut(0);
		} else {
			left = $vp.width();
		}
		*/
		$panel.css({left: left});
	};
	_setupPc = function(){
		$pc.css({width: '100%', height: "100%"});
	};
	_setupNav = function(){
		$('a.nav').click(function(){
			var where = $(this).attr('href');
			_goto(where);
			return false;
		});
	}
	
	_pageScrollOut = function(){
		$panel.animate({left: (left*-1)}, {duration: 1300, easing: 'easeOutQuart'});
	}
	_pageScrollIn = function(){
		var duration = 1300;
		var ease = 'easeOutQuart';
		var callback = null;
		switch(panelId){
			case 'portfolio':
				duration = 3500;
				ease = 'easeOutCubic';
				callback = function(){ $('#events').fadeIn('slow');}
			break;
			default:
				duration = 1300;
			 	ease = 'easeOutQuart';
			 break;
		}
		$panel.animate({left: 0}, duration, ease, callback);
	}
	
	_goto = function(where){
		var url = null;
		var speed = 1300;
		var ease = 'easeOutQuart';
		switch(where){
			case '#home': 
				url = 'http://www.buildit.it/index.php/site/home_static';
			break;
			case '#noi': 
				url = 'http://www.buildit.it/index.php/site/noi';
			break;
			case '#voi': 
				url = 'http://www.buildit.it/index.php/site/voi'; 
			break;
			case '#loro': 
				url = 'http://www.buildit.it/index.php/site/loro';
			break;
			case '#portfolio': 
				url = 'http://www.buildit.it/index.php/site/portfolio';
			break; 
			case '#contacts': 
				url = 'http://www.buildit.it/index.php/site/contacts';
			break;
			default: 
				url = where;
		}
		$panel.animate({left: -$vp.width()}, speed, ease, function(){ window.location = url;});
	}
	
	return{
		init: function(){
			$(document).ready(function(){
				$('#wrapper').css('display', 'block');
				_init();
			});
		},
		goto: function(id){
			_goto(id);	
		},
		pageOut: _pageScrollOut,
		pageIn: _pageScrollIn
	}
}();
wta.simpleBuildIt.init();