window.addEvent('load',function(){
	$('logo4').setOpacity(0);
	$('logo4').effect = new Fx.Morph($('logo4'),{duration:500});
	$('logoDrag').original = {top:$('logoDrag').offsetTop,left:$('logoDrag').offsetLeft};

	$('logoDrag').makeDraggable({
		onDrop: function(element, droppable, event){
		    //this.stop();
		    new Fx.Morph(element,{duration:1000,transition: 'elastic:out'}).start({'top':element.original.top,'left':element.original.left})
		    new Fx.Morph($('logo2'),{duration:1000,transition: 'elastic:out'}).start({'top':element.original.top,'left':element.original.left})
		    new Fx.Morph($('logo3'),{duration:1000,transition: 'elastic:out'}).start({'top':element.original.top,'left':element.original.left})
		    $('logo4').effect.cancel();
		    $('logo4').effect.start({'opacity':0})
		    $('logo').getElements('img').setStyle('z-index',0);
		},
		onDrag: function(element, event){
		    $('logo').getElements('img').setStyle('z-index',1);
		    offsetTop = (element.original.top+element.offsetTop)*0.5;
		    offsetLeft = (element.original.left+element.offsetLeft)*0.5;
		    $('logo2').setStyles(
			{
			    'top':offsetTop,
			    'left':offsetLeft
			}
		    );
		    $('logo3').setStyles(
			{
			    'top':(element.original.top+$('logo2').offsetTop)*0.5,
			    'left':(element.original.left+$('logo2').offsetLeft)*0.5
			}
		    );

		    if(Math.abs(offsetTop-element.original.top)>50 || Math.abs(offsetLeft-element.original.left)>120){
			this.stop();
		    }
		},
		onStart: function(element,event){
		    //$clear($('logoDrag').timer);
		    $('logo4').effect.cancel();
		    $('logo4').effect.start({'opacity':1})
		}
	});
	/**
	$('logoDrag').addEvent('mouseover',function(){
	    toggle = function(){
		if($('logoDrag').getStyle('cursor')=='pointer'){
		    $('logoDrag').setStyle('cursor','move');
		}else{
		    $('logoDrag').setStyle('cursor','pointer');
		}
	    }
	    
	    $('logoDrag').timer = toggle.periodical(1000);
	});

	$('logoDrag').addEvent('mouseout',function(){
	    $clear($('logoDrag').timer);
	});
	/**/
});