var hpe = {

	initdone: false,
	calcarea: null,
	bedarfsfelder: [ ["Ihr Fahrzeug", "fahrzeug"],
//					  ["Ihr Verm�gen", "vermoegen"],
					  ["Ihr Zuhause", "zuhause"],						  
					  ["Ihr Kind", "kind"],
					  ["Ihre Gesundheit", "gesundheit"],						  
					  ["Ihr Recht", "recht"] // Komma nicht vergessen!	
//				  ["Ihre beste Zeit", "bestezeit"],
//					  ["Ihr Tier", "tier"]
					  ],
	stdText: ": Berechnen Sie Ihr Angebot!",
	active: 0,
	delay: 5, // Verz�gerung in Sekunden
	interval: null, 
						  
	init: function() {
		if(this.initdone  || !document.getElementById) return false;
		else this.initdone = true;
		
		var tmp_arr = [];
		for(var n=0; n<hpe.bedarfsfelder.length; n++) tmp_arr[hpe.bedarfsfelder[n][1]] = n;
		
		$("#rechner_ul li").each(function() {
			var klazzes = $(this).attr("class").split(' ');
			for(n=0; n<klazzes.length; n++) {
				if(!hpe.bedarfsfelder[tmp_arr[klazzes[n]]][2]) hpe.bedarfsfelder[tmp_arr[klazzes[n]]][2] = [];
				hpe.bedarfsfelder[tmp_arr[klazzes[n]]][2].push($(this).attr('id'));
			}
		});
		
		$("#calcarea").empty();
		$("#calcarea").attr("class", "js");

		$("#calcarea").append('<div id="codecontainer"></div>');

		for(i=0; i< hpe.bedarfsfelder.length; i++) {
			
			$("#codecontainer").append($('<a title="'+hpe.bedarfsfelder[i][0]+'" id="code'+i+'" href="javascript:;"' + (i==0?' class="active"':'')+'></a>')
								  .click(function() { hpe.change(this.id) }));

			var list = $('<ul id="calclist"></ul>');
			for(n=0; n<hpe.bedarfsfelder[i][2].length; n++) {
				var link = $("#"+hpe.bedarfsfelder[i][2][n]);
				/*@cc_on
					@if (@_jscript)
						link.html(link.html().replace(/\u200B/,''));
					@end
				@*/
				list.append('<li>' + link.html() + '</li>');
			}
			hpe.bedarfsfelder[i][2] = list;
		}
		
		$("#codecontainer").append('<div class="clear"><!-- --></div>');

		$("#calcarea").append('<h3 id="calcueberschrift">'+hpe.bedarfsfelder[0][0] + hpe.stdText+'</h3>');
		
		$("#calcarea").append(hpe.bedarfsfelder[0][2].clone());
		
		hpe.addClickEvent();
		
		$("#contentfeldrechner").mouseover(function() { window.clearInterval(hpe.interval); })
								.mouseout(function() { hpe.interval = window.setInterval("hpe.slide()", 1000 * hpe.delay); });
		
		// Start Slideshow
		hpe.interval = window.setInterval("hpe.slide()", 1000 * hpe.delay);
		
		return true;
	},
	
	addClickEvent: function() {
		$("#calclist a[rel]").each(function() {
			var relation = $(this).getRelation();
			var params = $(this).parameter("rel", relation);
			if (relation=='app' && params['type'] && params['type']=='reparatur' && params['name'] && params['name']=='rechner_reparatur') {
				$(this).click(new Function("return !openPopupWindow('"+$(this).attr("href")+"',600,580,'"+params['name']+"',false,false,false,false,false,false);"));
			}
			else {
				params = $(this).parameter("rel", "rechner");
				if(params['type'] && params['type']=='xhtml') {
					$(this).click(new Function("return !openXPopup('"+$(this).attr("href")+"','"+params['name']+"');"));
				} else {
					$(this).click(new Function("return !openNewPopup('"+$(this).attr("href")+"','"+params['name']+"');"));
				}
			}
			if($.isUTF8()) $(this).attr("title","Link \u00f6ffnet ein neues Fenster");
			else $(this).attr("title","Link \xf7ffnet ein neues Fenster");
			return true;
		});
	},
	
	change: function(code) { 
		var actcode = $("#code"+hpe.active);
		actcode.attr("class", "");
		
		hpe.active = parseInt(code.substring(4,code.length));
		hpe.actcode = $("#"+code);
		hpe.actcode.attr("class", "active");
		
		var textnode = $("#calcueberschrift");
		textnode.empty();
		textnode.text(hpe.bedarfsfelder[hpe.active][0] + hpe.stdText);

		$("#calclist").replaceWith(hpe.bedarfsfelder[hpe.active][2].clone());
		hpe.addClickEvent();
		return false;
	},
	
	slide: function() {
		var newact = hpe.active + 1;
		if(newact == hpe.bedarfsfelder.length) newact = 0;
		hpe.change("code"+(newact));
	},
	
	/* Funkltion zum Austausch von png ind png24 */
	switchTo24PNG: function() {
		$("img.png24").each(function() {
			var name = $(this).attr("src");
			name = name.replace(/\./,"_") + "24.png";

			var png24 = new Image();
			var akt = $(this);
			
                        $(png24).load(function() {
                                if(!$(this).hasClass("png24ie")) {
                                        $(this).addClass("png24ie");
                                        akt.replaceWith(this);
                                }
                        }).attr("src",name)
                          .attr("id",$(this).attr("id"))
                          .attr("alt",$(this).attr("alt"));
		});
	}
};

$(document).ready(function() {
	window.hpe.init();
	window.hpe.switchTo24PNG();
});