window.addEvent('domready', function() {
	
		$('colorsNav').addEvent('click', function(event) {
			event.preventDefault(); 
			$('content').get('tween', {property: 'opacity', duration: 400}).start(0);
		//	$('item_name').value = 'frankie went to hollywood t-shirt: '+ contentitems[i];
			getContent();
	
		});
		$('contactNav').addEvent('click', function(event) {
			event.preventDefault(); 
			$('content').get('tween', {property: 'opacity', duration: 400}).start(0);
			getContentItem('about');
	
		});
		
		$('ordernow').addEvent('click', function(event) {
			event.preventDefault(); 
			$('container').get('tween', {property: 'opacity', duration: 400}).start(0);
			orderNow();
	
		});	
		//preload images
		for(var i = 1; i < 6; i++) {
			var img = document.createElement('img');
			img.src = '/img/Tshirt0'+i+'.jpg';
			img.style.display = 'none';
			document.getElementById('preload').appendChild(img);
		}
		
	});

	function getContent() {
    				$('content').style.border = '1px solid #fff';

		currentItem = contentitems[i];
		var req = new Request.HTML({url:'/contentitems/xhr/' +contentitems[i], 
			onSuccess: function(html) {
				$('content').set('text', '');	
				$('content').adopt(html);
				$('content').get('tween', {property: 'opacity', duration: 'long'}).start(1);
			},
	
			onFailure: function() {	
				$('content').set('text', 'The request failed.');
			}
	
		});
		req.send();
		i++;
		if(i == contentitems.length) { i = 0;}

	}

	function getContentItem(item) {
		var req = new Request.HTML({url:'/contentitems/xhr/' +item, 
			onSuccess: function(html) {
				$('content').set('text', '');	
				$('content').adopt(html);
				$('content').get('tween', {property: 'opacity', duration: 'long'}).start(1);
				$('content').style.height = '637px';
				$('content').style.border = '1px solid #000';
			},
	
			onFailure: function() {	
				$('content').set('text', 'The request failed.');
			}
	
		});
		req.send();


	}	
	
	function orderNow() {
		var req = new Request.HTML({url:'/ordernow/?item='+currentItem, 
			onSuccess: function(html) {
				$(document.getElementById('container')).set('text', '');	
				$('container').adopt(html);
                $('content').style.border = '1px solid #000';
				$('container').get('tween', {property: 'opacity', duration: 'long'}).start(1);
                
				$('formLogo').addEvent('click', function(event) {
					//event.preventDefault(); 
				//	$('container').get('tween', {property: 'opacity', duration: 400}).start(0);
				//	goHome();
			
				});		
				
					document.getElementById('shirtSmall').addEvent('change', function(event) {
						document.getElementById('quantity').value = (parseInt(document.getElementById('shirtSmall').value) +parseInt(document.getElementById('shirtMedium').value) +parseInt(document.getElementById('shirtLarge').value));
						document.getElementById('total').innerHTML = (parseInt(document.getElementById('shirtSmall').value) +parseInt(document.getElementById('shirtMedium').value) +parseInt(document.getElementById('shirtLarge').value)) * 29 +5 +".00 $";
					
				
					});	
					
							document.getElementById('shirtMedium').addEvent('change', function(event) {
						document.getElementById('quantity').value = (parseInt(document.getElementById('shirtSmall').value) +parseInt(document.getElementById('shirtMedium').value) +parseInt(document.getElementById('shirtLarge').value));
						document.getElementById('total').innerHTML = (parseInt(document.getElementById('shirtSmall').value) +parseInt(document.getElementById('shirtMedium').value) +parseInt(document.getElementById('shirtLarge').value)) * 29 +5 +".00 $";
					
				
					});	
					
							document.getElementById('shirtLarge').addEvent('change', function(event) {
						document.getElementById('quantity').value = (parseInt(document.getElementById('shirtSmall').value) +parseInt(document.getElementById('shirtMedium').value) +parseInt(document.getElementById('shirtLarge').value));
						document.getElementById('total').innerHTML = (parseInt(document.getElementById('shirtSmall').value) +parseInt(document.getElementById('shirtMedium').value) +parseInt(document.getElementById('shirtLarge').value)) * 29 +5 +".00 $";
					
				
					});	
					
				var options = document.getElementById('shirtColor').getElementsByTagName('option');
				for(var k = 0; k <options.length;k++) {
					if(options[k].value == currentItem) {
						options[k].selected = true;	
						document.getElementById('item_name').value = 'frankie went to hollywood t-shirt: '+currentItem;
					}	
				}
			},
	
			onFailure: function() {	
				$('content').set('text', 'The request failed.');
			}
	
		});
		req.send();


	}		
	
	function goHome() {
		var req = new Request.HTML({url:'/', 
			onSuccess: function(html) {
				$('container').set('text', 'a');	
		//		$('container').adopt(html);
				$('container').get('tween', {property: 'opacity', duration: 'long'}).start(1);
				$('colorsNav').addEvent('click', function(event) {
			event.preventDefault(); 
			$('content').get('tween', {property: 'opacity', duration: 400}).start(0);
			$('item_name').value = 'frankie went to hollywood t-shirt: '+ contentitems[i];
			getContent();
	
		});
		$('contactNav').addEvent('click', function(event) {
			event.preventDefault(); 
			$('content').get('tween', {property: 'opacity', duration: 400}).start(0);
			getContentItem('about');
	
		});
		
		$('ordernow').addEvent('click', function(event) {
			event.preventDefault(); 
			$('container').get('tween', {property: 'opacity', duration: 400}).start(0);
			orderNow();
	
		});	
			
			},
	
			onFailure: function() {	
				$('content').set('text', 'The request failed.');
			}
	
		});
		req.send();


	}