var ex6Carousel
var fxStart, fxEnd;

function ajaxStop(indicator){
	
}

Element.implement({
	flash: function(to,from,reps,prop,dur) {
		
		//defaults
		if(!reps) { reps = 1; }
		if(!prop) { prop = 'background-color'; }
		if(!dur) { dur = 250; }
		
		//create effect
		var effect = new Fx.Tween(this, {
				duration: dur,
				link: 'chain'
			})
		
		//do it!
		for(x = 1; x <= reps; x++)
		{
			effect.start(prop,from,to).start(prop,to,from);
		}
	}
});


window.addEvent('domready', function() { 
	ex6Carousel= new iCarousel("displayInternal", {  
    idPrevious: "leftArrow",  
    idNext: "rightArrow",
		idToggle: "undefined", 
		item: {
			klass: "displaySet",
			size: 582 
		},
		animation: {  
				type: "scroll",  
				duration: 1000,  
				amount: 1  
		}  	    
	});  
	
	fxStart = new Fx.Styles($('controlOrder'), {
		duration: 750,
		wait: false,
		transition:  Fx.Transitions.Sine.easeInOut
	});
	
	fxEnd = new Fx.Styles($('controlOrder'), {
		duration: 750,
		wait: false,
		transition:  Fx.Transitions.Sine.easeInOut
	});
	
	
	$$('.icon').addEvent('mouseover', function(){
		$('controlDetails').setHTML(coupon[this.value][3]);
	});
	
	$$('.icon').addEvent('mouseout', function(){
		$('controlDetails').setHTML('');
	});
	
	$$('.icon').addEvent('click', function(){
		$('overlay').style.display = 'block';
		$('overlayID').setHTML(coupon[this.value][0]);
		$('overlayName').setHTML(coupon[this.value][1]);
		$('overlayPoints').setHTML(coupon[this.value][2]+" puntos");
		$('overlayDetails').setHTML(coupon[this.value][3]);
		$('overlayFine').setHTML(coupon[this.value][4]);
		$('overlayCoupon').src = 'impresion/'+coupon[this.value][5];
		$('overlayBox').setStyle('display', 'block');
		$('displayInternal').setStyle('opacity', '.5');
		$('userCoupons').setStyle('display','none');
	});
	
	$('overlayClose').addEvent('click', function(){
		$('overlay').setStyle('display','none');
		$('displayInternal').setStyle('opacity', '1');		
	});
	
	$('overlayOrder').addEvent('click', function(){
		var couponID = $('overlayID').innerHTML;
		new Ajax('couponsAjax.php',{
			postBody:'operation=addRow&coupon='+couponID,
			evalScripts:'true',
			method: 'post',			
			update:'controlOrder',
			onComplete: function(response) {  
				fxEnd.start({
					'background-color': ['#333', '#000'],
					'opacity': [.75, 1]
				});
				ajaxStop.pass('addRow');
			}
		}).request();
	});
	
	$$('.orderRemove').addEvent('click', function(){
		couponID = this.id;
		new Ajax('couponsAjax.php',{
			postBody:'operation=removeRow&coupon='+couponID, 
			evalScripts:'true', 
			method: 'post', 
			update: 'controlOrder',			
			onComplete: function(response) {  
				fxEnd.start({
					'background-color': ['#333', '#000'],
					'opacity': [.75, 1]
				});
				ajaxStop.pass('removeRow');
			}
		}).request();																				
	});
	
	$('controlGo').addEvent('click', function(){
		if($('controlOrder').innerHTML !=''){
			$('displayInternal').setStyle('opacity', '.5');
			$('overlay').style.display = 'block';
			$('userCoupons').setStyle('display','block');
			new Ajax('couponsAjax.php',{
				postBody:'operation=confirmOrder', 
				evalScripts:'true', 
				method: 'post', 
				update: 'userCoupons',
				onComplete: function(response) {  
					$('overlayBox').setStyle('display', 'none');
				}
			}).request();		
		}
	});
	
	$('controlPrint').addEvent('click', function(){
		$('displayInternal').setStyle('opacity', '.5');
		$('overlay').style.display = 'block';
		$('userCoupons').setStyle('display','block');
		new Ajax('couponsAjax.php',{
			postBody:'operation=processOrder', 
			evalScripts:'true', 
			method: 'post', 
			update: 'userCoupons',			
			onComplete: function(response) {  
				$('overlayBox').setStyle('display', 'none');
			}
		}).request();		
	});
	
	
	
});