// COLORBOX - - - - - - - - - - -
$(document).ready(function(){
	//Examples of how to assign the ColorBox event to elements
	$("a[rel='galeria1']").colorbox();
	$("a[rel='banner1']").colorbox();
	$("a[rel='rubros']").colorbox();
	$("a[rel='example2']").colorbox({transition:"fade"});
	$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
	
	$("a[rel='example4']").colorbox();
	$("a[rel='example5']").colorbox({slideshow:true});
	$(".example5").colorbox();
	$(".example6").colorbox({iframe:true, innerWidth:650, innerHeight:500});
	$(".example7").colorbox({width:"50%", height:"50%", iframe:true});
	$(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
	$(".example9").colorbox({
		onOpen:function(){ alert('onOpen: colorbox is about to open'); },
		onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
		onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
		onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
		onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
	});
	
	//Example of preserving a JavaScript event for inline calls.
	$("#click").click(function(){ 
		$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
		return false;
	});
});
// FIN COLORBOX - - - - - - - - - - -

// MENU  - - - - - - - - - - - - - -
$(document).ready(function(){
  $('#nav li ul').css({
    display: "none",
    left: "auto"
  });
  $('#nav li').hoverIntent(function() {
    $(this)
      .find('ul')
      .stop(true, true)
      .slideDown('fast');
  }, function() {
    $(this)
      .find('ul')
      .stop(true,true)
      .fadeOut('fast');
  });
});
// FIN MENU  - - - - - - - - - - - - - -

// FOTOPORTADA  - - - - - - - - - - - - - -
$(document).ready(function(){
	$("#myController").jFlow({
		slides: "#slides",
		controller: ".jFlowControl", // must be class, use . sign
		slideWrapper : "#jFlowSlide", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		auto: true,		//auto change slide, default true
		width: "725px",
		height: "330px",
		duration: 1200,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	});
});

