// JavaScript Document



var pagecapac = 24;

var picindex;
var hoverindex;
var totalImgs;
var theImgInfos;
var pagestate = "No Pages";
var screenres = screen.width;

var imageSection = '<div id="detailblock"> <div id="detailimage" title="nächstes Bild"> <img id="thePicture" src=""> </div> <div id="infoblock"> <div id="picnos">01/42</div><div class="imageinfo">L1000232</div><div id="infonav"><span id="detailindex" title="Zurück zur Bilder-Übersicht">übersicht</span> | <span id="detailprevious" title="Vorheriges Bild">zurück</span> | <span id="detailnext" title="nächstes Bild">vor</span></div> </div> </div>';

var headerHover ='erkenntnis-und-entertainment.de: <span class="headerlinks"><a href="http://www.erkenntnis-und-entertainment.de/blog/" title="Erkenntnis und Entertainment in Bernds persönlichem Weblog">blog</a> | <span class="selected"><a href="http://fotos.erkenntnis-und-entertainment.de/" title="Startseite Fotos">fotos</a></span> | <a href="http://www.erkenntnis-und-entertainment.de/blog?page_id=4" title="Texte &amp; Theorie (mit Guibert-Special)">texte</a> | <a href="http://www.erkenntnis-und-entertainment.de/blog?page_id=5" title="Freie Arbeiten, Experimente, Spielkram">labor</a></span>';

var restoreHeader;

var bgInter;

function setTarget() {
	
	$('#content a').each( function(i) {
		var theLink = this.href; 
		if((theLink.indexOf('erkenntnis-und-entertainment.de')<0) ){
		$(this).attr('target', '_blank');}
	});
	
	
	
}

function touchDeviceTest() {
	var el = document.createElement('div');
	el.setAttribute('ongesturestart', 'return;');
	if(typeof el.ongesturestart == "function"){
		return true;
	}else {
		return false
	}
}

function initEEheader () {
	var isStart = true;
	var loc = document.location.href;
	 $("#eefotonav a").each(function (i) {
		var theID = $(this).attr('id');
	 if (loc.indexOf(theID)>0) {
		 $(this).wrap('<span class="selected"></span>');
		 $(this).css('text-decoration','underline'); /* Nur für den verf... IE6 */
		 isStart = false;
	 }
	 
	 
									  
	});
	 if (isStart) {
		 $("#start").wrap('<span class="selected"></span>');
		  $("#start").css('text-decoration','underline'); /* Nur für den verf... IE6 */
	 }

	
}


function setImage() {
	$("#thePicture").attr("src","pictures/picture-"+picindex+".jpg");
	$("#picnos").text(picindex+"/"+totalImgs);
	$("#infoblock .imageinfo").text(theImgInfos[picindex-1].innerHTML);
	/*alert(theImgInfos[picindex+1].innerHTML);*/
}

function nextImage() {
	picindex = picindex+1;
	if(picindex>totalImgs) {picindex=1;}
	setImage();
	
}

function previousImage() {
	picindex = picindex-1;
	if(picindex<1) {picindex=totalImgs;}
	setImage();
	
}


function showDetail(){
	/*alert(index);*/
	$("#eefotoheader").css("display", "none");
	$("#content").css("display", "none");
	$("#pagetitle").css("display", "none");
	$(".pagenav").css("display", "none");
	setImage();
	
	
	$("#detailblock").css("display", "block");
	bgInter = $("body").css("background");

	$("body").css("background-image", "none");

	
	
	
	}
	
	
function hideDetail(){
	$("#eefotoheader").css("display", "block");
	$("#content").css("display", "block");
	$("#pagetitle").css("display", "block");
	$("#detailblock").css("display", "none");
	$(".pagenav").css("display", "block");
	$("body").css("background", bgInter)
	
	if (pagestate!="No Pages") {showPage(pagestate);}
	
	$("#thePicture").attr("src","");
	$("#picnos").text("-"+"/"+totalImgs);
	$("#infoblock .imageinfo").text("");
	
	
	
}

function getImages(){
	
	var theImgs;
	
	theImgs = $(".imageblock");
	theImgInfos = $(".imageblock .imageinfo");
	totalImgs = theImgs.length;
	
	
	
	
	
	var inter=theImgs[0].innerHTML;
	
	/*$(".imageblock:lt(36)").css("display", "block");
	$(".imageblock:lt(18)").css("display", "none");*/

	/* alert("test"+inter);*/
								  
	
	
	
	
}

function hoverLogo() {
	restoreHeader = $("#eefotologo").html();
	$("#eefotologo").html(headerHover);
	
}

function restoreLogo () {
	$("#eefotologo").html(restoreHeader);
}



function showPage(thePage){
	thePage = jQuery.trim(thePage);
	pagestate = thePage;
	
	if(thePage =="Alle") {
		$(".imageblock").css("display", "block");
	}
			else {
		
	
	var fromImg= (thePage-1)*pagecapac;
	var toImg = Math.min((fromImg+pagecapac-1), (totalImgs-1));
	var selectorstring;
	var interstring;
	
	
	
	
	$(".imageblock:gt("+(toImg)+")").css("display", "none");
	$(".imageblock:lt("+(toImg+1)+")").css("display", "block");
	$(".imageblock:lt("+fromImg+")").css("display", "none");}
	
	
	interstring= $(".rangeselected:first").html();
	$(".rangeselected").replaceWith(interstring);
	
	$(".range[rel='"+thePage+"']").wrapInner("<span class='rangeselected'></span>");
	
	/*alert ("|"+thePage+"|");*/
			
	/*$(".rangeselected").replaceWith($(".rangeselected:first").text());
	
	
	selectorstring = ".range:contains("+" "+thePage+" "+")";
	$(selectorstring).wrapInner("<span class='rangeselected'></span>");*/
	/*alert(selectorstring);*/
	
	
}


function makePages() {
	if(totalImgs>pagecapac) {
		
		var fromImg= 0;
		var toImg = 0;
		var rangeStr;
		var pageNo=0;
		
		$(".pictureblock").before("<div class='pagenav'>Seite: </div>");
		$("#clearer").after("<div class='pagenav'>Seite: </div>");
		
		
		while (toImg<totalImgs) {
			pageNo++;
			fromImg = toImg+1;
			toImg = Math.min((fromImg+pagecapac), totalImgs);
			/*alert(toImg);*/
			/*rangeStr =" <span id='range'>"+toImg+"–"+fromImg+"</span> |";*/
			rangeStr = "<span class='range' title='Vorschauseite' "+pageNo+" anzeigen rel='"+pageNo+"'> "+pageNo+" </span>|";
			$(".pagenav").append(rangeStr);
		
			}
		
		$(".pagenav").append(" <span class='range' title='Alle Vorschaubilder anzeigen' rel='Alle'> Alle </span>");
		
		
	}
	if(totalImgs>pagecapac) {
	
	showPage("1");
	
	}
	$(".range").click(function(){showPage($(this).attr("rel"));});
}


function preload(preindex) {
	
	preImg = new Image();
	preImg.src = "pictures/picture-"+preindex+".jpg";
	$(preImg).load(function() {
							/*$(".journaltext").text(preindex);*/
							preindex++;
							if(preindex <= totalImgs) {preload(preindex)};
							});
	
}

function initImageSection () {
	/*var bla = $("#clearer").html();
	alert(bla);*/
	$("#clearer").before(imageSection);
	
}

function blockhover(theblock) {
	hoverindex = $(".imageblock").index(theblock);
	
	$(".imageblock .imageinfo:eq("+hoverindex+")").css("display", "block");
}

function resetblock() {
	$(".imageblock .imageinfo").css("display", "none");
}



 $(document).ready(function(){
			
			$(window).load(function () {preload(1)});
								
			getImages();
			makePages();
			initImageSection();
			initEEheader();
			setTarget();
			
								
	$(".pictureblock .imageblock").click(function (){picindex = $(".imageblock").index(this) +1;  showDetail();  return false;});
	$("#detailindex").click(function (){hideDetail(); return false;});
	$("#detailimage").click(function (){nextImage(); return false;});
	$("#detailnext").click(function (){nextImage(); return false;});
	$("#detailprevious").click(function (){previousImage(); return false;});
	$("#eefotologo").hover(function (){hoverLogo();}, function (){restoreLogo();});
	
	if(touchDeviceTest()==false) {
	$(".imageblock").hover(function (){blockhover(this)}, function (){resetblock()});
	}
		});
    
    
    
    
    

