var listitems = new Array();
var page = 1;

var submit_search = function () {
	page = 1;
	search();
	return false;
};

var search = function () {
	$('search_results').innerHTML = "Loading...";
	new Ajax.Updater('search_results', 'index.php', {
		parameters: 'search=' + $('search').value + '&catalog=' + $('catalog').value + '&page=' + page + '&locale=' + $('locale').value
	})
	return false;
};

var next_page = function () {
	page += 1;
	search();
};

var prev_page = function () {
	if (page <= 1) {
		alert("You're on the first page already");
		return false;
	}
	page -= 1;
	search();
};

var add_item = function (asin, title, img_src) {
	for (i = 0; i < listitems.length; i++) {
		if (listitems[i] == asin) {
			// got it already
			return false;
		}
	}
	if (listitems.length > 10) {
		alert("10 items maximum, sorry!");
		return false;
	}
	td = document.createElement("td");
	td.style.verticalAlign = "middle";
	if (img_src == "") {
		td.innerHTML = "&nbsp;";
	} else {
		img = document.createElement("img");
		img.src = img_src;
		td.appendChild(img);
	}
	tr = document.createElement("tr");
	tr.appendChild(td);
	td = document.createElement("td");
	td.style.verticalAlign = "middle";
	td.innerHTML = title + '<br/><a href="javascript:void(del_item(\'' + asin + '\'))">Drop</a>';
	tr.appendChild(td);
	table = document.createElement("table");
	table.id = "p" + asin;
	table.appendChild(tr);
	p = document.createElement("p");
	p.appendChild(table);
	// IE BUG
	$('items').innerHTML += p.innerHTML;
	listitems[listitems.length] = asin;
};

var del_item = function(asin) {
	new_items = new Array();
	for (i = 0; i < listitems.length; i++) {
		if (listitems[i] == asin) {
			listitems[i] = null;
			p = $('p' + asin);
			p.parentNode.removeChild(p);
		} else {
			new_items[new_items.length] = listitems[i];
		}
	}
	listitems = new_items;
};

var step = function(id) {
	if (id == 3 && listitems.length == 0) {
		alert("Nothing selected!");
		return false;
	}
	$("step1").style.display = 'none';
	$("step2").style.display = 'none';
	$("step3").style.display = 'none';
	$("step" + id).style.display = 'block';
	switch(id) {
		case 2:
			$('search').focus();
			$('items').innerHTML = "";
			b = document.createElement("b");
			b.innerHTML = "My friend likes these:";
			$('items').appendChild(b);
			br = document.createElement("br");
			$('items').appendChild(br);
			$('items').appendChild(br);
			$("items").style.visibility = 'visible';
			$('find').innerHTML = "Find out what your friend wants for Christmas.";
			break;
		case 3:
			$('find').innerHTML = "Here are Wish-O-Matic's recommendations for your friend.";
			tell_me();
			break;
	}
	
}

var tell_me = function() {
	if (listitems.length == 0) {
		return false;
	}
	asin = "";
	trenn = "";
	for (i = 0; i < listitems.length; i++) {
		asin += trenn + listitems[i];
		trenn = ",";
	}
	$('tell').innerHTML = 'Loading...';
	$('tell').style.visibility = 'visible';
	new Ajax.Updater('tell', 'index.php', {
		parameters: 'tell=' + asin + '&locale=' + $('locale').value
	})
	
}