window.addEvent('domready', function(){
	
	if($$('div.stockimages').length){
		var big = $$('div.stockimages img.large')[0];
		var images = [];
		$$('div.stockimages img.small').each(function(el,i){
			images[i] = new Image();
			images[i].src = el.src.replace('/S/','/L/');
			el.addEvent('click',function(e){
				big.src = images[i].src;
			});
		});
	}
	
	if($$('table.shop').length){
		$$('table.shop a.tocart').addEvent('click',function(e){
			var form = this.getParent('td');
			new Request.JSON({
				url: urlbase + 'website/sidecart',
				data: form,
				onComplete:function(data){
					if(data && data.out && $('cart')) $('cart').set('html',data.out).highlight('#E77105');
				}
			}).send();
		});
	}
	
	if($$('table.cart').length){
		$$('img.remove').addEvent('click',function(e){
			this.getParent('tr').getElement('input.q').set('value',0);
			this.getParent('form').submit();
		});
		
		$('checkout').addEvent('click',function(e){
			var self = this;
			self.setStyle('display','none');
			$('progress').removeClass('none');
			var form = this.getParent('div.cart');
			new Request.JSON({
				url: urlbase + 'cart',
				data: form,
				onComplete:function(data){
					if(data && data.out){
						if(data.status) {
							form.empty().set('html',data.out);
						} else {
							$('progress').addClass('none');
							self.setStyle('display','');
							 $('errorinfo').removeClass('none');
							 $('errorinfo').set('html',data.out);
						}
					} 
				}
			}).send();
		})
	}
	
	if($$('div.povp').length){

		$$('div.povp').getElement('a.button').addEvent('click',function(e){
			var self = this;
			self.setStyle('visibility','hidden');
			var form = this.getParent('div.povp');
			form.getElements('input').setStyle('border-color','');
			new Request.JSON({
				url: urlbase + 'demand',
				data: form,
				onComplete:function(data){
					if(data.status) {
						form.empty().set('html',data.status);
					} else {
						Object.each(data,function(value,key){
							form.getElement('input[name='+key+']').setStyle('border-color','red');
						});
						self.setStyle('visibility','visible');
					}
				}
			}).send();
		})
	}
	
	if($$('div.intro_shop').length){
		// Slider
		var count = $$('#slider-list article').length;
		var position = 1;
		var step = 3;
		var totIncrement = 0;
		var increment = 211;
		var maxRightIncrement = increment*-($$('#slider-list article').length-3);
		$('slider-list').setStyle('width',(increment*$$('#slider-list article').length)+'px');
		// FX var
		var fx = new Fx.Tween('slider-list', {
			duration: 500,
			transition: Fx.Transitions.Linear,
			wait: true
		});
		// Previous Button
		$('left').addEvents({'click' : function(event){
				if(totIncrement<0){
					var s = (position-step<=0) ? position-1 : step;
					position-=s;
					totIncrement = totIncrement + (increment * s);
					fx.start('margin-left', totIncrement - (increment * s), totIncrement);
				}
			}
		});
		// Next Button
		$('right').addEvents({'click' : function(event){
				if(totIncrement>maxRightIncrement){
					var s = (position+step*2>count) ? count-position-step+1: step;
					position+=s;
					totIncrement = totIncrement - (increment * s);
					fx.start('margin-left', totIncrement + (increment * s), totIncrement);
				} 
			}
		});
	}
	
	if($$('div.banner_buttons a').length){
		var banners = $$('#banner a');
		var buttons = $$('div.banner_buttons a');
		var timer = function(){
			if($('banner').hasClass('mouse')) return;
			var selectedIndex = buttons.indexOf($$('div.banner_buttons a.selected')[0]);
			var next = selectedIndex+1 < buttons.length ? ++selectedIndex : 0;
			banners.addClass('none')[next].removeClass('none');
			buttons.removeClass('selected')[next].addClass('selected');
			
		}
		var interval = timer.periodical(3000);
		
		$$('div.banner_buttons a').addEvent('click',function(){
			clearInterval(interval);
			buttons.removeClass('selected');
			this.addClass('selected');
			var selectedIndex = buttons.indexOf(this);
			banners.addClass('none')[selectedIndex].removeClass('none');
			interval = timer.periodical(3000);
		});
		
		$('banner').addEvents({
			'mouseenter' : function(e){
				this.addClass('mouse');
			},
			'mouseleave' : function(e){
				this.removeClass('mouse');
			}
		})
	}
	
});