Clickables = function (target, clickableClassName) {
	var container = document.getElementById(target);
	if (!container) return;
	var clickables = container.childNodes;
	for (var i=0;i<clickables.length;i++){
		if (clickables[i].className && clickables[i].className.indexOf(clickableClassName) != -1) {
			this.setClickable(clickables[i]);
		}
	}	
}
Clickables.prototype.setClickable = function (obj) {
	var anchor = obj.getElementsByTagName("a")[0];
	if (!anchor) return;
	obj.anchor = anchor;
	// check for frame span. carrousel has an extra span that needs a hover	
	var span = obj.getElementsByTagName("span")[0];
	if (span && span.className && span.className == "frame") {
		obj.frame = span;
	}
	obj.onclick = function() {
		var target = this.anchor.target;
		var href = this.anchor.href;
		if (target && target != "" & target != "_self") {
			window.open(href);
		}
		else {
			window.location.href=href;
		}
		return false;
	}
	obj.onmouseover = function() {
		if (this.anchor.className && this.anchor.className != "") {
			this.anchor.className = this.anchor.className + " hover";
		}
		else {
			this.anchor.className = "hover";
		}
		if (this.frame) {
			if (this.frame.className && this.frame.className != "") {
				this.frame.className = this.frame.className + " hover";
			}
			else {
				this.frame.className = "hover";
			}
		}
	}
	obj.onmouseout = function() {
		if (this.anchor.className.indexOf("hover") != -1) {
			this.anchor.className = this.anchor.className.substring(0,this.anchor.className.indexOf("hover"));
		}
		if (this.frame && this.frame.className.indexOf("hover") != -1) {
			this.frame.className = this.frame.className.substring(0,this.frame.className.indexOf("hover"));
		}
	}
}