//Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro website: www.yensdesign.com email: yensamg@gmail.com license: Feel free to use it, but keep this credits please!	

// ein klick auf text oder bild holt attribut "ID" des parent und damit "c1", "c2","c3","c4"
// je nach fall wird:
// a) die css class .active hinzugefügt zum div.contentc1-4
// b) #c1-c4 sichtbar/unsichtbar geschaltet
// c) und sofern noch nicht geschehen die slideshow zurecht geschoben

// slideshow muss hier, und nicht wie ueblich und bei slideshow1 benutzt on load, initialisiert werden. wenn "display", "none" verwendet wird wird nix initialisiert.
// ich schalte alle slideshows, obwohl vielecht garnicht 4stueck vorhanden sind, es schmeisst aber keinen error: einfach machen
// on1-on4 schalter um mehrfaches initialisierrn der slideshows zu verhindern, was in einem vielfachen der nr. reihe resultiert

num = 30;

arr = new Array();
for(var i=1; i<num; i++){
	if (i==1) arr["on"+i] = 1;
	else arr["on"+i] = 0;
}



function gup( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
  //wenn index.php zum erstem mal aufgerufen wird, ist keine id nr vorhanden.
  //um flash swf objekt austausch zu starten wird "1" vergeben, so als ware das linke thumbnail angeklickt worden
    return "1";
  else
  	return results[1];
}

//switch(e.target.parentNode.getAttribute("ID")){

$(document).ready(function(){

		var id = gup("id");
		var id = "c" + id;

		for(var i=1; i<num; i++){
			
			if (id == "c"+i) {
				$("#c"+i).addClass("active");
				$("div.contentc"+i).fadeIn();
			}else{
				$("#c"+i).removeClass("active");
				$("div.contentc"+i).css("display", "none");
			}
			

			//parent div hat nun display block durch fadeIn() und slideshow kann jetzt initialisieren,  es sei denn schon geschehen
			if  (arr["on"+i] == 0) {
				 $("div#containerSlideshow"+i).slideView();
				 arr["on"+i] = 1;
			}
		
		
		}
		
		if (id == "c") {
			$("#c1").addClass("active");
			$("div.contentc1").fadeIn();
		}
	

	
});