// JavaScript Document


var O = {
	
	el : '',
	
	pos: {
		'left' : [3, 20],
		'middle' : [7, 24],
		'right' : [11, 28]
	},
	
	blogPage: false,
	
	init: function(){
		O.el = $('#owl');
		if( O.blogPage ){
		//	O.el.css({'top':'-28px'});
		}else{
		//	O.el.css({'bottom':'-28px'});
		}
		$('#lefteye').delay(1000);
		$('#righteye').delay(1000);
		O.blogPage = window.location.href.indexOf('blog') != -1 ? true : false;
		//window.setTimeout(O.showOwl1, 1000);
		O.showOw2();
	},
	
	showOwl1: function(){
		/*
		if(O.blogPage){
			O.el.animate({'top':0}, {complete:O.showOw2});
		}else{
			O.el.animate({'bottom':0}, {complete:O.showOw2});
		}
		*/
		O.showOw2();
	},
	
	showOw2: function(){
		
		window.setTimeout(O.beginMouseTrack, 1000);
	},
	
	beginMouseTrack: function(){
		$(document).mousemove(O.trackMouse);
	},
	
	eyesLeft: function(){
		O.animateEyes( O.pos.left[0], O.pos.left[1] );		
	},
	
	eyesRight: function(){
		O.animateEyes( O.pos.right[0], O.pos.right[1] );		
	},
	
	eyesMiddle: function(){
		O.animateEyes( O.pos.middle[0], O.pos.middle[1] );		
	},
	
	eyesDown: function(){
		if(O.blogPage){
			
		}else{
			O.animateEyesAndBrow(22, 12);
		}
	},
	
	eyesUp: function(){
		if(O.blogPage){
			
		}else{
			O.animateEyesAndBrow(18, 8);
		}
	},
	
	crossEyes: function(){
		O.eyesDown();
		O.animateEyes(O.pos.right[0], O.pos.left[1]);
	},
	
	animateEyes: function(l, r){
		/*
		$('#lefteye').animate({'left':l}, {duration:250});
		$('#righteye').animate({'left':r}, {duration:250});
		*/
			$('#lefteye').css({'left':l});
		$('#righteye').css({'left':r});
		
	},
	
	animateEyesAndBrow: function(e, b){
		/*
		$('#lefteye').animate({'top':e}, {duration:250});
		$('#righteye').animate({'top':e}, {duration:250});
		$('#brow').animate({'top':b}, {duration:250});
		*/
		$('#lefteye').css({'top':e});
		$('#righteye').css({'top':e});
		$('#brow').css({'top':b});
	},
	
	trackMouse: function(e){
		var pos = O.el.offset();
		pos.maxleft = pos.left + O.el.width();
		if(O.blogPage){
			pos.maxtop = 38;
			pos.top = 10;
		}else{
			pos.maxtop = $('#header').height();
			pos.top = pos.maxtop - 28;
		}
		$('#lefteye').clearQueue();
		$('#righteye').clearQueue();
		$('#brow').clearQueue();
		if( e.pageX > pos.maxleft ){
			O.eyesRight();	
		}else if( e.pageX < pos.left){
			O.eyesLeft();
		}else{
			O.eyesMiddle();	
		}
		
		if( e.pageY > pos.maxtop ){
			O.eyesDown();	
		}else{
			O.eyesUp();
		}
		if( e.pageX > pos.left && e.pageX < pos.maxleft && e.pageY < pos.maxtop && e.pageY > pos.top ){
			O.crossEyes();
		}
	}
}


$(document).ready( O.init);