// JavaScript Document

window.addEvent('domready', function() {
	
	var curHash = location.hash;
	var levelContents = [];
	
	var hashPrefix = "#";
	var curLevel = 1;
	var animator = $('animator');
	
	var windowSize = window.getSize();
	var curWidth = windowSize.x;
	
	
	if (curWidth == "320") {
		var css = new Asset.css('css/profile.css', { });
	} else {
		var css = new Asset.css('css/landscape.css', { });  
	} /*else {
		$('window').setStyle('width', curWidth+'px');
		$$('div.desc').setStyle('width', (curWidth - 20)+'px');
	}*/
	
	if ($('level'+curLevel) != null) {
		if (curHash == "") { 
			$('level'+curLevel).set('html', $('homePage').get('html'));
			levelContents[curLevel] = curHash.replace('#', '');
			$('level'+curLevel).setStyle('display', 'block');
		} 
		else if ( (curHash == "#products")||(curHash == "#sales_team")||(curHash == "#peripherals")||(curHash == "#contact")||(curHash == "#map") ) {
			curLevel = 2;
			$('level'+curLevel).set('html', $(curHash.replace('#', '')+'Page').get('html'));
			$('level1').set('html', $('homePage').get('html'));
			levelContents[1] = "";
			levelContents[curLevel] = curHash.replace('#', '');
			$('level'+curLevel).setStyle('display', 'block');
			if (curHash == "#contact") {
				$('backContact').setAttribute("href", "#");
			}
		}
		else if ( (curHash == "#copy")||(curHash == "#visual")||(curHash == "#snapripplus")||(curHash == "#grandripplus")||(curHash == "#flowplus")||(curHash == "#features")||(curHash == "#options"		) ) {
			curLevel = 3;
			$('level'+curLevel).set('html', $(curHash.replace('#', '')+'Page').get('html'));
			$('level1').set('html', $('homePage').get('html'));
			$('level2').set('html', $('productsPage').get('html'));
			levelContents[1] = "";
			levelContents[2] = "products";
			levelContents[curLevel] = curHash.replace('#', '');
			$('level'+curLevel).setStyle('display', 'block');
		}
		else if ( (curHash == "#printers")||(curHash == "#scanners")||(curHash == "#cutters")||(curHash == "#spectros") ) {
			curLevel = 3;
			$('level'+curLevel).set('html', $(curHash.replace('#', '')+'Page').get('html'));
			$('level1').set('html', $('homePage').get('html'));
			$('level2').set('html', $('peripheralsPage').get('html'));
			levelContents[1] = "";
			levelContents[2] = "peripherals";
			levelContents[curLevel] = curHash.replace('#', '');
			$('level'+curLevel).setStyle('display', 'block');
		}
	}
		
	var checkOrient = function()
	{
		var newWindowSize = window.getSize();
		if (newWindowSize.x != curWidth)
		{ 
			var animatorOffset = $('animator').getStyle('left').replace('px', '');
			if (newWindowSize.x == "320")
			{
				var css = new Asset.css('css/profile.css', { });
				$('animator').setStyle('left', 320 * (animatorOffset / 480));
			}
			else 
			{
				var css = new Asset.css('css/landscape.css', { });
				$('animator').setStyle('left', 480 * (animatorOffset / 320));
			}
			curWidth = newWindowSize.x;
		}
		
		if (location.hash != curHash)
		{
			curHash = location.hash;
			var pageId = curHash.substr(hashPrefix.length);
		
			if (levelContents[curLevel-1] == pageId)
			{
				prevLevel();
			}
			else
			{
				var nextPage = curHash.replace('#', '') + "Page";
				nextLevel(nextPage);
			}
		}
	}
	
	checkOrient.periodical(400);
	
	var slideNext = new Fx.Tween(animator, {duration: 500});
	var slidePrev = new Fx.Tween(animator, {duration: 500});
	
	nextLevel = function(nextPage){
		var page = nextPage.replace('Page', '');
		var pageWidth = $('level'+curLevel).getStyle('width').replace('px', '');
		curLevel++;
		levelContents[curLevel] = page;
		$('level'+curLevel).set('html', $(nextPage).get('html'));
		var animatorStart = $('animator').getStyle('left').replace('px', '');
		var destination = parseInt(animatorStart) - parseInt(pageWidth);
		$('level'+curLevel).setStyle('display', 'block');
		slideNext.start('left', destination+'px');
		slideNext.addEvent('chainComplete', function() {
			$('level'+(curLevel-1)).setStyle('display', 'none');
			$('animator').setStyle('left', '0px');
			if ((in_cart == "")||(in_cart <= 0))
			{	
			//window.scrollTo(0, 45);
			}
			else
			{
			window.scrollTo(0, 1);
			}
		});
	}
		
	prevLevel = function() {
		var pageWidth = $('level'+curLevel).getStyle('width').replace('px', '');
		curLevel--;
		window.scrollTo(0, 1);
		$('level'+curLevel).setStyle('display', 'block');
		$('animator').setStyle('left', '-'+pageWidth+'px');
		var animatorStart = $('animator').getStyle('left').replace('px', '');
		var destination = parseInt(animatorStart) + parseInt(pageWidth);
		slidePrev.start('left', destination+'px');
		slidePrev.addEvent('chainComplete', function() {
			$('level'+(curLevel+1)).setStyle('display', 'none');
		});
	};	
	
});