// the se class encapsulates a left and right search control
// both controls are driven by a shared search form
function se(searchWord) {
	var sFormDiv = document.getElementById("searchForm");
	var leftScDiv = document.getElementById("imageSearchControl");

	// create a left, right search control
	// create a custom search form
	this.imageControl = new GSearchControl();
	this.searchForm = new GSearchForm(true, sFormDiv);

	// bind clear and submit functions
	this.searchForm.setOnSubmitCallback(this, se.prototype.onSubmit);

	// set up for large result sets
	//this.imageControl.setResultSetSize(GSearch.LARGE_RESULTSET);

	// configure left control
	// vertical layout, image and blog
	var imageOptions = new GsearcherOptions();  
	imageOptions.setExpandMode(GSearchControl.EXPAND_MODE_OPEN);  
	//this.imageControl.addSearcher(new GimageSearch());
	this.imageControl.addSearcher( new GimageSearch(), imageOptions );  

	var drawOptions = new GdrawOptions();
	drawOptions.setDrawMode(GSearchControl.DRAW_MODE_TABBED);

	this.imageControl.setNoResultsString(GSearchControl.NO_RESULTS_DEFAULT_STRING);
	this.imageControl.draw(leftScDiv);

	// execute a starter search
	this.searchForm.execute(searchWord);
}

// when the form fires a submit, grab its
// value and call the left and right control
se.prototype.onSubmit = function(form) {
	var q = form.input.value;
	if (q && q!= "") {
		this.imageControl.execute(q);
	}
	return false;
}

function OnLoad() {
	var imageName = document.getElementById("imageName");
	new se(imageName.name);
}
google.setOnLoadCallback(OnLoad, true);