(function( window, $, undefined ) {

	$.yit_checkout = function( options, element ) {
		this.element = $( element );
		this._init( options );
	};

	$.yit_checkout.defaults	= {
		steps    : 5,
		elements : {
			steps : $('#multistep_steps .multistep_step'),
			sections: $('#multistep_resume a'),
			progress_bar : $('#multistep_progress .bar'),
			ship_to_billing : {
				billing: $('#shiptobilling_bill-checkbox'),
				shipping: $('#shiptobilling-checkbox')
			}
		}
    };

	$.yit_checkout.prototype = {
		_init : function( options ) {
			this.options = $.extend( true, {}, $.yit_checkout.defaults, options );
			this.current_step = this.options.elements.steps.filter('.current');
			this.user_logged_in = this.options.elements.steps.filter('.user_logged_in').length > 0;
			
			this._initEvents();
			this._initLabels();
			this._updateBar( this.current_step.data('step') );
		},
		
		_initLabels : function() {
			var buttons = this.element.find('input[data-alternativelabel]');
			buttons.each(function(){
				$(this).data({
					billing: $(this).val(),
					shipping: $(this).data('alternativelabel')
				});
			});
		},
		
		_initEvents : function() {
			var elements = this.options.elements;
			var self = this;
			
			//sections
			elements.sections.on('click.yit', function(e){
				e.preventDefault();
				
				var new_step = $(this).data('step');
				var current_step = self.current_step.data('step');
				
				if( self._validateChangeStep( current_step, new_step ) ) {
					self._gotoStep(new_step);
				}
			});
			
			//next, prev
			elements.steps.on('click.yit', '.next, .prev', function(e){
				e.preventDefault();
				
				var new_step = $(this).data('next');
				var current_step = self.current_step.data('step');
				
				if( self._validateChangeStep( current_step, new_step ) ) {
					self._gotoStep(new_step);
				}
			});
			
			//shiptobilling
			elements.ship_to_billing.billing.on('change.yit', function(e){
				var value = $(this).prop('checked');
				elements.ship_to_billing.shipping.prop('checked', value).change();
			});
			
			elements.ship_to_billing.shipping.on('change.yit', function(e){
				var value = $(this).prop('checked');
				elements.ship_to_billing.billing.prop('checked', value);
				
				self._updateBillingShippingLabels( value );
			});
			
			//activate tooltip in payment method
			this.element.on('slide_change.yit', function(e, data){
				if( data.step == 4 ) {
					var payment_method = $(this).find('input[name=payment_method]:checked');
					$(this).find('div.payment_box.' + $(payment_method).attr('ID')).slideDown(250);
				}
			});

            this.element.on( 'click', '.payment_methods input.input-radio', function() {
                if ( $('.payment_methods input.input-radio').length > 1 ) {
                    $('div.payment_box').filter(':visible').slideUp(250);
                    if ($(this).is(':checked')) {
                        $('div.payment_box.' + $(this).attr('ID')).slideDown(250);
                    }
                } else {
                    $('div.payment_box').show();
                }
            });
		},
		
		_updateBillingShippingLabels : function( value ) {
			var next_step = this.options.elements.steps.filter('[data-step=2]').find('input.next');
			var prev_step = this.options.elements.steps.filter('[data-step=4]').find('input.prev');
			
			if( value ) {
				next_step.val( next_step.data('billing') ).data('next', 4);
				prev_step.val( prev_step.data('billing') ).data('next', 2);
			} else {
				next_step.val( next_step.data('shipping') ).data('next', 3);
				prev_step.val( prev_step.data('shipping') ).data('next', 3);
			}
		},
		
		_validateChangeStep : function( old_step, new_step ) {
			steps = this.options.steps;

			if( old_step < new_step && new_step <= steps ) {
				return this._validateStep( new_step );
			} else if( this.user_logged_in && new_step > 1 && new_step < old_step ) {
				return this._validateStep( new_step );
			} else if( !this.user_logged_in && new_step > 0 && new_step < old_step ) {
				return this._validateStep( new_step );
			} else {
				return false;
			}
		},
		
		_validateStep : function( step ) {
			return true;
		},
		
		_gotoStep : function( step ) {
			var element  = this.element;
			var new_step = this.options.elements.steps.filter('[data-step='+ step + ']');
			
			this.current_step.fadeOut('slow', function(){
				new_step.fadeIn('slow').addClass('current');
				$(this).removeClass('current');
				
				element.trigger('slide_change.yit', { step: step });
			});
			
			this._updateSection( step );
			this._updateBar( step );
			this.current_step = new_step;
		},
		
		_updateSection : function( step ) {
			//this.options.elements.sections.removeClass('current').filter('[data-step='+ step + ']').addClass('current');
			
			var sections = this.options.elements.sections;

			sections.removeClass('current')
					.removeClass('passed')
					.filter('[data-step='+ step + ']')
					.addClass('current');
					
			sections.filter(function(){
				return parseInt( $(this).data('step') ) < parseInt( step );
			}).addClass('passed');
		},
		
		_updateBar : function( step ) {
			var percentage = (parseInt(step)+1) * 100 / (this.options.steps + 1);
			
			this.options.elements.progress_bar.css('width', percentage + '%' );
		}
	};

	$.fn.yit_checkout = function( options ) {
		if ( typeof options === 'string' ) {
			var args = Array.prototype.slice.call( arguments, 1 );

			this.each(function() {
				var instance = $.data( this, 'yit_checkout' );
				if ( !instance ) {
					console.error( "cannot call methods on yit_checkout prior to initialization; " +
					"attempted to call method '" + options + "'" );
					return;
				}
				if ( !$.isFunction( instance[options] ) || options.charAt(0) === "_" ) {
					console.error( "no such method '" + options + "' for yit_checkout instance" );
					return;
				}
				instance[ options ].apply( instance, args );
			});
		} 
		else {
			this.each(function() {
				var instance = $.data( this, 'yit_checkout' );
				if ( !instance ) {
					$.data( this, 'yit_checkout', new $.yit_checkout( options, this ) );
				}
			});
		}
		return this;
	};


})( window, jQuery );
