/**
 * @author Stéphane Roucheray 
 * @extends jquery
 */


jQuery.fn.carousel = function(previous, next, options) {
    var sliderList = jQuery(this).children()[0];


    if (sliderList) {
        var increment = jQuery(sliderList).children().outerWidth("true"),
		elmnts = jQuery(sliderList).children(),
		numElmts = elmnts.length,
		sizeFirstElmnt = increment,
		shownInViewport = Math.round(jQuery(this).width() / sizeFirstElmnt),
		firstElementOnViewPort = 1,
		isAnimating = false;
       
        if (numElmts <= 0) {
            $('#previous_temp').css('display', 'block');
            $('#next_temp').css('display', 'block');
            $('#previous_1').css('display', 'block');
            $('#next_1').css('display', 'block');
            $('#previous_2').css('display', 'block');
            $('#next_2').css('display', 'block');
            $('#previous_3').css('display', 'block');
            $('#next_3').css('display', 'block');
            $('#scrollcontrol').css('display', 'none');
            return;
        }

        if (sizeFirstElmnt == 70) {
           
            if (numElmts >= 36) {
                $('#scrollcontrol').css('display', 'block');
                numElmts = 1;
                
                increment = 420;

                for (i = 0; i < shownInViewport; i++) {
                    jQuery(sliderList).css('width', (numElmts + shownInViewport) * increment + increment + "px");
                    jQuery(sliderList).append(jQuery(elmnts[i]).clone());
                }

                jQuery(previous).click(function(event) {
                    if (!isAnimating) {
                        if (firstElementOnViewPort == 1) {
                            jQuery(sliderList).css('left', "-" + numElmts * sizeFirstElmnt + "px");
                            firstElementOnViewPort = numElmts;
                        }
                        else {
                            firstElementOnViewPort--;
                        }

                        jQuery(sliderList).animate({
                            left: "+=" + increment,
                            y: 0,
                            queue: true
                        }, "swing", function() { isAnimating = false; });
                        isAnimating = true;
                    }

                });

                jQuery(next).click(function(event) {

                    if (!isAnimating) {
                        if (firstElementOnViewPort > numElmts) {
                            firstElementOnViewPort = 1;
                            jQuery(sliderList).css('left', "0px");
                        }
                        else {
                            firstElementOnViewPort++;
                        }
                        jQuery(sliderList).animate({
                            left: "-=" + increment,
                            y: 0,
                            queue: true
                        }, "swing", function() { isAnimating = false; });
                        isAnimating = true;
                    }
                });

            }
        }

        if (sizeFirstElmnt == 420) {

            if (numElmts > 1) {
                $('#scrollcontrol').css('display', 'block');

                for (i = 0; i < shownInViewport; i++) {
                    jQuery(sliderList).css('width', (numElmts + shownInViewport) * increment + increment + "px");
                    jQuery(sliderList).append(jQuery(elmnts[i]).clone());
                }

                jQuery(previous).click(function(event) {
                    if (!isAnimating) {
                        if (firstElementOnViewPort == 1) {
                            jQuery(sliderList).css('left', "-" + numElmts * sizeFirstElmnt + "px");
                            firstElementOnViewPort = numElmts;
                        }
                        else {
                            firstElementOnViewPort--;
                        }

                        jQuery(sliderList).animate({
                            left: "+=" + increment,
                            y: 0,
                            queue: true
                        }, "swing", function() { isAnimating = false; });
                        isAnimating = true;
                    }

                });

                jQuery(next).click(function(event) {

                    if (!isAnimating) {
                        if (firstElementOnViewPort > numElmts) {
                            firstElementOnViewPort = 1;
                            jQuery(sliderList).css('left', "0px");
                        }
                        else {
                            firstElementOnViewPort++;
                        }
                        jQuery(sliderList).animate({
                            left: "-=" + increment,
                            y: 0,
                            queue: true
                        }, "swing", function() { isAnimating = false; });
                        isAnimating = true;
                    }
                });

            }
        }
        if (sizeFirstElmnt == 140) {
            if (numElmts > 6) {
                $('#previous').css('display', 'block');
                $('#next').css('display', 'block');
                $('#previous1').css('display', 'block');
                $('#next1').css('display', 'block');
                $('#previous2').css('display', 'block');
                $('#next2').css('display', 'block');
                $('#previous3').css('display', 'block');
                $('#next3').css('display', 'block');
                $('#previous_temp').css('display', 'none');
                $('#next_temp').css('display', 'none');
                $('#previous_1').css('display', 'none');
                $('#next_1').css('display', 'none');
                $('#previous_2').css('display', 'none');
                $('#next_2').css('display', 'none');
                $('#previous_3').css('display', 'none');
                $('#next_3').css('display', 'none');

                for (i = 0; i < shownInViewport; i++) {
                    jQuery(sliderList).css('width', (numElmts + shownInViewport) * increment + increment + "px");
                    jQuery(sliderList).append(jQuery(elmnts[i]).clone());
                }

                jQuery(previous).click(function(event) {
                    if (!isAnimating) {
                        if (firstElementOnViewPort == 1) {
                            jQuery(sliderList).css('left', "-" + numElmts * sizeFirstElmnt + "px");
                            firstElementOnViewPort = numElmts;
                        }
                        else {
                            firstElementOnViewPort--;
                        }

                        jQuery(sliderList).animate({
                            left: "+=" + increment,
                            y: 0,
                            queue: true
                        }, "swing", function() { isAnimating = false; });
                        isAnimating = true;
                    }

                });

                jQuery(next).click(function(event) {

                    if (!isAnimating) {
                        if (firstElementOnViewPort > numElmts) {
                            firstElementOnViewPort = 1;
                            jQuery(sliderList).css('left', "0px");
                        }
                        else {
                            firstElementOnViewPort++;
                        }
                        jQuery(sliderList).animate({
                            left: "-=" + increment,
                            y: 0,
                            queue: true
                        }, "swing", function() { isAnimating = false; });
                        isAnimating = true;
                    }
                });
            }
            if (numElmts <= 6) {
                $('#previous_temp').css('display', 'block');
                $('#next_temp').css('display', 'block');
                $('#previous_1').css('display', 'block');
                $('#next_1').css('display', 'block');
                $('#previous_2').css('display', 'block');
                $('#next_2').css('display', 'block');
                $('#previous_3').css('display', 'block');
                $('#next_3').css('display', 'block');
            }
        }
    }
};