var cookie = new Hash.Cookie('salesCookie', {duration: 7, path: '/'})

function setupSales(){
	if (pageType == 'none') {salesElement.setStyle('visibility', 'hidden')}
	else {
	salesElement.setStyle('cursor', 'pointer').addEvents({
		mouseover: function(){
			this.setStyle('background-color', '#999999');
			$('toggle_link').setStyle('font-weight', 'bold');
		},
		mouseout: function(){
			this.setStyle('background-color', '#000000');
			$('toggle_link').setStyle('font-weight', 'normal');
		},
		click: buyThis
	});
	};
};

function buyThis(){
	salesElement.removeEvents().setStyles("background-color: #000000; cursor: default;");
	$(pageType + '_sales_form').setStyle('display', 'block');
	salesElement.effect('width').start(100,550).chain(function(){salesElement.effect('height').start(15,120)});
	toggleElement.setProperty('src', 'http://www.leibo.net/siteimages/xbox.gif').setStyle('cursor', 'pointer').addEvent('click', closeSales);
	$(pageType + '_add').addEvent('click', function(){
		$(pageType + '_sales_form').getElements('.' + pageType).each(function(item){
			if(item.checked) {
				$(pageType + '_saleslink').setStyle('visibility', 'visible');
				$(pageType + '_add').setProperties({disabled: true, value: 'Added'});
				var img_info = {'dir': img_dir, 'cap': img_caption, 'item': item.value}
				cookie.set(img_name, img_info);
			}
		});
	});
};

function closeSales(){
	toggleElement.removeEvents();
	var closeHeight = new Fx.Style(salesElement, 'height');
	var closeWidth = new Fx.Style(salesElement, 'width', {
		onComplete: function(){
			$(pageType + '_sales_form').setStyle('display', 'none');
			$('toggle_link').setStyle('font-weight', 'normal');
			$('toggle_img').setProperty('src', 'http://www.leibo.net/siteimages/arrow.gif')
			setupSales();
		}
	});
	closeHeight.start(120,15).chain(function(){closeWidth.start(500,100)})
};

function fillCart() {
	var keys = cookie.getKeys();
	if (keys.length > 0) {
		$('orderform').setStyle('display','block');
		$('submitter').addEvent('submit', function(e) {
			new Event(e).stop();
			var address = this.elements['email'].value;
			var items = {};
			keys.each(function(prod, index) {
				items['Item' + (index + 1)] = prod + ' - ' + cookie.get(prod).item;
			});
			var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
			if (address.test(filter)) {
				this.send({
						  method:'post',
						  data: $extend({
								email: address, 
						  		recipient: '1'
						  }, items),
						  onComplete: function() {$('resp2').empty().setHTML('<em>Thank you! Your order has been submitted.</em>')}
				});
			} else {alert('You did not enter a valid email address.');};
		});
		var cartTable = new HtmlTable();
		keys.each(function(prod) {
			var p = cookie.get(prod);
			var arr = [];
			arr[0] = {
				content: '<img src="' + p.dir + 'tn_' + prod + '.jpg" style="margin-bottom:5px; display:block; margin:auto;" /><span class="cap">' + p.cap + '</span>',
				properties: {className: 'cell-item'}
			};
	// caption here in 4-cell config
			switch(p.item) {
				case 'dfa_1': arr[1] = 'Digital Fine Art (1)'; break;
				case 'dfa_2': arr[1] = 'Digital Fine Art (2)'; break;
				case 'polaroid_1': arr[1] = 'Polaroid (1)'; break;
				case 'polaroid_2': arr[1] = 'Polaroid (2)'; break;
				case 'iph_1': arr[1] = 'iPhone Art'; break;
			};
			//arr[1] = p.item;
			arr[2] = '<a href="#" onclick="removePrint(\'' + prod + '\'); return false;">Remove</a>';
			cartTable.push(arr).tr.setProperty('id', prod);
		});
		
	} else {
		$('cart').setStyle('display','none');
		$('emptycart').setStyle('display','block');
	}
}

function removePrint(key) {
	$(key).effect('opacity', {duration: 500, onComplete: function() {$(key).remove; fillCart();}}).start(1,0);
	cookie.remove(key);
}