function thumbSwap(img)
{
	var imgTarget = document.getElementById('mainProductImage');
	var linkTarget = document.getElementById('mainProductLink');
	
	if(imgTarget && linkTarget)
	{
		imgTarget.src = img.src.replace('width=60','width=300');
		linkTarget.href = img.src.replace('width=60','');
	}
}

function preloadImage(path)
{
	var img = new Image(1,1);
	img.src = path;
	return img;
}

function hasClass(ele,cls) {
	return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
 
function addClass(ele,cls) {
	if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
 
function removeClass(ele,cls) {
	if (hasClass(ele,cls)) {
    	var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		ele.className=ele.className.replace(reg,' ');
	}
}

var SearchBox = {

	defaultValue : 'Search the site...',

	init : function(id)
	{	
		this.input = document.getElementById(id);
		
		if(this.input)
		{
			this.input.value = this.defaultValue;
			addClass(this.input, 'blurred');
		
			var scope = this;
			
			this.input.onfocus = function() { scope.focus(); }
			this.input.onblur = function() { scope.blur(); }
		}
	},
	
	focus : function()
	{
		if(this.input.value == this.defaultValue)
		{
			this.input.value = '';
			removeClass(this.input, 'blurred');
		}
	},
	
	blur : function()
	{
		if(this.input.value == this.defaultValue || this.input.value == '')
		{
			this.input.value = this.defaultValue;
			addClass(this.input, 'blurred');
		}
	}
}