var Module = {
    //div with results
    createResultsDiv: function() {
        var container = document.createElement("div");
        container.setAttribute("id", "results");
        return container;
    },
    //v16 site search container
    v16Module: function() {
		var searchBox = document.getElementById("search-container");
		var container = "<div class=\"ibm-container\">";
	container += "<h2>Recherche</h2>";
container += "<div class=\"ibm-container-body\">"
container += "<p>Le moteur de recherche interne permet de cibler votre recherche soit (et/ou) sur le titre de la page, sur la description de la page, sur des mots cl&eacute;s.<br />La fonctionnalit&eacute; \"Exclure les mots suivants\" vous permet d'exclure au niveau de la recherche certains mots de vote choix.<br />Exemple : pour visualiser les contenus de produits ou solutions IBM qui ne sont pas \"Express\", sp&eacute;ficiez dans la zone mot cl&eacute; &agrave; exclure &laquo; Express &raquo;.<br />Dans ce cas, tous les r&eacute;sultats trouv&eacute;s ne seront pas li&eacute;s &agrave; des offres Express.<br />Vous pouvez &eacute;galement param&eacute;trer le nombre de liens &agrave; afficher par page, ou conserver le nombre \"5\" par d&eacute;faut.<br />Cliquez sur l'ic&ocirc;ne loupe &laquo; Recherche &raquo;.<br />La liste des pages r&eacute;pondant au mieux aux param&egrave;tres de votre recherche s'affichera, compl&eacute;t&eacute;e d'annonces et de promotions phares sur la partie droite de la page.</p>"; 
container += "<table width=\"513\">";
		container += "<tr><td>Recherche dans:</td>";
		container += "<td><input type=\"checkbox\" id=\"checkTitle\" checked=\"checked\" value=\"\" /> titre<span class=\"ibm-sep\"></span>";
		container += "<input type=\"checkbox\" id=\"checkDescription\" checked=\"checked\" value=\"\" /> Description <span class=\"ibm-sep\"></span>";
		container += "<input type=\"checkbox\" id=\"checkKeywords\" checked=\"checked\" value=\"\" /> Mots cl&#233;s</td></tr>";
		container += "<tr><td colspan=\"2\"><div class=\"ibm-rule\"><hr /></div></td></tr>";
		container += "<tr>";
		container += "<td>Recherche: </td>";
		container += "<td><input type=\"text\" id=\"searchField\" size=\"58\" onkeypress=\"Search.keyPress(event);\"/></td>";
		container += "</tr>";
		container += "<tr>";
		container += "<td>Exclure les mots suivants:</td>";
		container += "<td><input type=\"text\" id=\"searchExclude\" size=\"58\" onkeypress=\"Search.keyPress(event);\"/></td>";
		container += "</tr>";
		container += "<tr>";
		container += "<td>R&#233;sultats par page: </td>";
		container += "<td><select id=\"resultsPerPage\"><option value=\"5\" selected=\"\">5</option><option value=\"10\">10</option><option value=\"25\">25</option><option value=\"50\">50</option><option value=\"75\">75</option><option value=\"100\">100</option></select></td>";
		container += "</tr>";
		container += "<td><input id=\"search-button\" class=\"ibm-btn-view-pri\" type=\"button\" value=\"Recherche\" onclick=\"Search.startSearch();\"/><br /><br /></td>";
		container += "</tr>";
		container += "</table>";
		container += "</div>";
		container += "</div>";
		searchBox.innerHTML = container;
		searchBox.innerHTML  += "<div id=\"results\"></div>";
		
    },
    //crate table header method
    createTableHeader: function(color) {
        var headerText = document.createTextNode("Site search");
        var tableRow = document.createElement("tr");
        var tableHeader = document.createElement("td");
        tableHeader.className = "v14-header-" + color;
        tableHeader.appendChild(headerText);
        tableRow.appendChild(tableHeader);
        return tableRow;
    },
    //create table space
    createTableSpace: function() {
        var tableRow = document.createElement("tr");
        var tableColumn = document.createElement("td");
        var spacer = document.createElement("img");
        spacer.setAttribute("src", "//www.ibm.com/i/c.gif");
        spacer.setAttribute("width", 1);
        spacer.setAttribute("height", 7);
        spacer.setAttribute("alt", "");
        tableColumn.appendChild(spacer);
        tableRow.appendChild(tableColumn);
        return tableRow;
    },
    //creates empty column
    createColumn: function() {
        var column = document.createElement("td");
        var spacer = document.createElement("img");
        spacer.setAttribute("src", "//www.ibm.com/i/c.gif");
        spacer.setAttribute("width", 7);
        spacer.setAttribute("height", 1);
        spacer.setAttribute("alt", "");
        column.appendChild(spacer);
        return column;
    },
    //v14/v15 site search container
    v15Module: function() {
		var searchBox = document.getElementById("search-container");
		var tableRow = "<tr><td><img width=\"1\" height=\"7\" src=\"//www.ibm.com/i/c.gif\" alt=\"\"/></td></tr>";
		var tableColumn = "<td><img width=\"1\" height=\"7\" src=\"//www.ibm.com/i/c.gif\" alt=\"\"/></td>";
		var container = "<table class=\"v14-gray-table-border\" width=\"443\" cellspacing=\"0\" cellpadding=\"0\">";
		container += "<tr>";
		container += "<td class=\"v14-header-1\">Recherche</td>";
		container += "</tr>";
		container += "<tr>";
		container += "<td>";
		container += "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
		container += tableRow;
		container += "<tr>";
		container += "<td>Recherche: </td>";
		container += tableColumn;
		container += "<input id=\"searchField\" type=\"text\" size=\"45\" onkeypress=\"Search.keyPress(event)\" />";
		container += "</tr>";
		container += tableRow;
		container += "<tr>";
		container += "<td>Résultats par page: </td>";
		container += tableColumn;
		container += "<td><select id=\"resultsPerPage\"><option value=\"5\" selected=\"\">5</option><option value=\"10\">10</option><option value=\"25\">25</option><option value=\"50\">50</option><option value=\"75\">75</option><option value=\"100\">100</option></select></td>";
		container += "</tr>";
		container += tableRow;
		container += "<tr>";
		container += "<td><input type=\"image\" id=\"search-button\" src=\"//www.ibm.com/i/v14/buttons/us/en/submit.gif\" alt=\"Submit\" value=\"Submit\" onclick=\"Search.startSearch();\" /></td>";
		container += "</tr>";
		container += "</table>";
		container += "<td>";
		container += "</tr>";
		container += tableRow;
		searchBox.innerHTML = container;
		searchBox.innerHTML  += "<div id=\"results\"></div>";
    },
	//v8 box
	v8Module: function () {
		var searchBox = document.getElementById("search-container");
		var container = "<div class=\"callout bg-gray-lightest\">";
		container += "<h2 class=\"bar-blue-med-dark\">Site search</h2>";
		container += "<table>";
		container += "<tr>";
		container += "<td>Search: </td>";
		container += "<td><input type=\"text\" id=\"searchField\" size=\"65\" onkeypress=\"Search.keyPress(event);\"/></td>";
		container += "</tr>";
		container += "<tr>";
		container += "<td>Results per page: </td>";
		container += "<td><select id=\"resultsPerPage\"><option value=\"5\" selected=\"\">5</option><option value=\"10\">10</option><option value=\"25\">25</option><option value=\"50\">50</option><option value=\"75\">75</option><option value=\"100\">100</option></select></td>";
		container += "</tr>";
		container += "<td><span class=\"button-blue\"><input type=\"button\" id=\"search-button\" class=\"ibm-btn-view-pri\" value=\"Search\" onclick=\"Search.startSearch();\" /></span></td>";
		container += "</tr>";
		container += "</table>";
		container += "</div>";
		searchBox.innerHTML = container;
		searchBox.innerHTML  += "<div id=\"results\"></div>";

	},
	createModule: function() {
		var headNode = document.getElementsByTagName("head")[0];
		if(headNode.innerHTML.indexOf("v16") != -1) {
			Search.layout = "v16";
			this.v16Module();
		} else if(headNode.innerHTML.indexOf("v14") != -1 || headNode.innerHTML.indexOf("v15") != -1) {
			Search.layout = "v15";
			this.v15Module();
		} else {
			Search.layout = "v8";
			this.v8Module();
		}
	}
};