




function activateInfomodus(){
	$('img#infoButton').attr('src', 'images/demoshop/modus_info_on.png');

	$('div#infoPlaceHolder').html('<h3>Infospalte</h3><p>Fahren Sie &#252;ber Bereiche dieser Seite um hier Informationen dar&#252;ber eingeblendet zu bekommen.</p>');
	bindInfo('#leftColumn', '<h3>ASN-Gruppe</h3><p>Hier k&#246;nnen Sie das Suchergebnis einschr&#228;nken.</p><p>Klicken Sie auf die einzelnen Elemente um einen Filter einzurichten und damit das Suchergebnis auf das entsprechende Element zu reduzieren.</p><p>Ein Klick auf den \"Auswahl aufheben\"-Link entfernt den Filter wieder.</p> ');
	bindInfo('#resultWrap', '<h3>Suchergebnis</h3><p>Hier sehen Sie die Produkte, die durch die Suchanfrage gefunden wurden.</p><p>Klicken Sie einzelne Produkte an, um zur Detailseite zu gelangen.</p><p>Sie k&#246;nnen Produkte aus dem Suchergebnis entfernen, wenn Sie rechts oben in den \"Konfigurationsmodus\" wechseln und einzelne Produkte in den dann erscheinenden M&#252;lleimer ziehen. Lesen Sie den Hilfetext zum M&#252;lleimer f&#252;r weitere Informationen.</p>');
	bindInfo('#breadCrumbTrail', '<h3>Navigationshistorie</h3><p>Dieser Bereich zeigt Ihnen an, welche Aktionen Sie mit dem Suchergebnis vorgenommen haben.</p><p>Hier tauchen der Suchbegriff und die gew&#228;hlten Filter auf.</p><p>Durch Anklicken der einzelnen Elemente k&#246;nnen Sie zu einem fr&#252;heren Stand zur&#252;ckkehren.</p>');
	bindInfo('#sortBox', '<h3>Sortierung</h3><p>W&#228;hlen Sie hier die Sortierung aus, die auf das Suchergebnis angewandt werden soll. Die Sortierung nach Relevanz ist die Standardsortierung.</p>');
	bindInfo('#paging', '<h3>Paging</h3><p>Hier k&#246;nnen Sie durch das Suchergebnis bl&#228;ttern, falls das Suchergebnis mehrere Seiten umfasst.</p>');
	bindInfo('#productTrash', '<h3>M&#252;lleimer</h3><p>Dieses Werkzeug bietet Ihnen die M&#246;glichkeit, einzelne unerw&#252;nschte Produkte aus dem Suchergebnis herauszunehmen.</p><p>Tauchen im Suchergebnis Produkte auf, die Sie dort nicht sehen m&#246;chten, packen Sie das Produkt an dem Pfeilkreuz-Icon links oben und ziehen Sie es auf den M&#252;lleimer. Das Produkt wird ab dann grau dargestellt, um Ihnen zu symbolisieren, dass das Produkt f&#252;r die Entfernung vorgemerkt wurde. Sobald der FACT-Finder Index neu aufgebaut wird, wird das Produkt entfernt werden. Es taucht dann nicht mehr im Suchergebnis auf.</p>');
	bindInfo('#infoButton', '<h3>Hilfemodus</h3><p>Aktiviert oder deaktiviert den Hilfemodus.</p>');
	bindInfo('#managementButton', '<h3>Konfigurationsmodus</h3><p>Aktiviert oder deaktiviert den Konfigurationsmodus.</p><p>Im Konfigurationsmodus k&#246;nnen Sie Produkte aus dem Suchergebnis entfernen, indem Sie diese auf den M&#252;lleimer ziehen.</p>');
	bindInfo('#suggestLayer', '<h3>Suggest</h3><p>Das Suggestfenster taucht auf, wenn Sie im Suchfeld zu tippen anfangen. Es enth&#228;lt Suchbegriffvorschl&#228;ge zu ihrem eingetippten Begriff. Auf diese Weise k&#246;nnen Sie sich schon beim Eingeben des Begriffs korrigieren.</p>');
	bindInfo('#query', '<h3>Suchfeld</h3><p>Tippen Sie hier den Suchbegriff ein, nach dem Sie suchen m&#246;chten.</p>');
	bindInfo('#productsPerPageSelect', '<h3>Produkte pro Seite</h3><p>W&#228;hlen Sie die Anzahl der Artikel aus, die auf einer Ergebnisseite dargestellt werden.</p>');
	bindInfo('#browseTab', '<h3>St&#246;bern</h3><p>Im Bereich \"St&#246;bern\" k&#246;nnen sie durch das Produktsortiment navigieren, ohne zu suchen. Dies ist hilfreich um den Produktbestand zu erkunden.</p>');
	bindInfo('#searchTab', '<h3>Suchen</h3><p>In diesem Bereich k&#246;nnen Sie FACT-Finder verwenden, um das Produktsortiment zu durchsuchen.</p>');
	bindInfo('#managementTab', '<h3>Management</h3><p>Der Management Bereich stellt Ihnen Administrationsfunktionen zur Verf&#252;gung.</p>');
	bindInfo('#xmlButton', '<h3>XML-Ansicht</h3><p>Zeigt das aktuelle Suchergebnis in XML an.</p><p>Diese Funktion ist f&#252;r Entwickler interessant die FACT-Finder &#252;ber die XML-API ansprechen.</p>');
}

function deactivateInfomodus(){
	$('img#infoButton').attr('src', 'images/demoshop/modus_info_off.png');

	$('div#infoPlaceHolder').html('<h3>Infospalte</h3><p>Wenn Sie den Hilfemodus aktivieren, dann erscheint hier einen Erkl&#228;rungstext zu einem Element auf dieser Seite. Zu welchem Element der Text eingeblendet wird, bestimmen Sie, indem Sie mit der Maus &#252;ber das Element fahren.</p>');

	unbindInfo('#leftColumn');
	unbindInfo('#resultWrap');
	unbindInfo('#breadCrumbTrail');
	unbindInfo('#sortBox');
	unbindInfo('#paging');
	unbindInfo('#productTrash');
	unbindInfo('#infoButton');
	unbindInfo('#managementButton');
	unbindInfo('#suggestLayer');
	unbindInfo('#query');
	unbindInfo('#productsPerPageSelect');
	unbindInfo('#browseTab');
	unbindInfo('#searchTab');
	unbindInfo('#managementTab');
	unbindInfo('#xmlButton');
}

function bindInfo(object, text){
	$(object).mouseover(function(){
	  $('div#infoPlaceHolder').html(text);
	});
	$(object).mouseout(function(){
	  $('div#infoPlaceHolder').html('<h3>Infospalte</h3><p>Fahren Sie &#252;ber Bereiche dieser Seite um hier Informationen dar&#252;ber eingeblendet zu bekommen.</p>');
	});
}

function unbindInfo(object) {
	$(object).unbind('mouseover');
	$(object).unbind('mouseout');
}

