function showCategories(data, id)
{
	 // Kategoriennavigation erzeugen
	 $.each(data.results, function(i,item){
     
	     if(i == 0)
		 {
		 	$(id+" .digipetsresourcesCategoryNav").append('<li><a href="#" class="Select" name="'+item.uid+'"><span>'+item.category+'</span></a></li>');
		//	$(id+" .digipetsresourcesCategorySubText").append(item.subtext);
			//$(id+" .digipetsresourcesCategorySubTitle").append(item.subtitle);
		 } else{
		 	
			$(id+" .digipetsresourcesCategoryNav").append('<li><a href="#" name="'+item.uid+'"><span>'+item.category+'</span></a></li>');
		 }            
	 });
	 
	 // Navigationshandling
	 $(id+" .digipetsresourcesCategoryNav a").bind("click", function(e){
      	e.preventDefault();
     		

		$.each($(id+" .digipetsresourcesCategoryNav a"), function(i, item){
				
				$(this).removeClass("Select");
				
				
			});
			
		$(this).addClass('Select');
				
		
		// Galerieinhalt löschen
		$(id+" .digipetsresourcesObjects").empty();
			
		
		// Neuer Galerieinhalt laden
		loadRessources($(this).attr("name"), 0, $(id+" .digipetsresourcesObjects").attr('name'),$(id).attr('name'),id);
		
			
    });

}

function showRessources(data, id)
{
	$.each(data.results, function(i,item){
     
        
		 		
		// check ob imgressource oder andere
		
		res2Type = getResType(item.resource2);
		
		if ((res2Type == 'jpg') || (res2Type == 'gif') || (res2Type == 'png'))
		{
			$resObj = '<a rel="prettyPhoto['+id+']" href="' + item.resource2 + '" title="' + item.text + '"  class="CONTAINER_galleryImage StopFloatingForMyChilds">';
		} else{
			
			$resObj = '<a href="' + item.resource2 + '" title="' + item.text + '" target="_blank"  class="CONTAINER_galleryImage StopFloatingForMyChilds">';
		}
		
		
		
	
		$resObj += '			<img src="'+item.resource1+'" alt="'+item.resource1desc+'" class="STYLE_galeryImage" />';
		$resObj += '			<span class="STYLE_fontsize11 STYLE_color302821">'+item.resource1desc+'</span>';
		$resObj += '</a>';
	
	
	
		$(id+" .digipetsresourcesObjects").append($resObj);	
		
		
		            
	 });
	 
	 // Galerie Untertext und Titel anzeigen
	    $(id+" .digipetsresourcesCategorySubText").empty();
		$(id+" .digipetsresourcesCategorySubTitle").empty();
		$(id+" .digipetsresourcesCategorySubText").append(data.results[0].galsubtext);
		$(id+" .digipetsresourcesCategorySubTitle").append(data.results[0].galsubtitle);
	
		
	 $("a[rel^='prettyPhoto']").prettyPhoto({theme: 'light_square'});
	
}

function loadCategories(startingPoint,startEl,anzEl, id)
{
	returnValue = 0;
	$.getJSON("index.php?eID=tx_digipetsresources&L="+digipetsLanguage+"&action=getCategories&startingPoint="+startingPoint+"&catType=0", // Muss aktuelle Page als ID mitgeben für pid Parameter
        function(data)
		{        
       		
			showCategories(data, id);
		 	loadRessources(data.results[0].uid,startEl,anzEl,startingPoint, id);
        
		    //initial Höhe der elementbox setzen wegen Pagebrowser
		   
		});
		
	//Hier Callbavk für Höhe der ul (initial)

		
}

function loadRessources(category, startEl, anzEl, startingPoint, id)
{

	
	$.getJSON("index.php?eID=tx_digipetsresources&L="+digipetsLanguage+"&action=getRessources&startEl="+startEl+"&anzEl="+anzEl+"&category="+category+"&startingPoint="+startingPoint,  
        function(data){        
		      
       		showRessources(data, id);
			
			showPageBrowser(anzEl,data.anzahl,startEl, id);  // StartEl  entspricht aktuelles Element/Seite
     });
	
}

function showPageBrowser(anzPerPage, anzTotal, aktPage, id)
{
  	// Pagebrowser löschen
	$(id+" .digipetsresourcesPageBrowser").empty();
	
	// Alle clickevents vom Pagebrowser löschen
	$(id+" .digipetsresourcesPageBrowser a").unbind('click');
	$(id+" .digipetsresourcesPbBack").unbind('click');
	$(id+" .digipetsresourcesPbForward").unbind('click');
	
	
	var pBrowser = '';
	var pBAkt =' class="Select" ';
	var aktPage = (aktPage / anzPerPage) + 1;
	
	
	// Aufrunden auf ganzzahligen Wert
	var anzPages =  Math.ceil(anzTotal / anzPerPage);
 
    if (anzPages > 1) {
	
		for (i = 1; i <= anzPages; i++) {
		
			pBrowser = pBrowser + '<li><span class="seitenZahl">' + i + '</span><a ';
			
			if (aktPage == i) {
				pBrowser += pBAkt;
				$(id + " .digipetsresourcesPbBack").attr('name', i - 1); // Pagebrowser Backbutton name
				$(id + " .digipetsresourcesPbForward").attr('name', i + 1); // Pagebrowser Forwardbutton name
			}
			
			pBrowser = pBrowser + 'href="#" name="' + i + '"><strong></strong><span><span>' + i + '</span></span></a></li>';
			
		}
		
		$(id + " .digipetsresourcesPageBrowser").append(pBrowser);
		
		
		
		
		$(id + " .digipetsresourcesPageBrowser a").bind("click", function(e){
			e.preventDefault();
			
			// PageNavigation Handling
			startEl = ($(this).attr('name') - 1) * anzPerPage;
			aktCategory = $(id + " .digipetsresourcesCategoryNav").find('a.Select').attr('name');
			
			$(id + " .digipetsresourcesObjects").empty();
			// Neuer Galerieinhalt laden
			
			loadRessources(aktCategory, startEl, $(id + " .digipetsresourcesObjects").attr('name'), $(id).attr('name'), id);
		});
		
		$(id + " .digipetsresourcesPbBack").bind("click", function(e){
			e.preventDefault();
			aktCategory = $(id + " .digipetsresourcesCategoryNav").find('a.Select').attr('name');
			
			if ($(this).attr('name') > 0) {
				startEl = ($(this).attr('name') - 1) * anzPerPage;
				
				
				$(id + " .digipetsresourcesObjects").empty();
				loadRessources(aktCategory, startEl, $(id + " .digipetsresourcesObjects").attr('name'), $(id).attr('name'), id);
			}
			
		});
		
		$(id + " .digipetsresourcesPbForward").bind("click", function(e){
			e.preventDefault();
			aktCategory = $(id + " .digipetsresourcesCategoryNav").find('a.Select').attr('name');
			
			
			if (($(this).attr('name') - 1) < anzPages) {
				startEl = ($(this).attr('name') - 1) * anzPerPage;
				$(id + " .digipetsresourcesObjects").empty();
				loadRessources(aktCategory, startEl, $(id + " .digipetsresourcesObjects").attr('name'), $(id).attr('name'), id);
			}
			
		});
		
		
		pageBrowserAnim();
	}
	else {// end of if Anzpages>1
	
	    $(id + " .STYLE_pageBrowser").css('display','none');
	}
}

/**
 * prüft ob ressource ein image ist
 * @param {Object} res
 */
function getResType(res)
{
		
	var pos = res.lastIndexOf(".");
	var erg = res.substring( pos+1, res.length );
	erg = erg.toLowerCase();
	
	return erg; 
	
}

/**
 * Global $("#digipetsresourcesGallery").attr('name') = PluginID
 * Global digipetsresourcesAnzEl = Anz Elemente per Page (aus Extension geladen)
 */

$(document).ready(function(){
   	
	//str = "digipetsresourcesGallery";
	//alert(str.substring(24));

    // jedes Div , das mit einer id "digipetsresoucesGallery" beginnt startet eine eigene Gallerie
	// Dazu muss das Dokument einmal durchlaufen werden
	 
	 
	 if (digipetsresourcesGallery != true) {
	 
	 	$("div").filter(function(index){
	 	
	 		str = $(this).attr("id");
	 		if (str.substring(0, 24) == "digipetsresourcesGallery") {
	 			startCategory = loadCategories($("#" + str).attr('name'), 0, $("#" + str + " .digipetsresourcesObjects").attr('name'), "#" + str);
	 		}
	 		
	 	});
	 }	
	 digipetsresourcesGallery = true; 
 
	
  });