//Mathieu dumais-savard 2008
// http://www.mathieusavard.info/
// version 0.2
jQuery.fn.threesixty = function(options){
		options = options || {};
		options.images = options.images || [];
		options.method = options.method || "click"
		options.cycle = options.cycle || 1;

    return this.each(function(){
			var imgArr = [];
			var pic = $(this);
		//ask browser to load all images.. I know this could be beter but is just a POC
				$.each(options.images, function(index, record) { var o =$("<img>").attr("src",record).hide();		$("body").append(o); });

			for (var x=1; x<=options.cycle; x++)
				for (var y=0; y<options.images.length; y++)
					imgArr.push(options.images[y]);

			//add the first slice again to complete the loop
			imgArr.push(options.images[0]);
			

			
			if (options.method == "mousemove")
				pic.mousemove(function(e) {
					pic.attr("src",imgArr[Math.floor((e.pageX - pic.offset().left) / (pic.width()/imgArr.length))]);
				});


			if (options.method == "click")
			{
				var od = $("<div>").css({width:pic.width() +"px", height:pic.height() + "px", "background-image": "url(" + pic.attr("src") +")"});
				pic.replaceWith(od);
				pic = od;
				var imgSrc;
				pic.mousedown(function() {

					if ($.browser.mozilla || $.browser.msie)
					{	var od = $("<img>").attr("src",imgArr[0]);
						pic.append(od);
					}
					
					pic.mousemove(function(e) {
						imgSrc = imgArr[Math.floor((e.pageX - pic.offset().left) / (pic.width()/imgArr.length))];
						if ($.browser.mozilla || $.browser.msie)
							od.attr("src",imgSrc);
						else
							pic.css({"background-image": "url(" + imgSrc + ")"});
					});
				});			
				pic.mouseup(function() { pic.css({"background-image": "url(" +imgSrc  +")"}); pic.find("img").remove(); pic.unbind("mousemove"); });
		}
		
    });
};