HTML image change in Template

[Syxguns]

I'm not that strong of a coder and so I need a little help. This is going to be two questions, so I'm going to first start with the image change. What is different about the image change on this is that I can not make the changes in the BBCode Manager, I have to make the changes in the individual templates for each code.

First original code:

Customize Template: vbpcsi_add_to_cart_link

<div>
	<a href="{vb:raw url}">
		{vb:rawphrase vbpcsi_add_to_cart}
	</a>
</div>

If I follow the basic instructions given to me adding an image would look like this:

<div>
	<a href="{vb:raw url}"> <img src="http://www.address.to.image
		"alt="{vb:rawphrase vbpcsi_add_to_cart, {vb:raw url}}"title="
                  {vb:rawphrase vbpcsi_add_to_cart, {vb:raw url}}" / >
	</a>
</div>

At least I think this is what is suppose to be the best way for the image instead of text to show, and for SEO. Please correct this if it is wrong, I'm a beginner here!!

The first question is making the image change. When you select the button it will be added to your shopping cart. I would like a new button that says, "Thank You!" to take the place of the, "Add To Cart" button.

The second question, remember that I'm new so I may need a little more in depth instruction than most, is I need to create additional codes that are based off the current codes, but will have different buttons. A little better example:

Product button to go to the store where the item is located is created and I have a template to modify. Using basically the same template, but I need to create a new one that will have a different button on it than, "View Item". How do I make a fresh template for that?

I hope one of you coders can help me out, I will really appreciate it!