function newDiv() {
	var objDiv = document.getElementById('dialog-window');
	if (objDiv!=null) {
		document.body.removeChild(objDiv);
	}
	
	var objDiv = document.createElement('div');
	objDiv.id = 'dialog-window';
	document.body.appendChild(objDiv);
	
	return objDiv;
};

function getDialog(productID) {
	
	newDiv();
	
	$(document).ready(function() {
		
		var dialogWindow = $('#dialog-window');
		
		dialogWindow.append('<div style="text-align:right; padding:0 0 10px 0"><img src="/js/hideimage.jpg" id="closeDialogButton" /></div><div id="productInfo" style="overflow:auto; width:710px;"></div>');
		
		
		$('#productInfo').load('/ajax/getproduct.php',{id:productID});
		
		
		dialogWindow.fadeOut(0);
		var windowScrollTop = $(window).scrollTop() + 20;
		dialogWindow.css({'position':'absolute','top':windowScrollTop,'width':'710px','background':'#ffffff','padding':'10px','border-radius':'8px','box-shadow':'0 0 5px rgba(0,0,0,0.8)'});
		var Value1 = $(window).width()/2;
		var Value2 = dialogWindow.width()/2;
		var divLeft = Value1 - Value2;
		dialogWindow.css('left',divLeft);
		dialogWindow.fadeIn(500);
		
		$(window).resize(function(){
			var Value1 = $(window).width()/2;
			var Value2 = dialogWindow.width()/2;
			var divLeft = Value1 - Value2;
			dialogWindow.css('left',divLeft);
		});
		
		$('#closeDialogButton').mouseover(function(){
			$(this).css('cursor','pointer');
		});
		
		$('#closeDialogButton').click(function(){
			dialogWindow.fadeOut(500);
		});
		
	});
};