var xmlHttp;
function createXMLHTTPRequest() {
	if (window.ActiveXObject) {
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
		else if (window.XMLHttpRequest) {
		xmlHttp = new XMLHttpRequest();
		}
};

function overlayWindowClose() {
	document.getElementById('overlayWindow').innerHTML = "";
	return false;
	}
	
function renderPackage(pkg_id) 
	{
	var text = encodeURIComponent(document.getElementById('sample-text').value);
	var size = parseInt(document.getElementById('size').value);
	var color = document.getElementById('color').value;
	var background = document.getElementById('background').value;
	
	createXMLHTTPRequest();
	xmlHttp.onreadystatechange = processRenderPackage;
	xmlHttp.open('GET','/ajax/renderPackage.php?package_id=' + pkg_id + '&sample_text='+text+'&size='+size+'&color='+color+'&background='+background+'&stamp='+ new Date().getTime(), true);
	xmlHttp.send(null);
	};
		
function processRenderPackage() 
	{
	if (xmlHttp.readyState == 4)
		{
		if (xmlHttp.status == 200) 
			{
			document.getElementById('families-list').innerHTML = xmlHttp.responseText;
			
			$(".list .dragger img").draggable({
	
				containment: 'document',
				opacity: 0.6,
				revert: 'invalid',
				helper: 'clone',
				zIndex: 100
				
				});
			};
		};
	};
	
function renderFamily(fam_id) 
	{
	var text = encodeURIComponent(document.getElementById('sample-text').value);
	var size = parseInt(document.getElementById('size').value);
	var color = document.getElementById('color').value;
	var background = document.getElementById('background').value;
	
	createXMLHTTPRequest();
	xmlHttp.onreadystatechange = processRenderFamily;
	xmlHttp.open('GET','/ajax/renderFamily.php?family_id=' + fam_id + '&sample_text='+text+'&size='+size+'&color='+color+'&background='+background+'&stamp='+ new Date().getTime(), true);
	xmlHttp.send(null);
	};
		
function processRenderFamily() 
	{
	if (xmlHttp.readyState == 4)
		{
		if (xmlHttp.status == 200) 
			{
			document.getElementById('typefaces-list').innerHTML = xmlHttp.responseText;
			
			$(".list .dragger img").draggable({
	
				containment: 'document',
				opacity: 0.6,
				revert: 'invalid',
				helper: 'clone',
				zIndex: 100
				
				});
			};
		};
	};

function renderFamilySearch(condition) 
	{
	var text = encodeURIComponent(document.getElementById('sample-text').value);
	var size = parseInt(document.getElementById('size').value);
	var color = document.getElementById('color').value;
	var background = document.getElementById('background').value;

	createXMLHTTPRequest();
	xmlHttp.onreadystatechange = processRenderFamilySearch;
	xmlHttp.open('GET','/ajax/renderFamilySearch.php?condition=' + condition + '&sample_text='+text+'&size='+size+'&color='+color+'&background='+background+'&stamp='+ new Date().getTime(), true);
	xmlHttp.send(null);
	};
		
function processRenderFamilySearch() 
	{
	if (xmlHttp.readyState == 4)
		{
		if (xmlHttp.status == 200) 
			{
			document.getElementById('families-list').innerHTML = xmlHttp.responseText;
			$(".list .dragger img").draggable({
	
				containment: 'document',
				opacity: 0.6,
				revert: 'invalid',
				helper: 'clone',
				zIndex: 100
				
				});
			};
		};
	};

function renderBestsellers() 
	{
	var text = encodeURIComponent(document.getElementById('sample-text').value);
	var size = parseInt(document.getElementById('size').value);
	var color = document.getElementById('color').value;
	var background = document.getElementById('background').value;

	createXMLHTTPRequest();
	xmlHttp.onreadystatechange = processRenderBestsellers;
	xmlHttp.open('GET','/ajax/renderBestsellers.php?sample_text='+text+'&size='+size+'&color='+color+'&background='+background+'&stamp='+ new Date().getTime(), true);
	xmlHttp.send(null);
	};
		
function processRenderBestsellers() 
	{
	if (xmlHttp.readyState == 4)
		{
		if (xmlHttp.status == 200) 
			{
			document.getElementById('families-list').innerHTML = xmlHttp.responseText;
			$(".list .dragger img").draggable({
	
				containment: 'document',
				opacity: 0.6,
				revert: 'invalid',
				helper: 'clone',
				zIndex: 100
				
				});
			};
		};
	};
	
function renderFree() 
	{
	var text = encodeURIComponent(document.getElementById('sample-text').value);
	var size = parseInt(document.getElementById('size').value);
	var color = document.getElementById('color').value;
	var background = document.getElementById('background').value;

	createXMLHTTPRequest();
	xmlHttp.onreadystatechange = processRenderFree;
	xmlHttp.open('GET','/ajax/renderFree.php?sample_text='+text+'&size='+size+'&color='+color+'&background='+background+'&stamp='+ new Date().getTime(), true);
	xmlHttp.send(null);
	};
		
function processRenderFree() 
	{
	if (xmlHttp.readyState == 4)
		{
		if (xmlHttp.status == 200) 
			{
			document.getElementById('typefaces-list').innerHTML = xmlHttp.responseText;
			$(".list .dragger img").draggable({
	
				containment: 'document',
				opacity: 0.6,
				revert: 'invalid',
				helper: 'clone',
				zIndex: 100
				
				});
			};
		};
	};
	
function renderComparator(content) 
	{
	var text = encodeURIComponent(document.getElementById('sample-text').value);
	var size = parseInt(document.getElementById('size').value);
	var color = document.getElementById('color').value;
	var background = document.getElementById('background').value;
	
	createXMLHTTPRequest();
	xmlHttp.onreadystatechange = processRenderComparator;
	xmlHttp.open('GET','/ajax/renderComparator.php?content=' + content + '&sample_text='+text+'&size='+size+'&color='+color+'&background='+background+'&stamp='+ new Date().getTime(), true);
	xmlHttp.send(null);
	};
		
function processRenderComparator() 
	{
	if (xmlHttp.readyState == 4)
		{
		if (xmlHttp.status == 200) 
			{
			document.getElementById('typefaces-list').innerHTML = xmlHttp.responseText;
			};
		};
	};
	
function openTypefaceWindow(identifier) 
	{
	createXMLHTTPRequest();
	xmlHttp.onreadystatechange = processTypeface;
	xmlHttp.open('GET','/ajax/updateTypeface.php?id=' + identifier + '&stamp='+ new Date().getTime(), true);
	xmlHttp.send(null);
	};
		
function processTypeface() 
	{
	if (xmlHttp.readyState == 4)
		{
		if (xmlHttp.status == 200) 
			{
			document.getElementById('overlayWindow').innerHTML = xmlHttp.responseText;
			};
		};
	};