var editorImage, editorParams;

if (document.all) { 
	try { 
		document.execCommand("BackgroundImageCache", false, true); 
	} catch(oe) { } 
}

window.onload = function() {
	if($('editor')) {
		Event.observe(
			$('editorText'),
			'keyup',
			updateEditorImage
		);
	}
	
	if($('productImages')) {
		var images = $('productImages').getElementsBySelector('a');
		
		images.each(
			function(image) {
				Event.observe(
					image,
					'click',
					function(event) {
						Event.stop(event);

						$('productImage').src = image.href;
					}
				);
			}
		);
	}
	
}

function updateEditorImage() {
	if(!editorImage && editorParams != $('editor').serialize()) {
		$('editorRandom').value = Math.random();
		
		editorParams = $('editor').serialize();
		
		editorImage = Builder.node(
			'img', 
			{ 
				src:	'editorImage?'+editorParams,
				id:		'imageLoad'
			}
		);

		Event.observe(
			$(editorImage),
			'load',
			function() { 
				$('editorImage').parentNode.removeChild($('editorImage'));
				$('editorView').appendChild(editorImage);
	
				editorImage.id	= 'editorImage';
				editorImage			= null;
	
				if(editorParams != $('editor').serialize()) updateEditorImage();
			}
		);
	}
}