Thats what I dont have any idea. Thats why I am asking help. And I could do only till here.

Well, you start with a picture, a few circles each with a goal that you would like to achieve, ... after that you write a small program will try to achieve these goals and that checks that each goal is met ... the part that actually achieves the goals doesn't have to be written yet

But it has to be a program, it has to compile, it has to be run, it has to be small and focus on only one goal at a time, and it has to know what the outcome should be ... it doesn't have to work correctly, I can help with that, but the purpose and goals should be clear, and surrounded by adequate whitespace (easy to read format)

It looks like you did read How do I post a question effectively? but the your question is kinda big.

If you would post a runnable program like Re: Need help to improve pagination I can probably help you. You'll notice sub pageNumbers {} is a stub, it just returns the correct result for the given test data, it has yet to be written -- this is a good beginning at solving your problem.

My question mainly is to how to use select $main_colors on select of MainColors checkbox?

I'm sorry but I cannot understand the question, too many corners are fuzzy, there is too much information, and it isn't presented in a very easy to understand way

At this moment its not clear what problem you're trying to solve :) generating some html in the form that you want? or generating some javascript in the form that you want? or how to arrange for communication between javascript and your program? or writing javascript that does something? or all of the above at the same time (too much questions)?

You need a good diagram, and you need to make the questions small enough to answer :)

Hope this helps