$.widget('ui.custombasketaction', {
	options: {
		addtobasket: '.add-to-basket-account',
		removeitem: '.product-overview .remove-item'
	},
	_create: function(){
		var obj = this;
		var addtobasket = this.options.addtobasket;
		var removeitem = this.options.removeitem;
		
		this.element.find(addtobasket).live('click', function() {
			var $button = $(this);
			$button.parent().addClass('processing');
			
			if(!$(this).hasClass('disabled')){
				var elementid = $(this).attr('rel').split(',');
				
				var editing = '';
				var edit = '';
				if($button.hasClass('editing')){
					editing = 'editing';
					edit = $('.custombasket-actions').attr('rel');
				}

				$.ajax({
					type: 'POST',
					url: '/custom-hand-bag/add-to-basket?ajax',
					data: $.param({ colorid: elementid[0], coloursize: elementid[1], quantity: 1, /*cookie: $.cookie('bag'),*/ editing: editing, edit: edit }),
					success: function(data){
						var json = $.parseJSON(data);
						
						if(json['data']['conf'] == 'success'){
							$('#overlay').show();
							$button.addClass('editing');
							$('.custombasket-actions').attr('rel', json['data']['itemid']);
							//$.cookie('bag',json['cookie']);
							var $popup = $('.window-popup');
							$popup.hide();
							$popup.find('.continue-shopping-btn').unbind('click').click(function(){
								if(!$.browser.msie){
									$popup.stop(true,true).fadeOut();
								}else{
									$popup.hide();
								}
								$('#overlay').hide();
							});

							$button.animate({ marginTop: 0 }, { duration: 500 });
							$button.fadeIn(400);
							
							$popup.find('.name strong').html(json['data']['group'] + " - ");
							$popup.find('.name span').html(json['data']['name']);
							
							$popup.css('left', ($button.offset().left - Math.round($button.width() / 2)) + 'px').css('top', ($button.offset().top - $popup.height()) + 'px');
							if(!$.browser.msie){
								$popup.stop(true,true).fadeIn(600,function(){
									$('#overlay').unbind().bind('click',function(){
										$(this).hide();
										$popup.hide();
									});
									$button.parent().removeClass('processing');
									if(json['data']['conf'] == 'success'){
										$('.shopping-bag a span').html(json['data']['itemcount'])
									}
									
								});
							}else{
								$popup.show();
								$('#overlay').unbind().bind('click',function(){
									$(this).hide();
									$popup.hide();
								});
								$button.parent().removeClass('processing');
								if(json['data']['conf'] == 'success'){
									$('.shopping-bag a span').html(json['data']['itemcount'])
								}
							}
						}else{
							
						}
					}
					
				});
			}else{
				alert('fail!');
			}
		});
		
		this.element.find(removeitem).live('click', function(event) {
			var $currentbutton = $(this);
			var $product = $currentbutton.closest('.product-item');
			var $popup = $('.window-popup');
			var delid = $(this).attr('rel');
	 
			event.preventDefault();
			$('.removing-product').css('top', $product.position().top + 'px').fadeIn(200,function() {
				$.ajax({
					type: 'POST',
					url: '/account/remove-product?ajax',
					data: $.param({ itemid: delid }),
					success: function(data) {
						if(data == '1'){
							$product.stop(true).slideUp(400);
							$('.removing-product').slideUp();
						}
					}
				});
			});
			
			$popup.find('.cancel, .close').unbind().click(function(event) {
				$('.removing-product').hide();
				$('.helper-popup').hide();
			});
		});
		
		
	}
	
});

$.widget('ui.emailbag', {
	options: {
		emailbag: '.email-to-friend'
	},
	_create: function(){
		var obj = this;
		var emailbag = this.options.emailbag;
		
		this.element.find(emailbag).live('click', function() {
			if(!$(this).hasClass('pending')){
				var elementid = $(this).attr('rel').split(',');
				$(this).addClass('pending');
				$(this).parent().append('<img src="/themes/clippy/images/icons/loading-email.gif" />');
				$.ajax({
					type: 'POST',
					url: '/custom-hand-bag/save-email?ajax',
					data: $.param({ colorid: elementid[0], coloursize: elementid[1], userbag: elementid[2] }),
					success: function(data){
						json = $.parseJSON(data);
						$('#overlay').show();
						window.location = '/custom-hand-bag/email-product/'+json['data']['id']+'-'+json['data']['date'];
					
					}
					
				});
			}
		});
	}
	
});

$().ready(function() {
	$('.account-right-side').custombasketaction();
	$('.account-right-side').emailbag();
});