/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/

var ua = navigator.userAgent.toLowerCase();
var divw=0;
var divh=0;

if (document.getElementById || document.all)
	document.write('<div id="imgtrailer" style="position:absolute;visibility:hidden;"></div>')

function gettrailobject()
	{
	if (document.getElementById)
		return document.getElementById("imgtrailer")
	else if (document.all)
		return document.all.trailimagid
	}

function gettrailobj()
	{
	if (document.getElementById)
		return document.getElementById("imgtrailer").style
	else if (document.all)
		return document.all.trailimagid.style
	}

function truebody()
	{
	return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	}

function trailOff()
	{
	document.onmousemove='';
	gettrailobj().visibility="hidden";
	}
var thw = 415;
var thh = 139;
var thh2 = 101;
function trailOn_mens()
	{
	if(ua.indexOf('opera') == -1 && ua.indexOf('safari') == -1)
		{
		gettrailobj().left="-500px";
		divthw = parseInt(thw) + 2;
		divthh = parseInt(thh2) + 2;
		gettrailobject().innerHTML = '<div style="background-color: #000000; layer-background-color: #000000; background-image: url(images/sizetbl_bg-mens.gif); background-repeat:no-repeat; background-position: center; zIndex=100; padding-top:15px; width:'+divthw+'px; height:'+thh2+'px; position:absolute; "><table width=377 border=0 align=center cellpadding=2 cellspacing=1 class=text><tr><td width=21% align=center bgcolor=#5F5F5F class=text2>Mens</td><td width=19% bgcolor=#5F5F5F class=text2><p align=center>XS</p></td><td width=19% bgcolor=#5F5F5F class=text2><p align=center>S</p></td><td width=19% bgcolor=#5F5F5F class=text2><p align=center>M</p></td><td width=22% bgcolor=#5F5F5F class=text2><p align=center>L</p></td></tr><tr><td width=21% align=center bgcolor=#5F5F5F class=text2><p><strong>Chest</strong></p></td><td bgcolor=#8D8D8D><p align=center>&nbsp;</p></td><td bgcolor=#8D8D8D><p align=center>35-37&rdquo;</p></td><td bgcolor=#8D8D8D><p align=center>38-40&rdquo;</p></td><td bgcolor=#8D8D8D><p align=center>41-43&rdquo;</p></td></tr><tr><td width=21% align=center bgcolor=#5F5F5F class=text2><p>Waist</p></td><td width=16% bgcolor=#8D8D8D><p align=center>30</p></td><td width=19% bgcolor=#8D8D8D><p align=center>32</p></td><td width=16% bgcolor=#8D8D8D><p align=center>34</p></td><td width=21% bgcolor=#8D8D8D><p align=center>36</p></td></tr></table></div>+<iframe src="about:blank" style="background-color: #00ff00; scrolling="no" frameborder="0" width="'+(thw-7)+'" height="'+thh2+'"></iframe>';
		gettrailobj().visibility="visible";
		divw = parseInt(thw)+25;
		divh = parseInt(thh2)+130;
		document.onmousemove=followmouse;
		}
	}
	

function trailOn_mens2()
	{
	if(ua.indexOf('opera') == -1 && ua.indexOf('safari') == -1)
		{
		gettrailobj().left="-500px";
		divthw = parseInt(thw) + 2;
		divthh = parseInt(thh2) + 2;
		gettrailobject().innerHTML = '<div style="background-color: #000000; layer-background-color: #000000; background-image: url(images/sizetbl_bg-mens.gif); background-repeat:no-repeat; background-position: center; zIndex=100; padding-top:15px; width:'+divthw+'px; height:'+thh2+'px; position:absolute; "><table width=377 border=0 align=center cellpadding=2 cellspacing=1 class=text><tr><td width=19% align=center bgcolor=#5F5F5F class=text2>Mens</td><td width=16% bgcolor=#5F5F5F class=text2><p align=center>XS</p></td><td width=16% bgcolor=#5F5F5F class=text2><p align=center>S</p></td><td width=16% bgcolor=#5F5F5F class=text2><p align=center>M</p></td><td width=16% bgcolor=#5F5F5F class=text2><p align=center>L</p></td><td width=17% align="center" bgcolor=#5F5F5F class=text2>XL</td></tr><tr><td width=19% align=center bgcolor=#5F5F5F class=text2><p><strong>Chest</strong></p></td><td bgcolor=#8D8D8D><p align=center>&nbsp;</p></td><td bgcolor=#8D8D8D><p align=center>35-37&rdquo;</p></td><td bgcolor=#8D8D8D><p align=center>38-40&rdquo;</p></td><td bgcolor=#8D8D8D><p align=center>41-43&rdquo;</p></td><td align="center" bgcolor=#8D8D8D>44-46&rdquo;</td></tr><tr><td width=19% align=center bgcolor=#5F5F5F class=text2><p>Waist</p></td><td width=16% bgcolor=#8D8D8D><p align=center>30</p></td><td width=16% bgcolor=#8D8D8D><p align=center>32</p></td><td width=16% bgcolor=#8D8D8D><p align=center>34</p></td><td width=16% bgcolor=#8D8D8D><p align=center>36</p></td><td width=17% align="center" bgcolor=#8D8D8D>38</td></tr></table></div>+<iframe src="about:blank" style="background-color: #00ff00; scrolling="no" frameborder="0" width="'+(thw-7)+'" height="'+thh2+'"></iframe>';
		gettrailobj().visibility="visible";
		divw = parseInt(thw)+25;
		divh = parseInt(thh2)+130;
		document.onmousemove=followmouse;
		}
	}

	
function trailOn_girls()
	{
	if(ua.indexOf('opera') == -1 && ua.indexOf('safari') == -1)
		{
		gettrailobj().left="-500px";
		divthw = parseInt(thw) + 2;
		divthh = parseInt(thh) + 2;
		gettrailobject().innerHTML = '<div style="background-color: #000000; layer-background-color: #000000; background-image: url(images/sizetbl_bg.gif); background-repeat:no-repeat; background-position: center; zIndex=100; padding-top:20px; width:'+divthw+'px; height:'+thh+'px; position:absolute; "><table width=377 border=0 align=center cellpadding=2 cellspacing=1 class=text><tr><td width=21% align=center bgcolor=#5F5F5F class=text2>Womens</td><td width=19% bgcolor=#5F5F5F class=text2><p align=center>XS</p></td><td width=19% bgcolor=#5F5F5F class=text2><p align=center>S</p></td><td width=19% bgcolor=#5F5F5F class=text2><p align=center>M</p></td><td width=22% bgcolor=#5F5F5F class=text2><p align=center>L</p></td></tr><tr><td width=21% align=center bgcolor=#5F5F5F class=text2><p><strong>Size</strong></p></td><td bgcolor="#8D8D8D"><p align="center">8-10</p></td><td bgcolor="#8D8D8D"><p align="center">10-12</p></td><td bgcolor="#8D8D8D"><p align="center">12-14</p></td><td bgcolor=#8D8D8D><p align=center>14-16</p></td></tr><tr><td width=21% align=center bgcolor=#5F5F5F class=text2><p>Bust</p></td><td width=19% bgcolor=#8D8D8D><p align=center>30</p></td><td width=19% bgcolor=#8D8D8D><p align=center>32</p></td><td width=19% bgcolor=#8D8D8D><p align=center>34</p></td><td width=22% bgcolor=#8D8D8D><p align=center>36</p></td></t><tr><td align=center bgcolor=#5F5F5F class=text2>Waist</td><td bgcolor="#8D8D8D"><p align="center">30</p></td><td bgcolor="#8D8D8D"><p align="center">32</p></td><td bgcolor="#8D8D8D"><p align="center">34</p></td><td bgcolor="#8D8D8D"><p align="center">36</p></td></tr></table></div>+<iframe src="about:blank" style="background-color: #00ff00; scrolling="no" frameborder="0" width="'+(thw-7)+'" height="'+thh+'"></iframe>';
		gettrailobj().visibility="visible";
		divw = parseInt(thw)+10;
		divh = parseInt(thh)+130;
		document.onmousemove=followmouse;
		}
	}

function followmouse(e)
	{
	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(document.body.offsetHeight, window.innerHeight)
if(typeof e != "undefined")
	{
	if(docwidth < 15+e.pageX+divw)
		xcoord = e.pageX-divw-5;
	else
		xcoord = 15+e.pageX;
	if(docheight < 15+e.pageY+divh)
		ycoord = 15+e.pageY-Math.max(0,(divh + e.pageY - docheight - truebody().scrollTop - 100));
	else
		ycoord = 15+e.pageY;
	}
else if (typeof window.event != "undefined")
	{
	if(docwidth < 15+truebody().scrollLeft+event.clientX+divw)
		xcoord = truebody().scrollLeft-5+event.clientX-divw;
	else
		xcoord = truebody().scrollLeft+15+event.clientX;

	if(docheight < 15+truebody().scrollTop+event.clientY+divh)
		ycoord = 15+truebody().scrollTop+event.clientY-Math.max(0,(divh + event.clientY - docheight - 100));
	else
		ycoord = truebody().scrollTop+15+event.clientY;
	}
	gettrailobj().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"
	}