var ClearClass = function(div) 
{ 
	$$('#' + div + ' a').each(function(el) { 
		el.set('class', '');
	});
}

var CategoryClick = function()
{
	$$('#shop_cats a').each(function(el) { 
		el.addEvent('click', function(e) {
			e.stop(); LoadPane(el); LoadSubs(el.id.replace('cat',''));
			ClearClass('shop_cats');
			el.set('class', 'selected');
		}.bind(el));
	});
}

var SubategoryClick = function()
{
	$$('#shop_subcats a').each(function(el) { 
		el.addEvent('click', function(e) {
			e.stop(); LoadPane(el);
			ClearClass('shop_subcats');
			el.set('class', 'selected');
		}.bind(el));
	});
}

var TermsClick = function() 
{ 
	$$('#shop input').each(function(el) {
		if(el.type == 'submit')
		{
			var id = el.id.replace('sbt','');
			el.addEvent('click', function(e) {
				if($('chx' + id) && $('chx' + id).checked==false) {
					e.stop();
					LoadTerms(id, 'sbt');
				}
			}.bind(el));		
		}
		if(el.type == 'checkbox')
		{
			var id = el.id.replace('chx','');
			el.addEvent('click', function(e) {
				el.checked = false;
				LoadTerms(id, 'chx');
			}.bind(el));
		}
	});
}

var SlideInit = function()
{
	slidingtabs = new SlidingTabs(null, 'panes');
	if($('previous')) { $('previous').addEvent('click', slidingtabs.previous.bind(slidingtabs)); }
	if($('next')) { $('next').addEvent('click', slidingtabs.next.bind(slidingtabs)); }
	window.addEvent('resize', slidingtabs.recalcWidths.bind(slidingtabs));
}

var LoadPane = function(el)
{
	var id = el.id.replace('cat','');
	var req = new Request.HTML({ 
		method: 'get',
		data: { "cat_id" : id, "site_id" : $('site_id').value, "bus_id" : $('bus_id').value, "page_id" : $('page_id').value, "is_listing" : $('is_listing').value },
		url: "../assets/metroya/page/product.pane.php",
		update: $('shop'),
		onComplete: function() { CategoryClick(); SubategoryClick(); TermsClick(); SlideInit(); }
	}).send();
}

var LoadSubs = function(id)
{
	var req = new Request.HTML({ 
		method: 'get',
		data: { "cat_id" : id, "site_id" : $('site_id').value, "bus_id" : $('bus_id').value, "page_id" : $('page_id').value, "is_listing" : $('is_listing').value },
		url: "../assets/metroya/page/product.subs.php",
		update: $('shop_subcats')
	}).send();
}

var LoadTerms = function(id, type) //type = sbt or chx
{
	new MochaUI.Modal({
		id: 'AcceptTerms',
		title: 'Terms and Conditions',
		loadMethod: 'xhr',
		contentURL: '../assets/metroya/page/product.terms.php?id=' + id,
		width: 400,
		height: 250,
		onContentLoaded: function(){
			var chx = new Element('input', { type: 'checkbox', id: 'chxAcceptTerms' });
			chx.addEvent('click', function(e) {	
				if(this.checked) { 
					MochaUI.closeWindow($('AcceptTerms'));
					$('chx' + id).checked = true;
					if(type=='sbt') { $('frm' + id).submit(); }
				}
			});
			chx.inject($('divAcceptTerms'));	
			var span = new Element('span', { text: ' I accept the terms and conditions of purchase.' });
			span.inject($('divAcceptTerms'));	
			var p = new Element('p', { text: 'Please scroll down and accept the terms of purchase.' });
			p.setStyles({ fontWeight: 'bold', marginBottom: '5px' });
			p.inject($('AcceptTerms_content'), 'top');
			$('divAcceptTerms').setStyles({ marginTop: '20px', border: '1px solid #666', padding: '10px 5px' });
		}
	});
}

var RemoveCoupon = function()
{
	if($('lnkRemoveCoupon')) { 
		$('lnkRemoveCoupon').addEvent('click', function(e) {
			new Event(e).stop();
			var req = new Request.HTML({ 
				method: 'get',
				data: { "func" : "RemoveCoupon", "cart_id" : $('cart_id').value },
				url: '../assets/metroya/page/product.func.php',
				onComplete: function (responseTree, responseElements, responseHTML, responseJavaScript) { 
					var regExp = /^\s+/;
					var url = responseHTML.replace(regExp,'');
					location.href = url;
				}
				//update: $('middle')
			}).send();
		});
	}
}