var interval;
var i = 0;
var j = 0;
var contWidth;
window.addEvent('domready',function(){
	setStyles();
	menuAnimation();
	//orderHere();
	new Asset.images(imgs,{
		onProgress:function(){
			//Add loading gif here...
		},
		onComplete:function(){
			imageRotation();
		}
	});
});
function imageRotation(){
//Content
	var content = $('content').clone();
	content.setProperty('id','new_content');
	content.setStyles(contentStyle);
	content.getElements('h3').each(function(h3s){h3s.setStyles(content_h3);});
	content.getElements('p').each(function(ps){ps.setStyles(content_p);});
// END
// Contact
	var contact = $('contact').clone();
	contact.setProperty('id','new_contact');
	contact.setStyles(contactStyle);
	contact.getElements('h3').each(function(h3s){h3s.setStyles(contact_h3);});
	contact.getElements('p').each(function(ps){ps.setStyles(contact_p);});
	contact.getElements('a').getElements('h3').each(function(a){a.setStyles(contact_a)});
	contact.getElements('a').getElements('p').each(function(a){a.setStyles(contact_a)});
// END
	new Element('div',{
		'id':'trans',
		'styles':dummyBackground
	})
	.inject($('main'));
	$('content').setStyle('opacity','0');
	content.inject($('main'));
	$('contact').setStyle('opacity','0');
	contact.inject($('main'));
	interval = setInterval("changeBG()",5000);
}
function changeBG(){
	var transTw = new Fx.Tween($('trans'),{'duration':'1000'});
	if(Math.abs(i%2)){ //Trans is opaque
		//change main bg
		$('main').setStyle('background-image','url(' + imgs[i%imgs.length] + ')');
	}else{
		//change trans bg
		$('trans').setStyle('background-image','url(' + imgs[i%imgs.length] + ')');
	}
	transTw.start('opacity',Math.abs(i%2 - 1));
	i++;
}
function menuAnimation(){
	//Setup Links
	var links = $('nav').getElements('li.animation');
	var linkPos = [];
	var linkSize = [];
	links.each(function(link,i){
		linkPos[i] = link.getPosition().x;
		linkSize[i] = link.getSize().x;
	});
	links.each(function(link,i){
		var nhref = link.getElements('a')[0].getProperty('href');
		nhref = nhref.substring(nhref.lastIndexOf('?'));
		link.getElements('a')[0].setProperty('nhref',nhref);
		link.getElements('a')[0].setProperty('href','#');
		link.addEvent('click',function(){
			$('new_contact').setStyle('opacity','0');
			$('new_content').setStyle('background','#fff');
			$('new_content').setStyle('opacity','0.80');
			contWidth = 240;
			new Request.HTML({url:'animation.php' + link.getElements('a')[0].getProperty('nhref'),
				onSuccess:function(html,elements,stHTML,js){
					stHTML += '<br/><br/><a href="' + link.getElements('a')[0].getProperty('nhref') + '" class="cont_link">Continue &#187;</a>';
					$('new_content').set('text','');
					$('new_content').set('html',stHTML);
					$('new_content').getElements('a.cont_link').each(function(as){as.setStyles(class_cont_link);});
					$('new_content').getElements('ul').each(function(uls){uls.setStyles(content_ul);});
					$('new_content').getElements('li').each(function(lis){lis.setStyles(content_li);});
					$('new_content').getElements('h3').each(function(h3s){h3s.setStyles(content_h3);});
					$('new_content').getElements('p').each(function(ps){ps.setStyles(content_p);});
					$('new_content').getElements('span.quote').each(function(spans){spans.setStyles(class_quote);});
					$('new_content').getElements('span.source').each(function(spans){spans.setStyles(class_source);});
					new Fx.Morph('new_content')
						.start({
							'height':406,
							'width':[240,contWidth]
						});
					$('new_content').tween('left',function(){
						var newPos = linkPos[i] - (1/2 * contWidth) + (1/2 * linkSize[i]);
						if(newPos < $('main').getPosition().x)return $('main').getPosition().x;
						if(newPos > ($('main').getPosition().x + $('main').getSize().x) - contWidth) return $('main').getPosition().x + ($('main').getSize().x - contWidth);
						return(newPos);
					});
				},
				onFailure:function(){
					window.location = link.getElements('a')[0].getProperty('nhref');
				}
			})
			.send();
		});
	});
}
function orderHere(){
	here = $('nav').getElement('li.orderHere');
	new Element('div',{
		'id':'orderHere',
		'styles':{
			'background':'url(' + template_dir + '/css/img/orderbg2.gif)',
			'width':'150px',
			'height':'50px',
			'line-height':'30px',
			'text-align':'center',
			'position':'absolute',
			'top':(here.getPosition().y + here.getSize().y) - 50,
			'left':(here.getPosition().x + here.getSize().x) - 140,
			'z-index':'0',
			'color':'#fff'
		}
	})
	.set('text','Order Here!')
	.addEvent('click', $('nav').getElement('li.orderHere').fireEvent('click'))
	.inject($('nav'));
}