var pos;
var currentId;
function init(){
var elementList = document.getElementsByClassName("thumb");
YAHOO.util.Event.on(elementList, 'mouseover', function() {
		var points = findPos(this);
		enlarge('preview_container_'+this.id, points);
		
    });
}
	

document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
};


function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function enlarge(id, points) {

		currentId = id;
	var myAnim;
	
		document.getElementById('viewer').style.position="absolute";
				
	 myAnim = new YAHOO.util.Motion('viewer');
	pos = myAnim.getAttribute('points');
	
	myAnim.attributes.opacity = { from: 0, to:1  };
	myAnim.attributes.points = { from: [points[0]-50, points[1]-50],to: [points[0]-50, points[1]-50]};
	myAnim.duration = 1;
	myAnim.method = YAHOO.util.Easing.easeOut;
	myAnim.onStart.subscribe(swap);
	
	myAnim.animate();
	
}

var swap = function(){
	if (navigator.appVersion.indexOf("MSIE")!=-1)
		document.getElementById('viewer').style.filter=("alpha(opacity=0)");
	else
		document.getElementById('viewer').style.opacity=0;
	document.getElementById('viewer').innerHTML=document.getElementById(currentId).innerHTML;
}