function eventOver(id){
	id.style.opacity=0.7;
	id.filters.alpha.opacity=70;
}
function eventOut(id){
	id.style.opacity=1;
	id.filters.alpha.opacity=100;
}


$(document).ready(function(){
	var item = document.getElementById("draggable");
	var objX = 800;
	var objY = 170;
	var bW = window.innerWidth;
	var bH = window.innerHeight;
	var targetX, targetY, mclick;
	var cX, cY, mX, mY, uX, uY, eff;
	var nPosition = 0;
	var dbltxt = false;

// getting rid of text overlap with nav	
	$(window).scroll(function () { 
		if (index !== true) {
			var n = $("#nav");
			nPosition = n.position();
			if (nPosition.top > 30) {
				var sf = ((140 - nPosition.top) / 100);
				
				sf = Math.max(sf, 0);
				sf = Math.min(sf, 1);
	
				$("#nav-menu").css('opacity', sf); 
				
				if (nPosition.top < 30) {
					pdescReset();
				}
			}
		}
    });
    
    function pdescReset(){
    	$("#nav-menu").css('opacity', 1);
    }
	
	var initialize = true;
	reset('slow');

// MOVE -----------------------------------------------
	
	setInterval ( mcheck , 25 );
	
	function mcheck() {
		if (mclick == true) {
			move();
		}
		if (nPosition.top < 30){
			pdescReset();
		}
	}
	
	function easing() {
			
		dX = uX-cX;
		dY = uY-cY;
			
		if (Math.abs(dX) > 30 || Math.abs(dY) > 30) {
//			$('#detect').html( cX + ', ' + cY );	
			eff = 1.1; //1.0=none
			efmin = 5; //minimum
			
			deX = parseInt((dX/10)*eff);
			deY = parseInt((dY/10)*eff);
			
			if (deX < 0) {
				deX = Math.max((deX*-1),efmin);
				easingX = '-=' + deX;
			}
			else {
				deX = Math.max(deX,efmin);
				easingX = '+=' + deX;
			}
			if (deY < 0) {
				deY = Math.max((deY*-1),efmin);
				easingY = '-=' + deY;
			}
			else {
				deY = Math.max(deY,efmin);
				easingY = '+=' + deY;
			} 
			$.scrollTo( {left: easingX, top: easingY}, 500);
		}
	}
	
	function move() {
		$.scrollTo( {left: targetX, top: targetY }, 1);
	}
	
	function fadeDrI() {
		$("#dr1").fadeTo("slow", 1);
	}
	
	function fadeDrO() {
		if (mclick == true && dbltxt == false) {
			dbltxt = true;
			$("#dr1").fadeTo("slow", 0.01);
			setTimeout ( fadeDrI , 5000 );
		}
	}
	
	$("#draggable").mousedown(function(e){
		cX = e.clientX;
		cY = e.clientY;
	});
	
	$("#draggable").mouseup(function(d){
		uX = d.clientX;
		uY = d.clientY;
		mclick = false;
		$("#dr1").css("opacity","1");
		easing();
	});
	
	$("#draggable").dblclick(function(){
		$("#draggable").fadeOut("fast", reset('fast'));
	});
	
	function reset(fadein) {
		var l = 0;
		var t = 0;
		$.scrollTo( {left: 0, top: 0}, 500, {
			onAfter:function(){ 
				item.style.left = objX + 'px';
				item.style.top = objY + 'px';
				if (initialize == true) {
					setTimeout ( slowReset , 500 );
					initialize = false;
				}
				else {
					$("#draggable").fadeIn(fadein);
				}
			} 	
		});
	}
	
	function slowReset() {
		$("#draggable").fadeIn('slow');
	}
	
	$().mousemove(function(e){
		$('#detect').html( e.pageX + ', ' + e.pageY );
		mX = parseInt((e.clientX-cX)/10);
		mY = parseInt((e.clientY-cY)/10);

		if (mX < 0) {
			targetX = '-=' + mX*-1;
		}
		else {
			targetX = '+=' + mX;
		}
		if (mY < 0) {
			targetY = '-=' + mY*-1;
		}
		else {
			targetY = '+=' + mY;
		}
	});
	
	
	$("#draggable").draggable({
		start: function(event, ui) {
			setTimeout ( fadeDrO , 3000 );
		},
		drag: function(event, ui) {
			mclick = true;
    	},
    	zIndex: 999,
    	revert:	false,
		fx:	300,
		stop: function(event, ui) {
			mclick = false;
		}
	});
	
	
	
});