function showID (my_id) {
	var elem = document.getElementById(my_id);
	var str = elem.className;
	if (str.indexOf('hide') > -1)
	{
		elem.className = str.replace('hide', 'show');
	}
	else
	{
		elem.className = str.replace('show', 'hide');
   }
}

function navTo (selector) {
	window.location = selector[selector.selectedIndex].value;
}


/* ------------------------------ SELECTOR FUNCTION - AJAX --------------------------- */

var removeID 	= '';
var addID 		= '';

function removePackage () {
	removeID = document.getElementById('package');
	sndReq('cart.remove.php?type=package', removePackageResponse);
}

function choosePot (radio, colour, num) {
	addID = document.getElementById('potbox_'+num);
	sndReq('cart.add.php?js=1&name='+colour+'&type=pots', potResponse);
	for (i=0;i<3;i++)
	{
		pot 		  = document.getElementById('potbox_'+i);
		pot.className = pot.className.replace('potchosen', '');
	}
}

function addtocart (type, name, id) 
{
	var status = clickItem(id);
	if (document.getElementById('qty_'+id)) {
		var count  = document.getElementById('qty_'+id).value;
	} else {
		var count  = "null";
	}
	if (status) {
		addID = id;
		sndReq('cart.add.php?js=1&id='+id+'&count='+count+'&name='+name+'&type='+type, addResponse);	
	} else {
		removeID = id;
		sndReq('cart.remove.php?js=1&id='+id+'&count='+count+'&name='+name+'&type='+type, removeResponse);
	}
}

function clickItem (id) 
{
	var box = document.getElementById('box_' + id);
	var button = document.getElementById('selbut_' + id);
	var str = box.className;
	if (str.indexOf('chosen') > -1)
	{
		// deselect / remove
		button.innerHTML 	= '<img src="images/loading.gif" alt="select button" width="24" height="24" align="absmiddle" /> Removing...';
		return false;
	}
	else
	{
		// select
		button.innerHTML 	= '<img src="images/loading.gif" alt="select button" width="24" height="24" align="absmiddle" /> Adding...';
		return true;
   }
}

function removeResponse () {
	var box = document.getElementById('box_' + removeID);
	var button = document.getElementById('selbut_' + removeID);
	var feedback = document.getElementById('feedback');
    if (http.readyState == 4) {
        var response 		= http.responseText;
		feedback.innerHTML 	= response;

		if (response.substr(0,4) == 'Remo') { 
			button.innerHTML 	= '<img src="images/select.gif" alt="select button" width="24" height="24" align="absmiddle" /> Select';
			box.className 		= box.className.replace('chosen', '');
		} 
		if (response.substr(0,4) == 'Upda') { 
			button.innerHTML 	= '<img src="images/remove.gif" alt="select button" width="24" height="24" align="absmiddle" /> Remove/Update';
		}
    }
}
function addResponse () {
	var box 	= document.getElementById('box_' + addID);
	var button 	= document.getElementById('selbut_' + addID);
	var feedback = document.getElementById('feedback');
    if (http.readyState == 4) {
        var response 		= http.responseText;
		feedback.innerHTML 	= response;
		box.className 		= box.className + ' ' + 'chosen';
        button.innerHTML 	= '<img src="images/remove.gif" alt="select button" width="24" height="24" align="absmiddle" /> Remove/Update';
    }
}
function potResponse () {
	var feedback = document.getElementById('feedback');
	var box 	= addID;
    if (http.readyState == 4) {
        var response 		= http.responseText;
		feedback.innerHTML 	= response;
		box.className 		= box.className + ' ' + 'potchosen';
	}
}

function removePackageResponse () {
	var feedback = document.getElementById('package');
    if (http.readyState == 4) {
        var response 		= http.responseText;
		feedback.innerHTML 	= response;
	}
}



/* ------------------------------ DIRECTORY LISTING FUNCTIONS - AJAX --------------------------- */

function createRequestObject() 
{
    var ro;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        ro = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
        ro = new XMLHttpRequest();
    }
    return ro;
}

var http = createRequestObject();

function sndReq(url, responseFunction) 
{
    http.open('get', url);
    http.onreadystatechange = responseFunction;
    http.send(null);
}

function listingResponse() 
{
	var id = 'listing';
    if (http.readyState == 4) {
        var response = http.responseText;
        document.getElementById(id).innerHTML = response;
    }
}