var index = 0;
jQuery(function() {
    jQuery('.space').animate({
        opacity: 0
    },
    0);
    jQuery('.menu').animate({
        opacity: 0
    },
    0);
    var imgs = document.getElementsByTagName('img');
    var loaded = 0;
    var loadend = false;
    for (var i = 0; i < imgs.length; i++) {
        if (imgs[i].complete == true)
        loaded++;
        else
        imgs[i].onload = function() {
            loaded++;
            if (!loadend && loaded == imgs.length) {
                loadend = true;
                jQuery('.menu').animate({
                    opacity: 1
                },
                300);
                jQuery('.space').animate({
                    opacity: 1
                },
                300);
                document.getElementById('loading').style.display = 'none';
            }
        }
    }

    if (!loadend && loaded == imgs.length) {
        loadend = true;
        jQuery('.menu').animate({
            opacity: 1
        },
        300);
        jQuery('.space').animate({
            opacity: 1
        },
        300);
        document.getElementById('loading').style.display = 'none';
    }
    //Flèche gauche grisée au départ
    jQuery('a#prev').addClass('disabled')
    //Fonction pour avancer les images
    var sliding = false;
    function Avancer() {
        if (sliding == true)
        return false;
        else
        sliding = true;
        var ef = jQuery('#last').position().left - '500';
        if (ef > 0) {
            index += 1;
            jQuery('.space').animate({
                marginLeft: '-=492px'
            },
            250,
            function() {
                sliding = false;
                if ((jQuery('#last').position().left - 500) < 0) jQuery('a#next').addClass('disabled');
            });
            jQuery('a#prev').removeClass('disabled')
        }
        else {
            sliding = false;
        }
    }
    //Fonction pour reculer les images
    function Reculer() {
        if (sliding == true)
        return false;
        else
        sliding = true;
        var ab = jQuery('#first').position().left;
        if (ab < -50) {
            index -= 1;
            jQuery('.space').animate({
                marginLeft: '+=492px'
            },
            250,
            function() {
                sliding = false;
                if (jQuery('#first').position().left > 0) jQuery('a#prev').addClass('disabled');
            });
            jQuery('a#next').removeClass('disabled')
            if (index == 0)
            jQuery('a#prev').addClass('disabled');
        } else {
            sliding = false;
        }
    }
    //Evénement sur le clic flèche droite + partie droite de l'image
    jQuery('a#nextp,a#next').click(function() {
        Avancer();
        return false;
    });
    //Evénement sur le clic flèche gauche + partie gauche de l'image 			   			
    jQuery('a#prevp,a#prev').click(function() {
        Reculer();
        return false;
    });
    //Evénement clavier 	
    jQuery(window).keypress(function(e) {
        switch (e.keyCode) {
        case 37:
            // flèche gauche
            Reculer();
            break;
        case 39:
            // flèche droite
            Avancer();
            break;
        }
    });
    //Evénement sur les mouvements iPhone/iPad 			   			
	jQuery('.space').touchwipe({
		wipeLeft: function() { Avancer(); },
	    wipeRight: function() { Reculer(); },
    	min_move_x: 20,
	});	
});