$.fn.onedetailimgselector = function() {

	var free4hover = true;

	var switchImg = function(node) {

		var fullsrc = $(node).attr("data-full");
		var zoomsrc = $(node).attr("data-zoom");
		var container = $("#mainImg");

		//get old img
		var oldImg = $("img:visible", container);

		//check if img already exists
		var fullImg = $("img[src='"+fullsrc+"']", container);

		if (!fullImg[0]) {
			//create img
			var fullImg = new Image;
			fullImg.src = fullsrc;
			$(fullImg).hide();
			$(container).prepend(fullImg);
		}


		if(fullImg[0] != oldImg[0]) {
			$(fullImg).fadeIn(100);
			$(oldImg).fadeOut(100);
		}

		//set zoom-img
		//$("#zoomImg")[0].src = zoomsrc;

	};

	$("img", this).bind("mouseenter", function() {
		if (free4hover) {
			switchImg(this);
		}
	});

	$("img", this).bind("click", function() {
		free4hover = false;
		switchImg(this);
	});

	$(this).bind("mouseleave", function() {
		free4hover = true;
	});

}