function CheckImageSelected(){	
	
	var theForm;
	var continueButton;
	var radioButtons;
	var postcardImages;
	var images;	
	var valid = false;
	var self = this;
	
	this.checkIfImageSelected = function() {
		for(var i=0;i<self.radioButtons.length;i++){
			if(self.radioButtons[i].checked)
				self.valid = true;
				
			if(self.valid)
			self.theForm.submit();
		}
	}
	
	this.selectRadio = function(i) {
		self.radioButtons[i].checked = "checked";
		self.checkIfImageSelected();
	}
	
	function findPos(obj) {
		var curleft = curtop = 0;
		if (obj.offsetParent) {
			do {
				curleft += obj.offsetLeft;
				curtop += obj.offsetTop;
			} while (obj = obj.offsetParent);
		}
		return [curleft,curtop];
	}
	
	this.handleMouseover = function(i) {
		
		var display_image = document.createElement('img');
		var img_src = self.images[i].src;
		var thumbWidth = self.images[i].offsetWidth;
		var thumbHeight = self.images[i].offsetHeight;
		var parentOffset = findPos(self.postcardImages);
		var coords = findPos(self.images[i]);
		var postcard_name = img_src.substring(img_src.lastIndexOf("/"),img_src.length);
		display_image.setAttribute('src', '/media/images/postcards/preview'+postcard_name);
		self.Ldisplay.appendChild(display_image);
		var point1 = coords[0] - parentOffset[0] + thumbWidth - 10;
		var point2 = coords[1] - parentOffset[1] + 10;
		self.Ldisplay.style.left = point1+"px";
		self.Ldisplay.style.top = point2+"px";		
		self.Ldisplay.style.display = "block";
		//self.Ldisplay.onmouseover = function(){self.handleMouseout(this);}
		//self.Ldisplay.onmouseout = function(){self.handleMouseoutL(this);}
	}
	
	this.handleMouseout = function(e) {
		if (!e) var e = window.event;
		var tg = (window.event) ? e.srcElement : e.target;
		var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
		while (reltg != tg && reltg.nodeName != 'BODY')
			reltg= reltg.parentNode
		if (reltg== tg){
			self.Ldisplay.style.display = "none";
			while (self.Ldisplay.childNodes[0]) {
    			self.Ldisplay.removeChild(self.Ldisplay.childNodes[0]);
			}			
		 return;
		}
				
	}
	
	this.handleMouseoutL = function() {
		self.Ldisplay.style.display = "none";
		while (self.Ldisplay.childNodes[0]) {
    		self.Ldisplay.removeChild(self.Ldisplay.childNodes[0]);
		}
				
	}
	
	this.handleMouseMove = function(i){
		var coords = findPos(self.images[i]);
		var parentOffset = findPos(self.postcardImages);
		var thumbWidth = self.images[i].offsetWidth;
		var thumbHeight = self.images[i].offsetHeight;
		var point1 = coords[0] - parentOffset[0] + thumbWidth - 10;
		var point2 = coords[1] - parentOffset[1] + 10;
		self.Ldisplay.style.left = point1+"px";
		self.Ldisplay.style.top = point2+"px";
	}
			
	this.init = function(){
		self.theForm = document.getElementById("postcard-select-form");
		self.postcardImages = document.getElementById("postcard-images");
		self.radioButtons = self.postcardImages.getElementsByTagName("input");
		self.anchors = self.postcardImages.getElementsByTagName("a");
		
		
		for(var i=0;i<self.anchors.length;i++){
			self.anchors[i].index = i;
			self.anchors[i].onclick = function(){ self.selectRadio(this.index);return false; }			
		}
	}
	
}
var checkImageSelected = new CheckImageSelected();

onloadHandlers[onloadHandlers.length] = 'checkImageSelected.init()';