String.prototype.trim = function() {
	return this.replace(/^\s+|\s+$/g,"");
}

function getXmlHttp()
{
	var xmlHttp;
	try
	{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer
		try
		{
  	  		xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  	  	}
 	 	catch (e)
   	 	{
   	 		try
   	 		{
   	 			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
   	 		}
   	 		catch (e)
   	 		{
   	 			alert("Your browser does not support AJAX!");
   	 			return false;
   	 		}
   	 	}
   	 }
   	 
   	 return xmlHttp;
}

function appStatusOwnIt(userId, appleid, updateid)
{
	var elemButtonOwnIt = document.getElementById("app_" + appleid + "_button_ownit");
	var on = elemButtonOwnIt.className.trim() == "ownit" ? true : false;

	// toggle buttons
	elemButtonOwnIt.className = on ? "ownit selected" : "ownit";
	var elemButtonWantIt = document.getElementById("app_" + appleid + "_button_wantit");
	elemButtonWantIt.className = "wantit";

	// record in database
	var xmlHttp = getXmlHttp();
	var status = on ? "own" : "";
	xmlHttp.open("GET","/appStatusAjax.php?userId=" + userId + "&appleid=" + appleid + "&status=" + status + "&updateid=" + updateid,true);
	xmlHttp.send(null);
}

function appStatusWantIt(userId, appleid, updateid)
{
	var elemButtonWantIt = document.getElementById("app_" + appleid + "_button_wantit");
	var on = elemButtonWantIt.className.trim() == "wantit" ? true: false;

	// toggle buttons
	elemButtonWantIt.className = on ? "wantit selected" : "wantit";
	var elemButtonOwnIt = document.getElementById("app_" + appleid + "_button_ownit");
	elemButtonOwnIt.className = "ownit";

	// record in database
	var xmlHttp = getXmlHttp();
	var status = on ? "want" : "";
	xmlHttp.open("GET","/appStatusAjax.php?userId=" + userId + "&appleid=" + appleid + "&status=" + status + "&updateid=" + updateid, true);
	xmlHttp.send(null);
}

function selectPlatform(platformStub)
{
	$strSelectPlatformAllClass = "all";
	$strSelectPlatformiOSClass = "ios";
	$strSelectPlatformMacClass = "mac";

	switch (platformStub)
	{
		case "all":
			$strSelectPlatformAllClass += " selected"; break;
		case "ios":
			$strSelectPlatformiOSClass += " selected"; break;
		case "mac":
			$strSelectPlatformMacClass += " selected"; break;
	}

	var elemPlatformAll = document.getElementById("selectPlatformAll");
	var elemPlatformiOS = document.getElementById("selectPlatformiOS");
	var elemPlatformMac = document.getElementById("selectPlatformMac");
	
	elemPlatformAll.className = $strSelectPlatformAllClass;
	elemPlatformiOS.className = $strSelectPlatformiOSClass;
	elemPlatformMac.className = $strSelectPlatformMacClass;
	
	var elem = document.getElementById("selectPlatform");
	elem.className = "selector_platform " + platformStub;

	var elem = document.getElementById("platform");
	elem.value = platformStub;
	
	// show device control
	if (platformStub == "ios")
	{
		displayDeviceSelect(true);
	}
	else
	{
		selectDevice("all");
		displayDeviceSelect(false);
	}
}

function selectDevice(deviceStub)
{
	$strSelectDeviceAllClass = "all";
	$strSelectDeviceiPhoneClass = "iphone";
	$strSelectDeviceiPadClass = "ipad";
	$strSelectDeviceUniversalClass = "universal";

	switch (deviceStub)
	{
		case "all":
			$strSelectDeviceAllClass += " selected"; break;
		case "iPhone":
			$strSelectDeviceiPhoneClass += " selected"; break;
		case "iPad":
			$strSelectDeviceiPadClass += " selected"; break;
		case "universal":
			$strSelectDeviceUniversalClass += " selected"; break;
	}

	var elemDeviceAll = document.getElementById("selectDeviceAll");
	var elemDeviceiPhone = document.getElementById("selectDeviceiPhone");
	var elemDeviceiPad = document.getElementById("selectDeviceiPad");
	var elemDeviceUniversal = document.getElementById("selectDeviceUniversal");
	
	elemDeviceAll.className = $strSelectDeviceAllClass;
	elemDeviceiPhone.className = $strSelectDeviceiPhoneClass;
	elemDeviceiPad.className = $strSelectDeviceiPadClass;
	elemDeviceUniversal.className = $strSelectDeviceUniversalClass;
	
	var elem = document.getElementById("selectDevice");
	elem.className = "selector_device " + deviceStub;

	var elem = document.getElementById("device");
	elem.value = deviceStub;
}

function displayDeviceSelect(show)
{
	var elem = document.getElementById("selectDevice");
	elem.style.display = (show) ? "inline" : "none";

	var elem = document.getElementById("deviceDivider");
	elem.style.display = (show) ? "inline" : "none";
}