$(window).load(function() {
	/*if ($(window).width() < 1500) {
		if ($(window).width() > 1200) {
			$('#fondo-contenido').css('left','-=70');
			$('#contenido').css('left','-=70');
		}
		else {
			$('#fondo-contenido').css('left','-=40');
			$('#contenido').css('left','-=40');	
		}
	}*/
	$("a.popup").fancybox({
		'transitionIn': 'elastic',
		'transitionOut': 'elastic',
		'titleShow': false
	});
	$("a.youtube").click(function() {
		$.fancybox({
			'padding'		: 0,
			'autoScale'		: false,
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'title'			: this.title,
			'width'		: 680,
			'height'		: 495,
			'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			'type'			: 'swf',
			'swf'			: {
				'wmode'		: 'transparent',
			       'allowfullscreen'	: 'true'
			}
		});
		return false;
	});

	$('.scrollpane').jScrollPane({
		scrollbarMargin: 0,
		showArrows:true,
		reinitialiseOnImageLoad: true,
		autoReinitialise: true,
		horizontalGutter: 10
	});
});

$( function() {
	$.vegas('slideshow', {
		delay:12000,
		backgrounds:[
		{ src:'media/img/fondos/1.jpg', fade:1000, valign: 'center', align: 'left' },
		{ src:'media/img/fondos/2.jpg', fade:2500, valign: 'center', align: 'left' },
		{ src:'media/img/fondos/3.jpg', fade:2500, valign: 'top', align: 'left' },
		{ src:'media/img/fondos/4.jpg', fade:2500, valign: 'center', align: 'left' }
		]
	});
	$.vegas('overlay', {
		src:'js/vegas/overlays/05.png'
	});
});

var inicio = 1;
$( function() {
    $("div#menu li").mouseenter(function(){
	inicio = 0;
	var activa = $(this).attr("id");
	if (activa == 'inicio') {
		$("div#seleccion-menu").animate({"top": "35px", "width": "153px"}, 400);
	}
	if (activa == 'servicios') {
		$("div#seleccion-menu").animate({"top": "98px", "width": "303px"}, 400);
	}
	if (activa == 'portafolio') {
		$("div#seleccion-menu").animate({"top": "162px", "width": "270px"}, 400);
	}
	if (activa == 'contacto') {
		$("div#seleccion-menu").animate({"top": "225px", "width": "233px"}, 400);
	}
    });
    $("div#menu").mouseleave(function(){
		var posicion = $("div#menu li a.activo").offset();
		if ($("div#menu li a.activo").attr("id") == 'inicio') {
			var ancho = 153;
		}
		else if ($("div#menu li a.activo").attr("id") == 'servicios') {
			var ancho = 303;
		}
		else if ($("div#menu li a.activo").attr("id") == 'portafolio') {
			var ancho = 270;
		}
		else if ($("div#menu li a.activo").attr("id") == 'contacto') {
			var ancho = 233;
		}
		$("div#seleccion-menu").animate({"top": (posicion.top-10)+"px", "width": (ancho)+"px"}, 400);
    });
});