// JavaScript Document
$(function() {
	
$('#slides').cycle();
$('#slideslateral').cycle();

$('.thickbox').hover(function() { 
	$(this).siblings().stop().fadeTo(500,0.2); 
}, function() { 
	$(this).siblings().stop().fadeTo(500,1); 
});

$('.portafolio').nivoSlider({
slices:5
});

//Custom settings
	var style_in = 'easeOutBounce';
	var style_out = 'jswing';
	var speed_in = 1000;
	var speed_out = 300;	

	//Calculation for corners
	var neg = Math.round($('.qitem').width() / 2) * (-1);	
	var pos = neg * (-1);	
	var out = pos * 2;
	
	$('.qitem').each(function () {
	
		url = $(this).find('a').attr('href');
		img = $(this).find('img').attr('src');
		alt = $(this).find('img').attr('img');
		
		$('img', this).remove();
		$(this).append('<div class="topLeft"></div><div class="topRight"></div><div class="bottomLeft"></div><div class="bottomRight"></div>');
		$(this).children('div').css('background-image','url('+ img + ')');

		$(this).find('div.topLeft').css({top:0, left:0, width:pos , height:pos});	
		$(this).find('div.topRight').css({top:0, left:pos, width:pos , height:pos});	
		$(this).find('div.bottomLeft').css({bottom:0, left:0, width:pos , height:pos});	
		$(this).find('div.bottomRight').css({bottom:0, left:pos, width:pos , height:pos});	

	}).hover(function () {
	
		$(this).find('div.topLeft').stop(false, true).animate({top:neg, left:neg}, {duration:speed_out, easing:style_out});	
		$(this).find('div.topRight').stop(false, true).animate({top:neg, left:out}, {duration:speed_out, easing:style_out});	
		$(this).find('div.bottomLeft').stop(false, true).animate({bottom:neg, left:neg}, {duration:speed_out, easing:style_out});	
		$(this).find('div.bottomRight').stop(false, true).animate({bottom:neg, left:out}, {duration:speed_out, easing:style_out});	
				
	},
	
	function () {

		$(this).find('div.topLeft').stop(false, true).animate({top:0, left:0}, {duration:speed_in, easing:style_in});	
		$(this).find('div.topRight').stop(false, true).animate({top:0, left:pos}, {duration:speed_in, easing:style_in});	
		$(this).find('div.bottomLeft').stop(false, true).animate({bottom:0, left:0}, {duration:speed_in, easing:style_in});	
		$(this).find('div.bottomRight').stop(false, true).animate({bottom:0, left:pos}, {duration:speed_in, easing:style_in});	
	
	})
	
	


 $('.desplegable').hover(function(e)
      {
		$(this).css({display: "block"});

		$("#"+$(this).attr('title')).css({"border": "#FFF solid 1px"});
		$("#"+$(this).attr('title')).css({"background": "url(/images/fondo_menu.jpg) repeat-x top"});	
		
		
      },
      function(e)
      {
		$(this).css({display: "none"});
		$("#"+$(this).attr('title')).css({"border": "none"});
		$("#"+$(this).attr('title')).css({"background": "none"});
	
		  
	  }
   );
   
   
    $('.submenu_c').hover(

      function(e)
      {
		  
		var p = $(this);
		var position = p.position();
		  
         $("#menu_"+$(this).attr('id')).css({display: "block"});
		 $("#menu_"+$(this).attr('id')).css( { "left": (position.left+370 ) + "px", "top":(position.top+ $(this).height()+130) + "px" } );
		 $(this).css({"border": "#FFF solid 1px"});
		 $(this).css({"background": "url(/images/fondo_menu.jpg) repeat-x top"});	
		 
		
		 
      },
      function(e)
      {
        $("#menu_"+$(this).attr('id')).css({display: "none"});
		$(this).css({"border": "none"});
		$(this).css({"background": "none"});	
		
		 
      }
   );
	
	
});