var timer_is_on=1;
var currentslidenumber=1;
//Change this value to control the seconds between slides
var slidetime=5000;

//HTML and image path for each of the three slides
strHTML1 = '<a href="/braboutique.aspx?dsp=collection&dval=Statement Makers™&cid=16"><div id="secret_agent_link"></div></a><a href="/FitMistress.aspx"><div id="fit_mistress_link"></div></a><a href="FitMistress.aspx"><div id="fit_mistress_link2"></div></a>';
strImagePath1 = "url('/images/background.home1b.jpg')";
strHTML2 = '<a href="/detail.aspx?styleNo=7875&dsp=&dval="><div id="secret_agent_video_link"></div></a><a href="FitMistress.aspx"><div id="fit_mistress_link"></div></a><a href="/FitMistress.aspx"><div id="fit_mistress_link2"></div></a>';
strImagePath2 = "url('/images/background.home2b.jpg')";
strHTML3 = '<a href="http://www.facebook.com/wonderbra"><div id="real_women_link"></div></a><a href="FitMistress.aspx"><div id="fit_mistress_link"></div></a><a href="/FitMistress.aspx"><div id="fit_mistress_link2"></div></a>';
strImagePath3 = "url('/images/background.home3b.jpg')";

//Stop the timed slide presentation and show the selected slide
function tab1_click()
{
timer_is_on=0;
next_slide(strHTML1, strImagePath1);
}

function tab2_click()
{
timer_is_on=0;
next_slide(strHTML2, strImagePath2);
}

function tab3_click()
{
timer_is_on=0;
next_slide(strHTML3, strImagePath3);
}

function next_slide(strHTML,strImagePath)
{
var div = document.getElementById('homepage_body');
div.innerHTML = strHTML;
div.style.backgroundImage = strImagePath;
}

function next_timed_slide(strHTML,strImagePath)
{
	//Set up another slide only if timer is on
	if (timer_is_on == 1)
	{
	
	//Change to the next slide
	var div = document.getElementById('homepage_body');
	div.innerHTML = strHTML;
	div.style.backgroundImage = strImagePath;
	
	//increment the slide number
	var newslidenumber = 0;	
	if (currentslidenumber == 1)
	{newslidenumber = 2;}
	if (currentslidenumber == 2)
	{newslidenumber = 3;}
	if(currentslidenumber == 3)
	{newslidenumber = 1;}	
	currentslidenumber = newslidenumber;
	
	//start a timer for the next slide
	if (currentslidenumber == 1)
	{setTimeout("next_timed_slide(strHTML1,strImagePath1)", slidetime);}
	if (currentslidenumber == 2)
	{setTimeout("next_timed_slide(strHTML2,strImagePath2)", slidetime);}
	if (currentslidenumber == 3)
	{setTimeout("next_timed_slide(strHTML3,strImagePath3)", slidetime);}
	
	}
	
}

function slideshow()
{
//Start the timed slideshow
setTimeout("next_timed_slide(strHTML2,strImagePath2)", slidetime);
}