jQuery(document).ready(function(){

var opts =
  // horizontal Dock with images expanding downwards in the vertical axis...
{ align: 'middle'
  // set the maximum minor axis (vertical) image dimension to 48px
, size: 82
  // add labels..

};

	jQuery('#dock').jqDock(opts);
	jQuery('body').css({overflow: "hidden"});


	/**
	 * Demo binding and preparation, no need to read this part
	 */
		//borrowed from jQuery easing plugin
		//http://gsgd.co.uk/sandbox/jquery.easing.php
		$.easing.elasout = function(x, t, b, c, d) {
			var s=1.70158;var p=0;var a=c;
			if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.7;
			if (a < Math.abs(c)) { a=c; var s=p/4; }
			else var s = p/(2*Math.PI) * Math.asin (c/a);
			return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
		};
	
	//by default, the scroll is only done vertically ('y'), change it to both.
	$.scrollTo.defaults.axis = 'xy'; 			
	//this one is important, many browsers don't reset scroll on refreshes
	//$('div.pane').scrollTo( 0 );//reset all scrollable panes to (0,0)
	$.scrollTo( 0 );//reset the screen to (0,0)
	$('div.pane').scrollTo( {top:660, left:1300},  4000, { easing:'elasout' } );//reset all scrollable panes to (0,0)
	
	
	//Target examples bindings
	var $paneTarget = $('#content');			
	
	$('#homelink').click(function(){
		//$paneTarget.stop().scrollTo( {top:'110px',left:'290px'}, 2500, { easing:'elasout' } );
		$paneTarget.stop().scrollTo( {top:660, left:1300}, 4000, { easing:'elasout' } );

	});
	$('#serviceslink').click(function(){
		//$paneTarget.stop().scrollTo( {top:'110px',left:'290px'}, 2500, { easing:'elasout' } );
		$paneTarget.stop().scrollTo( {top:330, left:650}, 4000, { easing:'elasout' } );

	});
	$('#portfoliolink').click(function(){
		//$paneTarget.stop().scrollTo( {top:'110px',left:'290px'}, 2500, { easing:'elasout' } );
		$paneTarget.stop().scrollTo( {top:660, left:1950}, 4000, { easing:'elasout' } );

	});
	$('#aboutuslink').click(function(){
		//$paneTarget.stop().scrollTo( {top:'110px',left:'290px'}, 2500, { easing:'elasout' } );
		$paneTarget.stop().scrollTo( {top:660, left:650}, 4000, { easing:'elasout' } );

	});
	$('#contactlink').click(function(){
		//$paneTarget.stop().scrollTo( {top:'110px',left:'290px'}, 2500, { easing:'elasout' } );
		$paneTarget.stop().scrollTo( {top:990, left:1950}, 4000, { easing:'elasout' } );

	});
	
	//options examples bindings, they will all scroll to the same place, with different options
	function reset_o(){//before each animation, reset to (0,0), skip this.
		$paneOptions.stop().stop();
		$paneOptions[0].scrollLeft = $paneOptions[0].scrollTop = 0;
	};

	$('#servicesleft div.mdefault').hover(function() {
		$(this).css({display: "none"});
	}, function() {
	}); 
	$('#servicesleft div.mover').hover(function() {
	}, function() {
	
		$('#servicesleft div.mdefault').css({display: "block"});
	}); 

	$('#servicescenter div.mdefault').hover(function() {
		$(this).css({display: "none"});
	}, function() {
	}); 
	$('#servicescenter div.mover').hover(function() {
	}, function() {
	
		$('#servicescenter div.mdefault').css({display: "block"});
	}); 

	$('#servicesright div.mdefault').hover(function() {
		$(this).css({display: "none"});
	}, function() {
	}); 
	$('#servicesright div.mover').hover(function() {
	}, function() {
	
		$('#servicesright div.mdefault').css({display: "block"});
	}); 

	if (jQuery.browser.msie && parseInt(jQuery.browser.version) < 7) {
		$('#homelink img').attr('src', 'images/home.gif'); 
		$('#serviceslink img').attr('src', 'images/services.gif'); 
		$('#portfoliolink img').attr('src', 'images/portfolio.gif'); 
		$('#aboutuslink img').attr('src', 'images/aboutus.gif'); 
		$('#contactlink img').attr('src', 'images/contact.gif'); 
	}
  

});