if (typeof(GameSalad) == "undefined") GameSalad = new Object();

GameSalad.Screenshots =  {
	wireScreenshot: function(elem) {
		var input1 = new Element("input", {'type':'radio', 'name':'screenshot', 'value':elem.id});
		input1.setStyle({ visiblity:'hidden', display:'none' });

		var input2 = new Element("input", {'type':'radio', 'name':'screenshot', 'value':elem.id});
		input2.setStyle({ visiblity:'hidden', display:'none' });
						
		$('updateScreenshotForm').appendChild(input1);
		$('deleteScreenshotForm').appendChild(input2);

		if ('true' == Element.readAttribute(elem, "selected")) {
			input1.checked = true; input2.checked = true;
			Element.toggleClassName(elem, 'highlighted');
		}
		
		Event.observe(elem, 'click', function() {
			if (!input1.checked) {
				input1.checked = true; input2.checked = true;
				$$("#screenshots .screenshot").each( function (shot) {
					if (shot.id != input1.value) {
						shot.removeClassName('highlighted')
					} else {
						shot.addClassName('highlighted')
					}
				})
			}
		});
		elem.converted = true;
	},
	
	onRemoveImage: function() {
		var checked = Form.getInputs('updateScreenshotForm', 'radio', 'screenshot').find(
			function(re) {
				return re.checked;
			}
		);
		$(checked.value).hide();
		$$("#screenshots .screenshot").each( function (elem) {
			if ('true' == Element.readAttribute(elem, "selected")) {
				input1.checked = true; input2.checked = true;
				Element.toggleClassName(elem, 'highlighted');
			}
		} );
	},
	
	addImage: function(id, url1) {
		var ssDiv = new Element("div", { "id":id, "class": "screenshot small" })
		ssDiv.update('<img src="' + url1 + '" width="90" height="60" />')
		$('screenshots').appendChild(ssDiv)
		GameSalad.Screenshots.wireScreenshot(ssDiv)	
	}
	
};

Event.domReady.add(function() {
	$$("#screenshots .screenshot").each( function (elem) {
		if (!elem.converted) {
			GameSalad.Screenshots.wireScreenshot(elem);
		}
	})	
})