$(document).ready(function() {
	
	//alert(self.document.location.hash)
	
	
	jQuery.easing.def = 'easeInOutBack';
	
	$("#globo").css("top" , "190px")

	$(".contacto").click(function(){
      $("#globo").animate({ 
         marginLeft: "730px",
         top: "-50px"
      }, 1800 );
   });

	$(".inicio").click(function(){
      $("#globo").animate({ 
         marginLeft: "700px",
         top: "30px"
      }, 2000 );
   });

	$(".trabajos").click(function(){
      $("#globo").animate({ 
         top: "-180px"
      }, 1800 );
   });

	if (self.document.location.hash ==  "#trabajos" | "#contacto") {$("#globo").css({"top" : '-180px' , 'margin-left' : '700px'});}

	//$("body").css("display" , "none")
});



jQuery(function( $ ){
	$('#minicontainer').after ('<p id="bajar"><a href="#">Ver más Trabajos</a></p>');
	$('#trabajos').serialScroll({
		target:'#secciones',
		items:'li', // Selector to the items ( relative to the matched elements, '#sections' in this case )
		prev:'img.prev',// Selector to the 'prev' button (absolute!, meaning it's relative to the document)
		next:'#bajar',// Selector to the 'next' button (absolute too)
		axis:'xy',// The default is 'y' scroll on both ways
		duration:800,
		force:true,
		onBefore:function( e, elem, $pane, $items, pos ){
			e.preventDefault();
			if( this.blur )
				this.blur();
		},
		onAfter:function( elem ){}
	});
});