Deadly Taco

I hope this is the right section, I don't know what to call the title so I hope that's kind of what I should've called it. In my question I'm going to use "www.mysite.com" as an example site. Ok here it is:

I have made a template in photoshop and have used it as my index.html page. It has buttons on the left that say "Products, About Us, and so on". I have made another template exactly the same as the other one, but the "Products" button is highlighted and there is sub-categories below it. I did this so that when you click "Products" I need my site to load the new template with the sub categories under products. But the problem is this. My home page address is "www.mysite.com/index.html". I want when you click products the address to be "www.mysite.com/products/". And when its at that it has the new template loaded with the subcategories. How can I do this? Do I just make a folder called products and in that folder have a file called index.html?

My other question is how can I change the picture of a Products sub-category button when you click it, so it looks highlighted, but when you click a different products sub-category button, it highlights that one instead, and the other one returns to normal? Thanks.

acslater323

I don't have an answer for you, but I just wanted to say I've been wondering how to do that exact same thing with the rollover images. I don't know if there's any way, without using Flash, to get a different image to swap when you rollout of another image.

Anyone know?