function showBigICard(obj, page) {
	var div = common.element('container-'+ page);
	if (div !== false) {
		common.element('splash').setAttribute('icard', 'container-'+ page);
		common.element('splash').style.display = 'block';
		common.element('container-'+ page).style.display = 'block';
	} else {
		var table = common.ancestors(obj, 'table', true);
		var book_holder = common.ancestors(table, 'div', true);
		common.element('splash').style.display = 'block';
		common.element('splash').onclick = hideBigICard;
		common.element('splash').setAttribute('icard', 'container-'+ page);
		div = document.createElement('div');
		div.className = 'big-icard';
		div.id = 'container-'+ page;
		div = common.element('splash').parentNode.insertBefore(div, common.element('splash'));
		div.style.top = book_holder.offsetTop +'px';
		div.style.left = book_holder.offsetLeft +'px';
		new Ajax.Request('/_icards/'+ page +'.html',{onSuccess: function(response) {
			this.innerHTML = response.responseText;
		}.bind(div)});
	}
}

var hideBigICard = function() {
	common.element('splash').style.display = 'none';
	common.element(common.element('splash').getAttribute('icard')).style.display = 'none';
}


if (typeof window.addHandler !== 'function') {
	function addHandler(object, event, handler) {
		if (typeof object.addEventListener != 'undefined') {
			object.addEventListener(event, handler, false);
		} else if (typeof object.attachEvent != 'undefined') {
			object.attachEvent('on' + event, handler);
		} else {
			throw "Incompatible browser";
		}
	}
}
if (typeof window.removeHandler !== 'function') {
	function removeHandler(object, event, handler) {
		if (typeof object.removeEventListener != 'undefined') {
			object.removeEventListener(event, handler, false);
		} else if (typeof object.detachEvent != 'undefined') {
			object.detachEvent('on' + event, handler);
		} else {
			throw "Incompatible browser";
		}
	}
}

addHandler(window, 'load', function() {
	var hrefs = document.getElementsByTagName('a'), i = 0;
	for (i;i<hrefs.length;i++) {
		if (/\s*pop-note\s*/.test(hrefs[i].className)) {
			hrefs[i].onmouseover = function() {
				var span = this.getElementsByTagName('span')[0];
				span.style.display = 'block';
				span.style.top = '-'+ (this.offsetHeight + span.offsetHeight) +'px';
				span.style.left = '-'+ (span.offsetWidth) +'px';
			}
			hrefs[i].onmouseout = function() {
				this.getElementsByTagName('span')[0].style.display = '';
			}
			hrefs[i].onclick = function() {return false;}
		}
	}
});