function ShopProductGroupNavi(){
}
ShopProductGroupNavi.generateDOM = function() {
		// Daten vomBackend holen
		xmlDocument = $.ajax({
			  url: "shopProductMenuAjax.jsp",
			  data: "",
			  async: false,
			  dataType: "xml"
			}).responseXML;
	
		// Liste der Gruppen erzeugen
		pList = $("<ul class='productGroups'></ul>");
		// Liste in Seite Positionieren
		$("#categories").append( $(pList) );
		// Gruppenlisten füllen
		$( "menuGroup", xmlDocument).each( function(index, mGrp){
			try{
				cssClasses = $("cssClasses", mGrp).text();
				gTitle = $(mGrp).children("title").text();
				gDescription = $(mGrp).children("menuDescription").text();
				mitem = $("<li><a class='productGroupLink' href='#'>"+ gTitle+"</a></li>");
				$(mitem).addClass( cssClasses);
				$('.productGroupLink', mitem ).append( $("<span>"+gDescription+"</span>" ) );

				// Produkte der Gruppe füllen
				prList = $("<ul class="+cssClasses+"></ul>");
				$('#products').append( prList );

				$( "product", mGrp).each( function(index, dElem ){
					prodTitle = $("title", dElem).text();
					/*
					prodTitle = prodTitle.replace(/ü/gi , "ue");
					prodTitle = prodTitle.replace(/ä/gi , "ae");
					prodTitle = prodTitle.replace(/ö/gi , "oe");
					prodTitle = prodTitle.replace(/ß/gi , "sz");
					prodTitle = prodTitle.replace(/\//gi , "");
					*/
					prodUrl = $("url", dElem).text();
					imgUrl = $("imageName", dElem).text();
					prodType = $("type", dElem).text();

					prodItem = $("<li ></li>");
					$(prodItem).append("<div class='prod_"+prodType+" product'><a href='"+ prodUrl +"'><span>"+prodTitle+"</span></a></div>");
					
					// tooltip
					tooltip_ = $("tooltip", dElem).text();
					if ( tooltip_.length > 0 ){
						tooltipElem_ = $("<div>"+tooltip_+"</div>");
						tooltipElem_.addClass("tooltip");
						$(prodItem).append(tooltipElem_ );
					}

					// Produkt hinzufügen
					$(prList).append( prodItem );
				});
		
				// Gruppe hinzufügen
				$(pList).append( mitem );
			} catch( e){ alert(e); }

			//On Click Event
			$("ul.productGroups li").click(function() {
			
				$("ul.productGroups li").removeClass("active"); //Remove any "active" class
				
				var activeTab = $(this).attr("class"); 
				
				$(this).addClass("active"); //Add "active" class to selected tab
				
				$("#products ul").hide(); //Hide all tab content
						
				$("#products ."+activeTab).show(); //Fade in the active ID content
				return false;
			});

		});
}
	
ShopProductGroupNavi.selectFirst = function() {
	$("ul.productGroups li:first").addClass("active").show(); //Activate first tab
	$("#products ul:first").show(); //Show first tab content
}


/* Code To Place in StartTab */
/*
$(document).ready(function () {
	ShopProductGroupNavi.generateDOM();
	ShopProductGroupNavi.selectFirst();
});
*/