// JavaScript Document
function getPhotos(){
	
	var key = 'bf33f7d5240f8e05997d1ea5544fbe04';
	var NSID = '22422638@N03';
	var url  =  'http://api.flickr.com/services/rest/';
	var req_1 = url + '?format=json&method=flickr.photos.search&api_key=' + key +'&user_id=' + NSID + '&page=1&per_page=20&jsoncallback=?';

	$.getJSON(req_1, 
			  function(data){
				  
				  //$('#pic_box').empty();					  
				  $.each(data.photos.photo, 
						 function(index){								
							 
							var p = data.photos.photo[index];
							var src_s = 'http://farm' + p.farm + '.static.flickr.com/' + p.server + '/' + p.id + '_' + p.secret + '_s.jpg';
							var src_b = 'http://farm' + p.farm + '.static.flickr.com/' + p.server + '/' + p.id + '_' + p.secret + '.jpg';
							var plink = $('<a></a>').attr('href', '#').click(function(){showPhoto(src_b)});
							var pic = $('<img />').attr('src', src_s).addClass('latest_pic').appendTo(plink);
							plink.appendTo('#photos');
							 
						 }
						 );
				  });
}

function showPhoto(src){

	if($('.photograph')){
		$('.photograph').slideUp(function(){$(this).remove()});
	}
	$('<div id="loader">Bild wird geladen ...</div>').appendTo('#blog');
	var img = new Image();
	$(img).load(function(){
						 $(this).hide();
						 $(this).prependTo('#blog');
						 $(this).slideDown(function(){$('#loader').remove();});
						 })
	.error(function(){
					alert('Das Bild konnte nicht geladen werden.');
					})
	.addClass('photograph')
	.attr('src', src)
	.click(function(){closePhoto()});
	;	
	
}

function closePhoto(){
	if($('.photograph')){
		$('.photograph').slideUp(function(){$(this).remove()});
	}		
}

function getLinks(){
	var url = 'http://feeds.delicious.com/v2/json/Kriechhund?count=100&callback=?';
	$.getJSON(url, function(data){
							$.each(data, function(index){
									
								var l = data[index];

								var llink = $('<a>' + l.d + '</a>').attr('href', l.u).addClass('link_roll');
								llink.appendTo('#links');
								
							}
							);
	});
							
}

function showSingleEntry(crit){

	alert('1');
	//Holt einen einzelnen Eintrag aus dem Datenspeicher des blog-DIVS und zeigt es an, wenn es da ist, ansonsten Aufruf an PHP, um es aus der DB abzurufen
	if($('#blog').data('entries')){
		
		alert('2');
		
		var ae = $('#blog').data('entries');
		$.each(ae, function(index){
							var be = ae[index];
							alert(be.Titel);
							if(be.Datum == crit){
								
								var box = $('<div class="blog_eintrag_box"></div>');							
								var titel = $('<h1 class="blog_eintrag_titel">' + be.Titel + '</h1>').appendTo(box);
								var inhalt = $(be.Inhalt).appendTo(box);
								$('#blog').empty();
								box.appendTo('#blog');
								
							}
							});
		
	}

}

function blogNavbar(lowEnd, highEnd, allEntries){
	if(lowEnd == null) lowEnd = 'unbekannt';
	if(highEnd == null) highEnd = 'unbekannt';
	if(allEntries == null) allEntries = 'unbekannt';
	if(highEnd > allEntries) highEnd = allEntries;
	var bar = $('<div id="blogNavbar">Einträge ' + lowEnd + ' bis ' + highEnd + ' von ' + allEntries + '</div>');
	if(lowEnd > 1){
		(lowEnd - 11 < 0) ? newer = 0 : newer = lowEnd - 11;
		newerUrl = newer + 1;
		var newLink = $('<a>neuer</a>').attr('href', '#blogindex').addClass('navbarLink').click(function(){getBlog(newer);});		
	}else{
		var newLink = $('<span>neuer</span>').addClass('navbarLinkOff');
	}
	newLink.prependTo(bar);
	if(allEntries > highEnd){
		var oldLink = $('<a>älter</a>').attr('href', '#blogindex').addClass('navbarLink').click(function(){getBlog(highEnd);});		
	}else{
		var oldLink = $('<span>älter</span>').addClass('navbarLinkOff');
	}
	oldLink.appendTo(bar);
	bar.appendTo('#blog');
}
	
function getBlog(blogIndex){
	$('#blog').empty();
	if(blogIndex == null) blogIndex = 0;
	var amount = blogIndex + 10;
	var noe;
	//holt sich die letzten einträge
	$.getJSON('blog.php?i=' + blogIndex + '&a=' + amount, function(data){
									  $.each(data, function(index){
															var be = data[index];
															if(be.numberOfEntries != null){
																noe = be.numberOfEntries;
															}else{
																var box = $('<div class="blog_eintrag_box"></div>');
																//var permalink = $('<a></a>').attr('href', '/kriechhund/#' + be.Datum).addClass('permalink').click(function(){showSingleEntry(be.Datum);});
																var titel = $('<h1 class="blog_eintrag_titel">' + be.Titel + '</h1>');//.appendTo(permalink);
																titel.appendTo(box);
																var inhalt = $(be.Inhalt).appendTo(box);
																box.appendTo('#blog');															
															}
															});								
										$('#blog').data('entries', data); 	//Daten für spätere Verwendung, etwa Permalink-Aufruf, an blog-DIV befestigen	
										blogNavbar(blogIndex + 1, amount, noe);
									   });
}


function getLastfm(){
	var stack = $('<div id="lastfm"></div>');
	stack.appendTo('#stage');
	lastFmRecords.init({_debug: true}) ;
}

function getTweets(){
	
	var url = 'http://api.twitter.com/1/statuses/user_timeline/Kriechhund.json?count=10&callback=?'; //Letzte 10 Tweets abrufen
	$.getJSON(url, function(data){
							$('#tweets').empty();
							$.each(data, function(index){
												  var tweet = data[index];
												  var tb = $('<div>' + tweet.text + '</div>').addClass('tweet').appendTo('#tweets');
												  });
							});
}

function get4square(){

	var url = 'php/SquareCatcher.php';
	$('#4square_stuff').load(url);
	
}

$('document').ready(function(){
							 getPhotos();
							 getBlog();
							 getLinks();							 
							 lastFmRecords.init({_debug: true});
							 getTweets();
							 get4square();
							 });
setTimeout('getTweets();', 1 * 60000);