/*global window, jQuery */
(function ($) {
    function ocultaCosaNegra() {
        $('#negraco').fadeOut(1000, function () {
            $(this).remove();
            $('#cajaSlider').animate({
                top: 69
            }, 1000).css('opacity', 0.50);

            $('#contenidoSlider').animate({
                top: 25
            }, 1000);
        });
    }

	function cosaNegra() {
	    var dibujaco = $('<div id="dibujaco" />');
	    //dibujaco.append($('#slider img:eq(0)').clone());

		$('body').prepend('<div id="negraco" />');

		$('#negraco').css({
			width: '100%',
			position: 'absolute',
			top: 0,
			left: 0,
			height: '100%',
			background: '#000',
			zIndex: 1000
		});

		$(window).load(function () {
			var offset = $('#slider').offset();

			$('#negraco').css('height', $(document).height()).append(dibujaco);
			$('#dibujaco').css({
				left: offset.left,
				top: offset.top
			});

			$('#dibujaco').hide().fadeIn(500, function () {
				setTimeout(ocultaCosaNegra, 1500);
			});
			
			$('#cajaSlider').css('top', 329);
			$('#contenidoSlider').css('top', 359);
		});
	}

	$(document).ready(function () {
		//cosaNegra();
	});
}(jQuery));