Illustrator :: How To Create Diagonal Variable Line Pattern In CS6

I'm on the brink of insanity with creating my diagonal line pattern. I've tried everything I can think of but the pattern is an absolute mess! I want to create a diagonal line pattern but I want the lines not to be uniform. Basically I've made a group of 3 lines and then one separate line on its own, then to repeat this as the picture below. I've used the distribute function so the distances between the lines is identical everywhere. I've then rotated the whole thing exactly 45 degrees and aligned the lines to fit the bounding box in the "make pattern" mode as shown. Yet the resulting pattern is just a mess of overlap ugliness. All I want is for the pattern to literally look as it does in the image on the left, how to sucessfully do this in CS6?