(function($) {

$.colourPicker = {

	verticalOffset: -75,
	horizontalOffset: 0,
	repositionOnResize: true,
	overlayOpacity: .70,                // transparency level of overlay
	overlayColor: '#000',
	okButton: ' Delete ',         // text for the OK button
	cancelButton: ' Cancel ',		// text for cancel button
	
	//public methods
	
	
	
	
	// private methods
	
	_init: function(){
		
		var srcArr = Array("assets/images/walls_white.jpg","assets/images/walls_cream.jpg","assets/images/walls_green.jpg","assets/images/walls_blue.jpg","assets/images/walls_grey.jpg");
		var preloaded = $.colourPicker._preloadImages(srcArr,function(result){
		$.colourPicker._show(srcArr);															
	});
		
	},
	
	
	_show: function(srcArr){
		
		var swatches = $("#palette a");
		$(swatches[0]).addClass("active");
		$(".colourpicker .inner").html('<img id="pic" src="'+srcArr[0]+'" alt="" width="636" height="263" />');
		var pic = $("#pic");
		
	swatches.each(function(){
			$(this).click(function(){
			index = $(this).index("#palette a");
			pic.attr("src",srcArr[index]);
			swatches.each(function(){
			$(this).removeClass("active");					   
								   })
			$(this).addClass("active");
				
			
			
						   })
						   
						   })

	},
	
	
_preloadImages: function(_images, callback){


	
	var gotime = _images.length;

	$.each(_images,function(e) {
							src = this;
							
	
		$(new Image()).load(function() {
			if (--gotime < 1){
				callback(true) ;
				
			}
		}).attr('src',src);
	});	  
	
		  
}
	
	
						
}

// Shortcut functions
jColourPicker = function(){
	$.colourPicker._init();
};

})(jQuery);