/* 
 *	super hover
 *  Adds simple hover support to elements by id.
 *  Lets display and position image according to configuration
 *  @author Mike <m@kufi.net>
 *	@date 03.09.2009
 */

$(document).ready(function(){
	var AddedBuffer = new Object();
	var SHoverConfig = new Array();
	
	SHoverConfig[0] = new Object();
		SHoverConfig[0]['id'] = "#text1";
		SHoverConfig[0]['name'] = "image1";
		SHoverConfig[0]['ox'] = 0;
		SHoverConfig[0]['oy'] = -280;
		SHoverConfig[0]['image'] = 'bilder/pixel.jpg';
		SHoverConfig[0]['text'] = '<p><strong>1. Warenübernahme</strong> <br /> Mit modernen Kühlfahrzeugen fahren wir die temperatursensiblen  Lebensmitteln von den Produzenten zu unserem Logistikzentrum in Neuburg  am Inn, nahe Passau und der österreichischen Grenze.<br /> Dort lagern wir die Produkte ein, um sie später zu kommissionieren und gebündelt an den Handel auszuliefern oder wir transportieren sie direkt  als Cross-Docking-Lieferung an die Empfänger.</p>';
		SHoverConfig[1] = new Object();
		SHoverConfig[1]['id'] = "#text2";
		SHoverConfig[1]['name'] = "text2";
		SHoverConfig[1]['ox'] = 0;
		SHoverConfig[1]['oy'] = -280;
		SHoverConfig[1]['image'] = 'bilder/pixel.jpg';		
		SHoverConfig[1]['text'] = '<p><strong>2. Warehousing</strong><br />Von der Umschlagzone aus werden die Waren direkt in unserem  Multitemperaturlager eingelagert. Sämtliche Warehousing-Prozesse  steuern wir über ein modernes Lagerverwaltungssystem. Sowohl die  Kommissionierung, die Nachschub-Versorgung der Kommissionierplätze als  auch der Warenausgang erfolgen Datenfunk-gestützt.</p>';
		SHoverConfig[2] = new Object();
		SHoverConfig[2]['id'] = "#text3";
		SHoverConfig[2]['name'] = "text3";
		SHoverConfig[2]['ox'] = 0;
		SHoverConfig[2]['oy'] = -280;
		SHoverConfig[2]['image'] = 'bilder/pixel.jpg';	
		SHoverConfig[2]['text'] = '<p><strong>3. Warenverteilung</strong><br /> Ab Warenausgang greift unser ausgereiftes Distributionssystem. Mit  unserem DV-gestützten Tourenplanungssystem planen und überwachen unsere  Disponenten die Tourenabläufe. Wir setzen ausschließlich eigene Fahrer  und Fahrzeuge ein. So sichern wir eine hohe Anlieferqualität und halten  unsere Termine ein.</p>';
		SHoverConfig[3] = new Object();
		SHoverConfig[3]['id'] = "#bild1";
		SHoverConfig[3]['name'] = "bild1";
		SHoverConfig[3]['ox'] = 0;
		SHoverConfig[3]['oy'] = -180;
		SHoverConfig[3]['image'] = 'bilder/transport_bild1.jpg';	
		SHoverConfig[3]['text'] = '';
		SHoverConfig[4] = new Object();
		SHoverConfig[4]['id'] = "#bild2";
		SHoverConfig[4]['name'] = "bild2";
		SHoverConfig[4]['ox'] = 0;
		SHoverConfig[4]['oy'] = -180;
		SHoverConfig[4]['image'] = 'bilder/transport_bild2.jpg';	
		SHoverConfig[4]['text'] = '';
		SHoverConfig[5] = new Object();
		SHoverConfig[5]['id'] = "#bild3";
		SHoverConfig[5]['name'] = "bild3";
		SHoverConfig[5]['ox'] = 0;
		SHoverConfig[5]['oy'] = -180;
		SHoverConfig[5]['image'] = 'bilder/transport_bild3.jpg';	
		SHoverConfig[5]['text'] = '';
	var i = 0;
	var _c = 0;
	
  function superhoverimage(e) {
	var _c = superhoverfindid($(this).attr('id'));
	if (_c == -1) {
		return;
	}
	else {
		_c = SHoverConfig[_c];
	}
	if (!AddedBuffer[_c.name]) {
		$("div:first").append('<div class="shoverlet" id="' + _c.name + "shover" + '" style="display:none"><img src="' + _c.image + '">' + _c.text + '</div>');
		AddedBuffer[_c.name] = 1;
	}
	$("#" + _c.name + "shover").css("top", $(this).offset().top + _c.oy);
	$("#" + _c.name + "shover").css("left", $(this).offset().left + _c.ox);
	$("#" + _c.name + "shover").css("display", "");
	$("#" + _c.name + "shover").css("position", "absolute");
  }
  function superunhoverimage(e) {
	var _c = superhoverfindid($(this).attr('id'));
	if (_c == -1) {
		return;
	}
	else {
		_c = SHoverConfig[_c];
	}
	$("#" + _c.name + "shover").hide();
  }
  function superhoverfindid(id) {
	var i = 0;
	//alert(id);
	for (i = 0; i < SHoverConfig.length; i++) {
		if (SHoverConfig[i]['id'] == "#" + id) { return i; }
	}
	//alert ("nf");
	return -1;
  }

  for(i=0; i < SHoverConfig.length; i++) {
		var _c = SHoverConfig[i];
		AddedBuffer[_c.name] = 0;
		$(_c.id).hover(
		superhoverimage,
		superunhoverimage);
   }
});