// Dom Form validation and submission
window.addEvent('domready', function(){
	/* Show product info on the box to the right of product_list.php */
	var prodLink = $$('.link_arrow');
	var overviewBox = $('DynamicOverview');
	var baseURL = '/';
		overviewBox.fade('out');
	
	// Function to show the product description
	$$(prodLink).each(function(el) { 
		el.addEvent('mouseenter',function(e){
			e = new Event(e).stop();
			var prodID = this.get('id');
			var prodURL = this.get('href');
			var group = prodURL.split("&");
			var grpID = group[1].split("=");
			// AJAX Request for Category Info
			var DescReq = new Request({  
				 method: 'post', 
				 data: 'overviewProd='+prodID+'&group='+grpID[1],
				 url: baseURL+'lib/product_list_overview.php'  
			})
			DescReq.send();
			DescReq.onSuccess = function(responseText, responseXML){
				if(responseText == null){
					overviewBox.set('html', 'Null');
				} else {
					overviewBox.fade('in');
					overviewBox.set('html', responseText);
				}
				SqueezeBox.assign($$('a.overLink'), {
					parse: 'rel'
				});
			}
			DescReq.onFailure = function(responseText, responseXML){
				overviewBox.set('html', 'Error');
			}
		});
	});
	
	overviewBox.addEvent('mouseleave',function(e){
		e = new Event(e).stop();
		overviewBox.fade('out');									   
	});
});