jQuery(document).ready(function(){

	 /* Menu principal */
   $("ul#menu li ul.submenu").not('.actual').fadeTo(1, 0.0);

  $("ul#menu li#servicios").mouseover(function(){
    $("ul#menu li#trabajos ul.submenu").fadeTo("fast", 0.0);
    $("#trabajos-hover").css('display','none');
    $("#contacto-hover").css('display','none');
    // -------------------------------------------------
    $("ul.submenu",this).fadeTo("fast", 1.0);
    $("#servicios-hover").css('display','block');
  });

  $("ul#menu li#trabajos").mouseover(function(){
    $("ul#menu li#servicios ul.submenu").fadeTo("fast", 0.0);
    $("#servicios-hover").css('display','none');
    $("#contacto-hover").css('display','none');

    // -------------------------------------------------
    $("ul.submenu",this).fadeTo("fast", 1.0);
    $("#trabajos-hover").css('display','block');
  });

  $("ul#menu li#contacto").mouseover(function(){
    $("ul.submenu").fadeTo("fast", 0.0);
    $("#servicios-hover").css('display','none');
    $("#trabajos-hover").css('display','none');
    // -------------------------------------------------
    $("ul.submenu",this).fadeTo("fast", 1.0);
    $("#contacto-hover").css('display','block');
  });

  $("#content-container").mouseover(function(){
		if(!$("#servicios-hover").hasClass('actual')) {
			$("#servicios-hover").css('display','none');
		}

    if(!$("#trabajos-hover").hasClass('actual')) {
    	$("#trabajos-hover").css('display','none');
		}
		
		if(!$("#contacto-hover").hasClass('actual')) {
    	$("#contacto-hover").css('display','none');
		}

		$('.actual').css('display','block');
		$('.submenu.actual').fadeTo(1,1);
		$('.submenu').not('.actual').fadeTo(1,0);
  });

	/* Parallax binario */
	var step = 1;
	var current = 0;

	setInterval(
			function scrollBg(){
	    current -= step;
	    $('#parallax').css("background-position",current+'px 150px');
	}
	, 70);

	/* Pompas */
  /*var burbujas = $().BubbleEngine({
    particleSizeMin:            0,
    particleSizeMax:            100,
    particleAnimationDuration:  5000,
    particleSourceY:            0,
    particleSourceX:            600, 
    particleScatteringX:        500,
    particleScatteringY:        500,
    gravity:                    18,
    imgSource:                  '/images/bubble.png'
	});
	burbujas.addBubbles(15);*/
	
	/* Slides */
  $('.slide').cycle({
		fx: 'curtainX',
		timeout: 6000
	});
	
	/* Autocargamos imagenes hover del menú principal */
	function preloader() {
     imageObj = new Image();
     images = new Array();
     images[0]="../images/layout/servicios-over.png"
     images[1]="../images/layout/trabajos-over.png"
     images[2]="../images/layout/contacto-over.png"
     images[3]="../images/layout/menu-image-hover.png"
     for(i=0; i<=3; i++) {
       imageObj.src=images[i];
     }
	}
	
	/* Últimos trabajos en la web en portada */
	$('ul#gallery-trabajos').galleria({
		history   : false, // activates the history object for bookmarking, back-button etc.
		clickNext : true, // helper for making the image clickable
		show_info : false, // no mostramos el caption
		// insert    : '#main_image', // the containing selector for our main image
		onImage   : function(image,caption,thumb) {

			// fade in the image & caption
			if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
				image.css('display','none').fadeIn(1000);
			}
			caption.css('display','none');

			// fetch the thumbnail container
			var _li = thumb.parents('li');

			// fade out inactive thumbnail
			_li.siblings().children('img.selected').fadeTo(500,0.3);

			// fade in active thumbnail
			thumb.fadeTo('fast',1).addClass('selected');

			// add a title for the clickable image
			image.attr('title','Siguiente trabajo >>');
		},
		onThumb : function(thumb) { // thumbnail effects goes here

			// fetch the thumbnail container
			var _li = thumb.parents('li');

			// if thumbnail is active, fade all the way.
			var _fadeTo = _li.is('.active') ? '1' : '0.3';

			// fade in the thumbnail when finnished loading
			thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);

			// hover effects
			thumb.hover(
				function() { thumb.fadeTo('fast',1); },
				function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
			)
		}
	});
});