Javascript: Timed href change
<p>Having a slight Javascript issue at the moment, I am hoping to have the below image have a variable HREF which is triggered by a time change. </p>

<p>At the moment it is triggering to some extent but then getting stuck on one of the URLs. It is also affecting an image which is overlaid on top of this one. Which isn't the aim at all!</p>

<p>Any help would be great. Thanks.   </p>

<pre><code>&lt;div style="position: absolute; left: 0; top: 0; z-index: 100"&gt;&lt;a href="[VARIABLE     URL]"&gt;&lt;img src="[BACKGROUNDIMAGE]" style="position: absolute top: 0; left: 0;"/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;script type="text/JavaScript"&gt;

setTimeout(hyperlink1,3000);
setTimeout(hyperlink2,3000); 
setTimeout(hyperlink3,3000);

function hyperlink1 () {
$("a").attr("href", "[URL1]")
}

function hyperlink2 () {
$("a").attr("href", "[URL2]")
}

function hyperlink3 () {
$("a").attr("href", "[URL3]")
}

&lt;/script&gt;
</code></pre>
