(function($) {
	$.fn.swapImgTo = function(options) {
		var settings = $.extend({}, options || {});
		$(this).each(function() {
			$('#loader').show();
			if ($(this).parent('div').size() == 0) {$(this).wrap('<div></div>')}
			$('<img />').load(function(){
				$('#hiddenimg').append( $(this) );
				$('#preview')
					.parent()
					.css('background-image', 'url(' + settings.newImage + ')')
					.css('background-repeat', 'no-repeat')
					.end()
					.fadeOut(500, function() {
						$('.active').removeClass('active');
						var colsel = '.color_' + settings.id + ' a';
						$(colsel).addClass('active');
						this.src = settings.newImage;
						$(this).show();
						$('#loader').hide();
					});
			}).attr('src', settings.newImage);
		});
	};
})(jQuery);

$(function() {
	$('.color_1').click(function(event) {event.preventDefault();$('img#preview').swapImgTo({ newImage: './images/android-developer-set-grey.png', id: 1 });});
	$('.color_2').click(function(event) {event.preventDefault();$('img#preview').swapImgTo({ newImage: './images/android-developer-set-green.png', id: 2 });});
	$('.color_3').click(function(event) {event.preventDefault();$('img#preview').swapImgTo({ newImage: './images/android-developer-set-blue.png', id: 3 });});
	$('.color_4').click(function(event) {event.preventDefault();$('img#preview').swapImgTo({ newImage: './images/android-developer-set-red.png', id: 4 });});
	$('.color_5').click(function(event) {event.preventDefault();$('img#preview').swapImgTo({ newImage: './images/android-developer-set-orange.png', id: 5 });});
	$('.color_6').click(function(event) {event.preventDefault();$('img#preview').swapImgTo({ newImage: './images/android-developer-set-white.png', id: 6 });});
	$('.color_7').click(function(event) {event.preventDefault();$('img#preview').swapImgTo({ newImage: './images/android-developer-set-black.png', id: 7 });});

});