var box = null;
var btn = null;
var bg = null;
var flc = null;
var current = null;


function doBox(el) {
		var data = el.get('class').split('|');
		var pos = el.getCoordinates();
		var styli = {'left':pos.left, 'top':pos.top, 'opacity':0, 'display':'' }
		
		var obj = new Swiff('player.swf', {
				id: 'player',
				width: 275,
				height: 238,
				params: {
						wmode: 'transparent',
						bgcolor: '#000000'
				},
				vars: {
						mp3: data[0],
						prezzo: data[1],
						isbn: data[2],
						idlibro: data[3],
						extra_txt: data[4],
						extra_url: data[5]
				},
				container: flc, 
				swLiveConnect: true
		});
		
		box.setStyles(styli);
		box.fade('in');
		bg.setStyle('opacity',0.8);
		
		//console.log(data);
}


function moveBox(el) {
	if(el!=null) {
		var pos = el.getCoordinates();
		var morph = new Fx.Morph(box);
		
		morph.start({
			left: pos.left,
			top:  pos.top
		});
	}
}


window.addEvent('domready', function() {

	box = $('overlay');
	btn = $('closebtn');
	bg = $('box');
	flc = $('flContainer');
	
	
	$$('img').each(function(el) {
		if(el.getParent().get('id') == 'contenuti' && el.get('class')!='')
		{
			el.setStyle('cursor','pointer');
			el.addEvent('click', function(e) { current = el; doBox(el); });		
		}
	});
		
	
	btn.addEvent('click', function(e) {
		//box.fade('out');
		box.setStyle('display','none');
	});

	
});


window.addEvent('resize', function() {
		moveBox(current);
});