window.addEvent('domready', function() {

var curHash = location.hash;
var levelContents = [];
var hashPrefix = "#";
var curLevel = 1;
var animator = $('animator');
var level1 = $('level1');
var level2 = $('level2');
var inital = 1;
	
var windowSize = window.getSize();
var curWidth = windowSize.x;
if (curWidth == "320")
{
	var css = new Asset.css('profile.css', { });
}
else
{
	var css = new Asset.css('landscape.css', { });  
}

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 == "#contact")||(curHash == "#privacy")||(curHash == "#legal")||(curHash == "#3-5buy")||(curHash == "#2-5buy")||(curHash == "#brand")||(curHash == "#buy")||(curHash == "#what")||(curHash == "#youtube")||(curHash == "#wallpaper")||(curHash == "#trailer"))
{
	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');
}
else if (curHash == "#original")
{
	curLevel = 3;
	$('level'+curLevel).set('html', $(curHash.replace('#', '')+'Page').get('html'));
	$('level1').set('html', $('homePage').get('html'));
	$('level2').set('html', $('whatPage').get('html'));
	levelContents[1] = "";
	levelContents[2] = "what";
	levelContents[curLevel] = curHash.replace('#', '');
	$('level'+curLevel).setStyle('display', 'block');
}
else if ((curHash == "#lg")||(curHash == "#motorola")||(curHash == "#samsung"))
{
	curLevel = 3;
	$('level'+curLevel).set('html', $(curHash.replace('#', '')+'Page').get('html'));
	$('level1').set('html', $('homePage').get('html'));
	$('level2').set('html', $('brandPage').get('html'));
	levelContents[1] = "";
	levelContents[2] = "what";
	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('profile.css', { });
			$('animator').setStyle('left', 320 * (animatorOffset / 480));
		}
		else
		{
			var css = new Asset.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: 'long'});
var slidePrev = new Fx.Tween(animator, {duration: 'long'});

	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');
		});
	};	
});