Make animated GIF from vector pattern

We need the attached pattern to be turned into an animated GIF. One version should be 5 seconds, and another version 10 seconds. The animation will be as if multiple pens are drawings all the different lines, starting from the top right. Image all the different paths slowly being drawn in sequence, and at any given time 3 or 4 are being drawn at the same time. Each line might be going in a different direction and completing its path. The animation should be very smooth, and the file size should be very small so that it loads on the web. The attached PSD file has the pattern in vector format. Please ask for clarification if you don't understand the animation pattern.