$(document).ready(function(){
	// detectBrowser();
	// Ein paar Mac-spezifische Abweichungen im CSS:
	if(navigator.platform=='MacIntel') {
		$('#indexLeftInfocontent').css('height', '206px')
	}
	// if(navigator.appName=='Microsoft Internet Explorer') {
	// 	$('#detailsInfocontent').css('width', '435px')
	// }
	
	// alert (navigator.appName + ' # ' + navigator.appVersion);

	$('.open_fn').click(function(){
		//alert(this.href);
		return fn(this.name, 520);
	});

	//	onclick="return fn('entertain_comfort_preis', 520)"


	// if (navigator.platform=="Win32")
	// {
	// alert("windows95/98/NT am werk");
	// }
	// else if(navigator.platform=="Win16")
	// {
	// alert("mac OS/windows 3x/mac68k am werk");
	// }
	// else if(navigator.platform=="MacPPC")
	// {
	// alert("powerPC/unix am werk");
	// }
	//alert($('input[name=package]').length);

	// Tell jQuery that our div#message is to be a MODAL dialog, that can not be closed On Escape(!):
	$('#message').dialog({ autoOpen: false, modal: true, closeOnEscape: false });

	// Tell jQuery that our div#Dialog is to be a dialog
	$('#Dialog').dialog({ autoOpen: false, modal: true });

	$('.closeInfolayer').click(function(){
		$('#Infolayer').hide();
	});

	$('#btn').mouseover(function() {
		$('#btnPassiv').hide();
		$('#btnActiv').show();
	});
	$('#btn').mouseout(function() {
		$('#btnActiv').hide();
		$('#btnPassiv').show();
	});

	// BestellLayer
	$('.basic').click(function(){$('input[name=produkt]').val('basic')});
	$('.comfort').click(function(){$('input[name=produkt]').val('comfort')});

	$('.comfort_vdsl').click(function(){
		$('input[name=produkt]').val('comfort_vdsl');
		//alert($('input[id=bandbreite_dsl16plus]').attr('checked'));
		//alert($('input[id=bandbreite_vdsl25]').attr('checked'));
		//alert($('input[id=bandbreite_vdsl50]').attr('checked'));
		// if( $('input[id=bandbreite_dsl16plus]').attr('checked') ) {
		// 	// $('#package_bandbreite').val('VDSL25');
		// 	
		// 	$('input[id=package_bandbreite]').val('vdsl25');
		// 	$('input[id=bandbreite_vdsl25]').attr('checked', 'checked');
		// 	$('input[id=bandbreite_vdsl25]').val('vdsl25');
		// 	$('input[id=bandbreite_dsl16plus]').attr('checked', '');
		// 	$('input[id=bandbreite_dsl16plus]').val('');
		// 	$('input[id=bandbreite_vdsl50]').attr('checked', '');
		// 	$('input[id=bandbreite_vdsl50]').val('');
		// 	alert(1);
		// }
	});
	$('.comfort_plus').click(function(){$('input[name=produkt]').val('comfort_plus')});
	$('.entertain_comfort').click(function(){$('input[name=produkt]').val('entertain_comfort')});
	$('.entertain_comfort_plus').click(function(){$('input[name=produkt]').val('entertain_comfort_plus')});
	$('.entertain_premium').click(function(){$('input[name=produkt]').val('entertain_premium')});

	//	BestellLayer einblenden:
 	$('.openBestellLayer').click(function(){
		//	alert($('input[name=package_bandbreite]').val());
		//	alert($('input[name=produkt]').val());
		$('#BestellLayer').dialog({autoOpen: false,modal: true,closeOnEscape: false});
		$('#BestellLayer').dialog('option', 'width', 600);//629
		$('#BestellLayer').dialog('option', 'height', 420);
		$('#BestellLayer').dialog('open')
		$('#BestellLayer').css('height', '420');
		// $('#BestellLayer').css('border', '1px solid green');
		$('#BestellLayer').parent().css('background', 'transparent url()');
		$('#BestellLayer').prev().hide();
		$('#BestellLayerContent'+dslType()).show();
	});
	//	Hardwareauswahl koordinieren:
	$('.checkbox_hw_recorder').click(function(){
		if( $(this).attr('checked') ) {
			// $('#hw_package').val('recorder');
			$('input[id=recorder]').val('recorder');
			$('.checkbox_hw_none').attr('checked', false);
		}
		else $('input[id=recorder]').val('');
	})
	$('.checkbox_hw_router').click(function(){
		if( $(this).attr('checked') ) {
			// $('#hw_package').val('recorder');
			$('input[id=router]').val('router');
			$('.checkbox_hw_none').attr('checked', false);
		}
		else $('input[id=router]').val('');
	})
	$('.checkbox_hw_none').click(function(){
		$('.checkbox_hw_recorder').attr('checked', false);
		$('.checkbox_hw_router').attr('checked', false);
		$('input[id=recorder]').val('');
		$('input[id=router]').val('');
	})
	// /BestellLayer


	$('#unterlagen').click(function(){$('#unterlagen .teaserBoxContent').slideUp().toggle();});
	$('#wechselberater').click(function(){$('#wechselberater .teaserBoxContent').slideUp().toggle();});
	$('#rueckrufservice').click(function(){$('#rueckrufservice .teaserBoxContent').slideUp().toggle();});
	$('#bestellhotline').click(function(){$('#bestellhotline .teaserBoxContent').slideUp().toggle();});
	$('#dsl_interessenten').click(function(){$('#dsl_interessenten .teaserBoxContent').slideUp().toggle();});
	$('#verfuegbarkeit').click(function(){$('#verfuegbarkeit .teaserBoxContent').slideUp().toggle();});

//	$('#rueckrufservice').mouseenter(function(){$('#rueckrufservice_content').slideDown(100);});
//	$('#rueckrufservice').mouseleave(function(){window.setTimeout("$('#rueckrufservice_content').slideUp()", 500);});

//	$('#dsl_interessenten').click(function(){
//		window.open('https://eki-exag.t-home.de/dsl-interessenten/start.do', 'context', 'width=630,height=660,status=yes,location=no,scrollbars=yes,resizable=yes');
//		return false;
//	});

});




/**
 * function fn(name)
 * @author Jo Schneider <js@i22.de>
 * parameter name is the filename without suffix (.html).
 * parameter width is the px-width of the dialog box.
 */
function fn(name, width, title) {
	$('#Dialog').dialog('option', 'width', width);
	$('#Dialog').dialog('option', 'height', 'auto');
	$('#Dialog').dialog('option', 'title', title);
	$('#Dialog').dialog('open');
	$('.ui-dialog-titlebar').show();
	$('.ui-dialog-titlebar').html('<span class="" unselectable="on" style="-moz-user-select: none;"></span> <a style="float: right; margin-left: 10px;" href="" title="Fenster schlie&szlig;en" onclick="$(\'#Dialog\').dialog(\'close\'); return false"><span style="vertical-align: top;">Schlie&szlig;en</span> <img src="images/icon_close.gif" width="15" height="15" alt="" border="0"></a><span style="float: right;"></span><span class="" style="margin-right:15px; padding-right: 3px; padding-left: 1px; float: right;"></span> <a href="javascript:window.print()" title="Fu&szlig;note drucken" style="float: right;"><img src="images/icon_print.gif" width="15" height="15" alt="" border="0" style="float: right;"><span style="padding-right: 3px; float: right; cursor: pointer;">Drucken</span> </a> ');
	// $('.ui-dialog-title').append('<a href="" class="aa">drucken<span class="print">drucken</span></a>');
	$.ajax({
		url: 'fussnoten/'+name+'.html',
		cache: false,
		success: function(html){
			$('#Dialog').html(html);
		}
	});
	// wichtig, damit href nur bei deaktiviertem js ausgefuehrt wird:
	return false;
}

/**
 * function dialogBox(name)
 * @author Jo Schneider <js@i22.de>
 * parameter name is the id (#MyId) or class (.myClass) of the div, that contains the dialog-content.
 * parameter width is the px-width of the dialog box.
 */
function dialogBox(name, width, title, btn) {
	$(name).dialog({autoOpen: false,modal: true,closeOnEscape: false});
	$(name).dialog('option', 'width', width);
	$(name).dialog('option', 'title', title);
	$(name).dialog('open');
	$('.ui-dialog-titlebar').show();
	$('.ui-dialog-titlebar-close').html('<span class="ui-icon ui-icon-closethick">Schlie&szlig;en&nbsp;</span><span style="float: right;">Schlie&szlig;en&nbsp;</span>');//<span class="ui-icon ui-icon-closethick" unselectable="on" style="-moz-user-select: none;">Schlie&szlig;en&nbsp;</span><span style="float: right;">Schlie&szlig;en&nbsp;</span>');
	if(btn==0){
		$('.ui-dialog-content').append('<a href="#" title="Fenster schlie&szlig;en" onclick="$(\''+name+'\').dialog(\'close\');"><img class="BtnWindowClose" src="img/window_close.gif" alt="Fenster schlie&szlig;en" /></a>');
	}
	if(btn=='bestellen') {
		// $('.ui-dialog-content').append('<img src="img/btn_jetzt_bestellen.gif" class="cursor" alt="Jetzt bestellen" title="Jetzt bestellen" onclick="sendForm();" />');
		$(name).children('.btn_jetzt_bestellen').replaceWith('<img src="img/btn_jetzt_bestellen.gif" class="cursor" alt="Jetzt bestellen" title="Jetzt bestellen" onclick="sendForm();" />');
	}
	// wichtig, damit href nur bei deaktiviertem js ausgefuehrt wird:
	return false;
}
function toggleDialog(filename, width, height, top){
	if(!width) width = 640;
	if(!height) height = 500;
	// funktioniert nicht auf a-tags.
	$('#ToggledDialog').dialog({ autoOpen: false, modal: false, closeOnEscape: false});
	$('#ToggledDialog').dialog('option', 'width', width);	// 630
	$('#ToggledDialog').dialog('option', 'height', height);
	$('#ToggledDialog').dialog('option', 'min-height', height);
	$('#ToggledDialog').dialog('open');
	// $('#ToggledDialog').prev().show();
	$('#ToggledDialog').attr('style', 'height: '+height+'px; min-height: '+height+'px');
	// $('#ToggledDialog').('.ui-dialog-titlebar-close').html('hallo');
	if(top) $('#ToggledDialog').parent().css('top', top+'px');
	$('#ToggledDialog').parent().css('border', '2px solid #999');
	// Wir brauchen hier noch einen Layer mit fester Groesse, damit der Dialog bei verschiedenen Inhalten nicht verrutscht:
	$('#ToggledDialog').css('display', 'block');
	height = height-30; // fuer IE
	width = width-30; // fuer IE
        $('#ToggledDialog').html('<div id="ToggledDialogContent" style="height: '+height+'; width: '+width+'"></div>');
	$.ajax({
		url: filename,
		cache: false,
		success: function(html){
			$('#ToggledDialogContent').html(html);
		}
	});
	return false;
}

function showVerfuegbarkeitscheck(filename, width, btn) {
	$('#DialogVerfuegbarkeitscheck').dialog({autoOpen: false,modal: true,closeOnEscape: false, position: 'top'});
	$('#DialogVerfuegbarkeitscheck').dialog('option', 'width', 750);
	$('#DialogVerfuegbarkeitscheck').dialog('option', 'height', 550);
	$('#DialogVerfuegbarkeitscheck').dialog('open');
	$('#DialogVerfuegbarkeitscheck').parent().css('background', 'transparent url()');
	$('#DialogVerfuegbarkeitscheck').parent().css('top', '50px');
	$('#DialogVerfuegbarkeitscheck').prev().hide();
	$('#Infolayer').css('display', 'block');
	$('#DialogVerfuegbarkeitscheck').css('height', '500px');
	$('.ui-dialog-content').html($('#Infolayer'));

	if(btn!='bestellen') {$('#infolayerButtonBestellen').hide()}

	if(filename) {
		$.ajax({
			url: filename,
			cache: false,
			success: function(html){
				$('.infolayerContent').html(html);
			}
		});
	}
	// wichtig, damit href nur bei deaktiviertem js ausgefuehrt wird:
	return false;
}

/**
das jquery-Accordion k&Atilde;&para;nnen wir nicht gebrauchen, da die layer unabh&Atilde;&curren;ngig von einander ge&Atilde;&para;ffnet und geschlossen werden sollen:

NOTE: If you want multiple sections open at once, don't use an accordion

An accordion doesn't allow more than one content panel to be open at the same time, and it takes a lot of effort to do that. If you are looking for a widget that allows more than one content panel to be open, don't use this. Usually it can be written with a few lines of jQuery instead, something like this:
*/
/**
 * @author Peter Lukasiewicz <lukasiewicz@people-interactive.de>
 */
jQuery.StVzTmob = function () {
	/**
	 * Id des Accordion-Containers
	 */
	var selectorId = 'Selector';
	return {
		/**
		 * Initialsiert den Accordion-Effekt beim onload event 
		 */
		init : function () {
			$(window).load(function () {
				jQuery.StVzTmob.initAccordion(); 
			});
		},
		/**
		 * Bedient sich des jquery.accordion plugins 
		 */
		initAccordion : function () {
			$('#'+selectorId).accordion({
				animated: 'slide',
				clearStyle: true,
				event: 'click', 
				fillSpace: false,
				header: 'h3',
				navigation: true,
				alwaysOpen: false
			}); 
		} 
	}
}();
// jQuery.StVzTmob.init(); // wenn kein accordion auf der seite, gibt es einen js-error, deswegen in head-script der betreffenden seite schreiben! (js @ i22)


function open_window(url,width){
	if(!width) width = 710;
	window.open(url,"Tarifinfo", "width="+width+",height=600,location=yes, menubar=yes, resizeable=no, scrollbars=yes, status=no");
}


function detectBrowser()
{
	alert(navigator.appVersion);
	alert(parseFloat(navigator.appVersion));
	
var b_version=navigator.appVersion;
var version=parseFloat(b_version);
if ((navigator.appName=="Microsoft Internet Explorer") && (parseFloat(navigator.appVersion)>=5))
  {
  alert("Your browser is good enough!");
  }
else
  {
  alert("It's time to upgrade your browser!");
  }
}