var df = {
	no_utf8:	0,
	baseurl: 	'http://www.apotheken.de/diagnosefinder/',
	nohs:		1,
	
	loaddiag: function (no_utf8, nohs, url) {
		if (no_utf8 != null)
			this.no_utf8 = parseInt(no_utf8);
		if (nohs != null)
			this.nohs = parseInt(nohs);
		if (url != null) 
			this.baseurl = url;
		document.getElementById("diagnosefinder").innerHTML = '<div id="diag_page"><div id="diag_main_content"></div></div>';
		this.loadmaps();
		return doopen(1,0,0);
	},
	
	loadmaps: function() {
		jQuery.getJSON(df.baseurl +"maps.php?jsoncallback=?",
			function(data) {
				jQuery("#diagnosefinder").append(data.content);
			}
		);
	}
};

function doopen(level,gender,parent) {
	jQuery("#diag_main_content").hide();
	jQuery("#diag_page").addClass("loading");

	jQuery.getJSON(df.baseurl + "diag.php?jsoncallback=?",{level: level, gender: gender, parent: parent, nohs: df.nohs, no_utf8: df.no_utf8},
			function(data){
				jQuery("#diag_main_content").empty();
				jQuery('#diag_page').removeClass('loading');
				jQuery("#diag_main_content").append(data.content);
				jQuery("#diag_main_content").show("slow");
			}
	);
	return false;
}; 

function switchImageFromMenu(img, ids) {
	var map = img;
	// das Geschlecht ist immer die erste Ziffer
	var g = img.slice(0,1);
	var target = document.getElementById('images');
	// für alle Maps, die mehr als drei Zeichen lang sind
	// sollen die ersten zwei Zeichen als Map verwendet werden.
	if(map.length > 3) {
		map = img.slice(0,2);
	}

	// neues Bild einfügen
	target.innerHTML = '<img src="' + df.baseurl + 'img/'+img+'.jpg" usemap="#m'+map+'" >';
	
	// alle styles auf Weiß setzen und
	for(var y=1; y < 21; y+=1) {
		jQuery("#"+g+y).css("backgroundColor","#FFFFFF");
	}
	idsArray = ids.split(',');

	// das betroffene style auf Gelb.
	for(var x=0; x < idsArray.length; x+=1) {
		jQuery("#"+g+idsArray[x]).css("backgroundColor","#FFE300");

	}

	return false;
}

var nohs = {
	showdiv: function (obj,id) {
		jQuery('#'+id).slideDown('slow');
		
		return false;
	},
	toframe: function (a) {
		var source = jQuery(a).attr('href');
		var frame  = '<div id="nohsframe"><div id="iframeheader"><a href="#" onclick="jQuery(\'#nohsframe\').remove();jQuery(\'#diag_main_content\').show();">Zur&uuml;ck zum Diagnosefinder</a></div><iframe src="' + source + '" width="800" height="600"></iframe></div>';
		jQuery("#diag_main_content").hide();
		jQuery("#diag_page").append(frame);
		return false;
	}
};