/*
 * jquery.flexislider.js v0.1 - jQuery script
 * Copyright (c) 2009 Barry Roodt (http://calisza.wordpress.com)
 *
 * Licensed under the New BSD license.
 *
 * This script slides a list of images from right to left across the window.
 * An example can be found at http://flexidev.co.za/projects/flexislider
 * Please check http://code.google.com/p/flexidev/downloads/ for the latest version
 *
 */

        var speed = 80;
        var pic, numImgs, arrLeft, i, totalWidth, n, myInterval;

$(window).load(function(){
        pic = $("#slider").children("img");
        numImgs = pic.length;
        arrLeft = new Array(numImgs);

        for (i=0;i<numImgs;i++){

                totalWidth=0;
                for(n=0;n<i;n++){
                        totalWidth += $(pic[n]).width();
                }

                arrLeft[i] = totalWidth;
                $(pic[i]).css("left",totalWidth);
        }

        myInterval = setInterval("flexiScroll()",speed);
        $('#imageloader').hide();
        $(pic).show();
});

function flexiScroll(){

        for (i=0;i<numImgs;i++){
                arrLeft[i] -= 4;

                if (arrLeft[i] == -($(pic[i]).width())){
                        totalWidth = 0;
                        for (n=0;n<numImgs;n++){
                                if (n!=i){
                                        totalWidth += $(pic[n]).width();
                                }
                        }
                        arrLeft[i] =  totalWidth;
                }
                $(pic[i]).css("left",arrLeft[i]);
        }
}
