// JavaScript Document


function getAbsoluteOffsetTop(obj)
{
	var top = obj.offsetTop;
	var parent = obj.offsetParent;
	while (parent != document.body) 
	{
		top = top + parent.offsetTop;
		parent = parent.offsetParent;
	}
	return top;
}


function getAbsoluteOffsetLeft(obj)
{
	var left = obj.offsetLeft;
	var parent = obj.offsetParent;
	while (parent != document.body) 
	{
		left += parent.offsetLeft;
		parent = parent.offsetParent;
	}
	return left;
}


function getObj(id)

{

	if (document.all) { return document.all[id]; } 

	else { return document.getElementById(id); }

}


function ExampleBox(elem)
{
	if (!divSet) 
	{ setTable(); }
	var picker = getObj('example');
	if (doiframe) var iframe = getObj('cpiframe');
	if (elem == curElem && picker.style.display == 'block')
	{
		picker.style.display = 'none';
		return;
	}
	curElem = elem;
	if(document.all){ //MSIE
    picker.style.top = getAbsoluteOffsetTop(elem) + 35 + "px";
	picker.style.left = getAbsoluteOffsetLeft(elem) + 0 + "px";
	}else{ //Firefox
    picker.style.top = getAbsoluteOffsetTop(elem) + 20 + "px";
	picker.style.left = getAbsoluteOffsetLeft(elem) + 0 + "px";
	}
	customMode = false;
	picker.style.display = 'block';
}


function setTable()
{
	if (!document.createElement) { return; }
	var elemDiv = document.createElement('div');
	if (typeof(elemDiv.innerHTML) != 'string') { return; }
	elemDiv.id = 'example';
	elemDiv.style.position = 'absolute';
	elemDiv.style.display = 'none';
	elemDiv.style.border = 'solid 1px black';
	elemDiv.style.zIndex = 5;
	elemDiv.innerHTML = '<table cellspacing="5" cellpadding="0" style="background-color: white; border:1px solid black; font-size:12px;" width="300"><tr><td>'
	+ 'iPod Nano (all sizes), iPod Classic, Zune 4, Zune 8, Zune 16, Creative Zen, Creative Zen V, Creative Stone Plus, Creative Zen Stone, Creative Zen Mosaic, Creative Zen X-Fi, Samsung, Freestyle Audio Sport and more!'
	+ '</td></tr></table>';

	document.body.appendChild(elemDiv);

	if (doiframe)
	{
		var iframeDiv = document.createElement('iframe');
		iframeDiv.id = 'cpiframe';
		iframeDiv.style.position = 'absolute';
		iframeDiv.style.display = 'none';
		iframeDiv.style.border = '0';
		iframeDiv.style.zIndex = 4;
		document.body.appendChild(iframeDiv);
	}

	divSet = true;
}



function ExampleBox2(elem)
{
	if (!divSet2) 
	{ setTable2(); }
	var picker = getObj('example2');
	if (doiframe) var iframe = getObj('cpiframe');
	if (elem == curElem && picker.style.display == 'block')
	{
		picker.style.display = 'none';
		return;
	}
	curElem = elem;
	picker.style.top = getAbsoluteOffsetTop(elem) + 18 + "px";
	picker.style.left = getAbsoluteOffsetLeft(elem) + 25 + "px";
	customMode = false;
	picker.style.display = 'block';
}



function setTable2()
{
	if (!document.createElement) { return; }
	var elemDiv = document.createElement('div');
	if (typeof(elemDiv.innerHTML) != 'string') { return; }
	elemDiv.id = 'example2';
	elemDiv.style.position = 'absolute';
	elemDiv.style.display = 'none';
	elemDiv.style.border = 'solid 1px black';
	elemDiv.style.zIndex = 5;
	elemDiv.innerHTML = '<table cellspacing="5" cellpadding="0" style="background-color: white; border:1px solid black; font-size:12px;" width="300"><tr><td>'
	+ 'LimbGear<sup>&reg;</sup> Buds<sup>&trade;</sup> included to perfectly fit the Noggin Net<sup>&trade;</sup>. The shortened cord lengths fit precisely into the earbud channels.'
	+ '</td></tr></table>';

	document.body.appendChild(elemDiv);

	if (doiframe)
	{
		var iframeDiv = document.createElement('iframe');
		iframeDiv.id = 'cpiframe';
		iframeDiv.style.position = 'absolute';
		iframeDiv.style.display = 'none';
		iframeDiv.style.border = '0';
		iframeDiv.style.zIndex = 4;
		document.body.appendChild(iframeDiv);
	}

	divSet2 = true;
}



function ExampleBox3(elem)
{
	if (!divSet3) 
	{ setTable3(); }
	var picker = getObj('example3');
	if (doiframe) var iframe = getObj('cpiframe');
	if (elem == curElem && picker.style.display == 'block')
	{
		picker.style.display = 'none';
		return;
	}
	curElem = elem;
	picker.style.top = getAbsoluteOffsetTop(elem) + 18 + "px";
	picker.style.left = getAbsoluteOffsetLeft(elem) + 25 + "px";
	customMode = false;
	picker.style.display = 'block';
}



function setTable3()
{
	if (!document.createElement) { return; }
	var elemDiv = document.createElement('div');
	if (typeof(elemDiv.innerHTML) != 'string') { return; }
	elemDiv.id = 'example3';
	elemDiv.style.position = 'absolute';
	elemDiv.style.display = 'none';
	elemDiv.style.border = 'solid 1px black';
	elemDiv.style.zIndex = 5;
	elemDiv.innerHTML = '<table cellspacing="5" cellpadding="0" style="background-color: white; border:1px solid black; font-size:12px;" width="300"><tr><td>'
	+ 'Provide your own earbuds.'
	+ '</td></tr></table>';

	document.body.appendChild(elemDiv);

	if (doiframe)
	{
		var iframeDiv = document.createElement('iframe');
		iframeDiv.id = 'cpiframe';
		iframeDiv.style.position = 'absolute';
		iframeDiv.style.display = 'none';
		iframeDiv.style.border = '0';
		iframeDiv.style.zIndex = 4;
		document.body.appendChild(iframeDiv);
	}

	divSet3 = true;
}