$(document).ready(function(){
	
	var card = new Card($("#droppable"));

	$(card).bind('changeCard', function(){
			$('input#string').attr('value', card.getCardLayout());
		});

	$('.bg').css('padding', '2px');
	$('.bg').css('cursor', 'pointer');
	$("#emailForm").validate();
	$('#emailForm').ajaxForm(function(e) { 
		$('#emailForm').clearForm();
		alert("Thank you for sending your custom E-Card! Your loved one will be pleased!!"); 
	});
	
	$('.twitter, .facebook').click(function(){
		if($(this).hasClass('twitter')){
			$.get('/db/share.php', {contents:card.getCardLayout()}, function(data, status){
					if(data != 'ERROR'){
						location.href='http://svns.in/-/?api=e92e8b8a8b78233091d877a6cce55fad&tweet_message=Check%20out%20the%20E-Greeting%20I%20made%20with%20eCardmaker%20Website%20brought%20to%20you%20by%20Sevnthsin%20Collectables%20Collection%21%21%20&tweet&url='+encodeURIComponent(location.href + 'view/' + data);
					} else { 
						alert('OH NO Error try again!!');
					}
				});
			return false;
		}
		if($(this).hasClass('facebook')){
			$.get('/db/share.php', {contents:card.getCardLayout()}, function(data){
					if(data != 'ERROR'){
						location.href='http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.ecardmakerwebsite.com%2Fview%2F' + data + '&t=E%20Card%20Maker';
					//	$.get('/db/proxy.php', {api:'e92e8b8a8b78233091d877a6cce55fad',url:'http://www.ecardmakerwebsite.com/view/' + data}, function(data1){
					//		location.href='http://www.facebook.com/sharer.php?u=' + data1 + '&t=E-Card!!';
					//	});
					} else { 
						alert('OH NO Error try again!!');
					}
				});
			return false;
		}
		
	});
	
	$('.bg').click(function(){
		$('.bg').css('padding', '2px');
		$('.bg').css('border', 'none');
		$('.bg').removeClass('selected');
		$(this).addClass('selected');
		$(this).css('padding', '0');
		$(this).css('border', 'ridge 4px #FF39B9');
		card.setBackground($(this).attr('src').replace(/bgs\//, 'bgs/sm/'));
	});
	
	$('.bg').hover(
		function(){
			if(!$(this).hasClass('selected')){
				$(this).css('padding', '0');
				$(this).css('border', 'solid 2px red');
			}
		},
		function(){
			if(!$(this).hasClass('selected')){
				$(this).css('padding', '2px');
				$(this).css('border', 'none');
			}
		}
	);

   $('.draggable').draggable({
		helper:'clone'
	});

	$('input').change(function(){
		if($(this).attr('id') == 'custom-message'){
			$('select#message option[value="none"]').attr('selected','selected');
			var clean = $(this).val().replace(/<\/?[^p ]{1,2}[^>]*>/ig,'');
			card.setMessage(clean);
		}
	});
	
	$('select').change(function(){
		if($(this).attr('id') == 'message'){
			if($(this).val() == 'none'){
				card.setMessage('');
			} else {
				card.setMessage($(this).val());
			}
			$('#custom-message').attr('value', '');
		}
		if($(this).attr('id') == 'songs'){
			$('#obj-holder object').remove();
			var obj = '<object type="audio/x-midi" data="' + $(this).val() + '" width="0" height="0"><param name="src" value="' + $(this).val() + '"><param name="autoplay" value="true"><param name="autoStart" value="0"></object>';
			$('#obj-holder').append(obj);
			card.setSong($(this).val());
		}
	});

   $("#droppable").droppable({
	hoverClass: 'drophover',
	drop: function(event, ui) { 
		if(!$(ui.helper).hasClass("item")){
			var clone = $(ui.helper).clone();
			$(this).append(clone);
			clone.removeClass();
			clone.addClass('draggable item');
			clone.draggable();
			clone.css('top', clone.position().top - $(this).position().top);
			clone.css('left', clone.position().left - $(this).position().left);
			clone.css('opacity', '1');
		} else {
			if($(ui.helper).hasClass("over")){
				var item = $(ui.helper);
				item.css('opacity', '1');
				item.removeClass("over");
			}
		}
		$(card).trigger('changeCard');
	},
	activate: function(event, ui) { 
		$(ui.helper).css('opacity', '.75');
	},
	deactivate: function(event, ui) { 
		$('#droppable').css('overflow','hidden');
		if($(ui.helper).hasClass('out')){
			$(ui.helper).remove();
			$(card).trigger('changeCard');
		} else {
			$(ui.helper).css('opacity', '1');
		}
	},
	over: function(event, ui) {
		var item = $(ui.helper);
		if(item.hasClass('out')){
			item.css('opacity', '.75');
			$('#droppable').css('overflow','hidden');
			item.removeClass('out');
			item.addClass('over');
		}
	},
	out: function(event, ui) {
		var item = $(ui.helper);
		if(item.hasClass("item")){
			item.css('opacity', .25);
			$('#droppable').css('overflow','visible');
			item.removeClass("over");
			item.addClass("out");
		}
	}
   });
 });