$(document).ready(function() {
		
	try {
	
		$$('img.border').each(function(content){
		
			//content.setStyle('width','180');
			//content.setStyle('height',)
			
		});
		
		$$('div.panel').each(function(content){
			
			//$(content.id).set('text',content.id);
			var req = new Request.HTML({url:'/api/' + content.id + '.php', 
				onSuccess: function(html) {
					//Clear the text currently inside the results div.
					$(content.id).set('text', '');
					//Inject the new DOM elements into the results div.
					$(content.id).adopt(html);
				},
				//Our request will most likely succeed, but just in case, we'll add an
				//onFailure method which will let the user know what happened.
				onFailure: function() {
					$(content.id).set('text', 'The request failed.');
				}
			});
			req.send();
			
			
		});
		
		var tdCount = 0;
		var color = "#FFFFFF";
		$$('td').each(function(content) {
			
			if(color = "#FFFFFF") {
				
				color = "#222222";
				
			}
			
			else
			{
				
				color = "#FFFFFF";
			}
			
			
			
			//content.setStyle('background-color',color);
			tdCount = tdCount + 1;
			
		});

		
		$$('div.orders').each(function(content){
		
			content.addEvent({
			    'mouseover': function(){
			        
					
					content.setStyle('background-color','#BBBBBB');
			
			    },
				'mouseleave': function(){
					
					content.setStyle('background-color','#000000');
					
				},
				
				'click': function(){
					
					location.href = '/account_history_info.php?order_id=' + content.id;
				}
					
				});
			
		});
		
	} catch(e) {
		
		
	}
			
});