// JavaScript Document


// after page loads a grab all the rollover links and add a click event
/*
if (window.addEventListener) //DOM method for binding an event
{
	window.addEventListener("load", attachClick, false)
}
else if (window.attachEvent) //IE exclusive method for binding an event
{
	window.attachEvent("onload", attachClick)
}
else if ($) //support older modern browsers
{
	window.onload = attachClick;
}
*/

addEvent(window, "load", attachClick);

// grab each cell phone rollover and give it a click event
function attachClick()
{
	var links = document.getElementsByTagName("a");

	for ( var i=0; i<links.length; ++i )
	{
		var f = links[i].getAttribute("href", 2);

		if ( f == "#" )
		{
			addEvent( links[i], "mousedown", phoneClick);
			addEvent( links[i], "mouseout", phoneOut);
		}
	}
}

var lastLink = null;

// on the link rollout show the last 'clicked on' phone
function phoneOut()
{
	if ( lastLink )
	{
		lastLink.onmouseover();
	}
}

function phoneClick(e)
{
	var targ;
	
	if (!e) var e = window.event;
	
	if (e.target) 
	{
		targ = e.target;
	}
	else if (e.srcElement)
	{
		targ = e.srcElement;
	}
	
	// defeat Safari bug
	if (targ.nodeType == 3) 
	{
		targ = targ.parentNode;
	}
	
	//alert( targ.innerHTML );
	lastLink = targ;
	show('downloadInfo');
}

// getElementById, but in a nicer way ;)
function $() 
{
	var elements = new Array();
	
	for (var i = 0; i < arguments.length; i++) 
	{
		var element = arguments[i];
		
		if (typeof element == 'string')
		{
			element = document.getElementById(element);
		}
		
		if (arguments.length == 1)
		{
			return element;
		}
		
		elements.push(element);
	}
	
	return elements;
}

// toggle display of an element
function toggle(obj) 
{
	var el = $(obj);
	
	if ( el.style.display != 'none' ) 
	{
		el.style.display = 'none';
	}
	else 
	{
		el.style.display = '';
	}
}

// cross browser event handling
function addEvent(elm, evType, fn, useCapture) 
{
	if (elm.addEventListener) 
	{
		elm.addEventListener(evType, fn, useCapture);
		return true;
	}
	else if (elm.attachEvent) 
	{
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	}
	else 
	{
		elm['on' + evType] = fn;
	}
}

function changePhone( arg, argThis, argp )
{
	$('imageDiv').style.backgroundImage = "url('phoneImages/"+arg+"')";
	$('phoneName').innerHTML = argThis;
	/*
		the code under here was wiping out the instructions
	*/
	//var repl = (argp == "ppc") ? "Pocket PC" : "Smart Phone";
	//$('downloadInfo').innerHTML = "<h2 class=\"title pad\"><img src=\"images/get-it-now.gif\" /><span>Get It Now</span></h2><p><strong>$9.99/month (@)</strong></p><p>MobiTV can be purchased via credit card by clicking on the link below:</p><p><a href=\"https://hce.handango.com/HCE/checkout/Cart.jsp?storeId=1911&productId=188096&continueUrl=http://www.mobitv.com\">Click here to buy MobiTV for the @</a></p><br /><p><a href=\"../getmobitv/\" onmouseover=\"document<?=$fix?>.backBtn.src='../assets/images/button/backOver.gif'\" onmouseout=\"document<?=$fix?>.backBtn.src='../assets/images/button/back.gif'\"><img src=\"../assets/images/button/back.gif\" alt=\"backBtn\" id=\"backBtn\" /></a></p>".replace("@", repl);
}

function clickPhone(arg, argThis)
{
	$('imageDiv').style.backgroundImage = "url('phoneImages/"+arg+"')";	
	$('phoneName').innerHTML = argThis;

	try { $('smartphone').style.display="none"; }catch (x) {}
	try { $('ppc').style.display="none"; }catch (x) {}
}

function changePhoneWindowsMobile(arg, argThis, argp)
{
	document.getElementById('imageDiv').style.backgroundImage = "url('phoneImages/"+arg+"')";
	document.getElementById('phoneName').innerHTML = argThis;

	strppc = "<h2 class=\"title pad\"><img src=\"images/get-it-now.gif\" /><span>Get It Now</span></h2><p><strong>$9.99/month (Pocket PC)</strong></p><p>MobiTV can be purchased via credit card by clicking on the link below:</p><p><a href=\"https://hce.handango.com/HCE/checkout/Cart.jsp?storeId=1911&productId=188096&continueUrl=http://www.mobitv.com\">Click here to buy MobiTV for the Pocket PC</a></p><br /><p><a href=\"../getmobitv/\" onmouseover=\"document<?=$fix?>.backBtn.src='../assets/images/button/backOver.gif'\" onmouseout=\"document<?=$fix?>.backBtn.src='../assets/images/button/back.gif'\"><img src=\"../assets/images/button/back.gif\" alt=\"backBtn\" id=\"backBtn\" /></a></p>";
	strsp =  "<h2 class=\"title pad\"><img src=\"images/get-it-now.gif\" /><span>Get It Now</span></h2><p><strong>$9.99/month (Smartphone)</strong></p><p>MobiTV can be purchased via credit card by clicking on the link below:</p><p><a href=\"https://hce.handango.com/HCE/checkout/Cart.jsp?storeId=1911&productId=189025&continueUrl=http://www.mobitv.com\">Click here to buy MobiTV for a Smartphone</a></p><br /><p><a href=\"../getmobitv/\" onmouseover=\"document<?=$fix?>.backBtn.src='../assets/images/button/backOver.gif'\" onmouseout=\"document<?=$fix?>.backBtn.src='../assets/images/button/back.gif'\"><img src=\"../assets/images/button/back.gif\" alt=\"backBtn\" id=\"backBtn\" /></a></p>";

	if (argp == "ppc") 
	{
		document.getElementById('downloadInfo').innerHTML = strppc;
	} 
	else 
	{
		document.getElementById('downloadInfo').innerHTML = strsp;
	}

}

/*

function clickPhone(arg, argThis, argp)
{
	document.getElementById('imageDiv').style.backgroundImage = "url('phoneImages/"+arg+"')";
	
	document.getElementById('phoneName').innerHTML = argThis;
	document.getElementById('smartphone').style.display="none";
	document.getElementById('ppc').style.display="none";
}

*/

function show(id)
{
	$(id).style.display="block";
	
	if (id == "ppc") 
	{
		try { $('smartphone').style.display="none"; }catch (x) {}
	} 
	else 
	{
		try { $('ppc').style.display="none"; }catch (x) {}
	}
}

/*
function showppc()
{
	$('smartphone').style.display="none";
	$('ppc').style.display="block";
}

function showsmartphone()
{
	$('ppc').style.display="none";
	$('smartphone').style.display="block";
}
*/