var mouseX=0;
var mouseY=0;

previewImage=function(src){
	hidePreview();
	var previewHTML='<div id="preview" style="position:absolute;z-index:55;"><img id="previewImage" class="slika" src="'+src+'" alt=""/></div>';
	//<div id="previewProgressBar">Trenutak molim...</div>
	$('body').prepend(previewHTML);
	//previewProgressBar = document.getElementById('previewProgressBar');
	//previewImage = document.getElementById('previewImage');
    //previewImage.onload=function() {previewProgressBar.style.display='none';}
	
}
previewProduct=function(url){
	hidePreview();
	$.ajax({
		  url: url,
		  cache: false,
		  success: function(data){
			var previewHTML='<div id="preview" style="background-color:#fff;position:absolute;z-index:55;top:'+(mouseY+10)+'px;left:'+(mouseX+10)+'px;">'+data+'</div>';
		    $('body').prepend(previewHTML);
			//$("#preview").css('top', mouseY+10+'px');
			//$("#preview").css('left', mouseX+10+'px');
		  }
		});
}
hidePreview=function(){
	if($('#preview').html()){
		$('#preview').remove();
	}
}
$(function() {
	$('body').bind('mousemove', function(e){
		mouseX=e.pageX;
		mouseY=e.pageY;
		if($('#preview').html()){
			$("#preview").css('top', mouseY+10+'px');
			$("#preview").css('left', mouseX+10+'px');
		}
	});
	$('body').bind('click', hidePreview );
});