//Mathieu dumais-savard 2008
// http://www.mathieusavard.info/

jQuery.fn.threesixty = function(options){
		options = options || {};
		options.images = options.images || [];
    return this.each(function(){
			var pic = $(this);
		//ask browser to load all images.. I know this could be beter but is just a POC
			var o = $("<div class=rotateNoShow></div>");
				$.each(options.images, function(index, record) { o.append($("<img src='" + record + "' />")) });
				pic.attr("src", options.images[0]);
				pic.after(o);
				$(".rotateNoShow").hide();

			//add the first slice again to complete the loop
			options.images.push(options.images[0]);
			pic.mousemove(function(e) {
				pic.attr("src", options.images[Math.floor((e.pageX - pic.offset().left) / (pic.width()/options.images.length))]);
			});

    });
};