$(document).ready(init);

function init() {
	initNav();
	initProjectsNav();
	initProjects();
	initFooter();
	initLastProject();
	
	$("#slider").easySlider();

}

function initLastProject (){
	$('#lastproject').mouseover (function() {
		$('#lastproject h1').addClass("lastprojectOver");
		
		//$("#bgimage").css("height", $(window).scrollTop() + $(window).height() + "px");
		//$("#bgimage img").attr("src", $('#lastproject a').find('img').attr('src'));
		var className = "bg_lastproject";
		$("<style type='text/css'> ." + className + "{ background-image: url(" + NHP + "contents/img/backgrounds/bg_lastproject.png) }</style>").appendTo("body");
		$('body').addClass(className);
		
	});
	
	$('#lastproject').mouseout (function() {
		$('#lastproject h1').removeClass("lastprojectOver");
		//$("#bgimage img").attr("src", "");
	});
}


function initNav () {
	$('#nav ul li').each (function() {
		var p = $(this);
		
		if (p.attr("class") != "navOver") {
			p.mouseover (function() {
				p.addClass("navOver");
			});
			
			p.mouseout (function() {
				p.removeClass("navOver");
			});
		}
	});
}

function initFooter () {
	$('#footer .content ul li img').each (function() {
		var p = $(this);
		
		p.mouseover (function() {
			p.attr("src", NHP + "contents/img/pictos/" + p.attr("alt") + "_over.png");
		});
		
		p.mouseout (function() {
			p.attr("src", NHP + "contents/img/pictos/" + p.attr("alt") + ".png");
		});
	});
}


function initProjectsNav () {
	$('.share img').each (function() {
		var p = $(this);
		
		p.mouseover (function() {
			p.attr("src", NHP + "contents/img/pictos/" + p.attr("alt") + "_over.png");
		});
		
		p.mouseout (function() {
			p.attr("src", NHP + "contents/img/pictos/share_" + p.attr("alt") + ".png");
		});
	});
	
	$('.navProjects .bNext').mouseover (function() {
		$('.navProjects .bNext img').attr("src", NHP + "contents/img/bts/next_over.png");
	});
	
	$('.navProjects .bNext').mouseout (function() {
		$('.navProjects .bNext img').attr("src", NHP + "contents/img/bts/next.png");
	});
	
	$('.navProjects .bPrev').mouseover (function() {
		$('.navProjects .bPrev img').attr("src", NHP + "contents/img/bts/prev_over.png");
	});
	
	$('.navProjects .bPrev').mouseout (function() {
		$('.navProjects .bPrev img').attr("src", NHP + "contents/img/bts/prev.png");
	});
	
	
	$('.bTop img').mouseover (function() {
		$('.bTop img').attr("src", NHP + "contents/img/bts/top_over.png");
	});
	
	$('.bTop img').mouseout (function() {
		$('.bTop img').attr("src", NHP + "contents/img/bts/top.png");
	});
	
	
	
	$('a[href=#top]').click(function(){
		$('html, body').animate({scrollTop:0}, 'slow');
		return false;
	});
	
	
	$(window).scroll(function() {
		//console.log ($(window).scrollTop());
		if ($(window).scrollTop() >= ($('#content').height() - 170)) {
			$('.navPage').addClass("invisible");
		} else {
			$('.navPage').removeClass("invisible");
		}
		
		if ($(window).scrollTop() >= ($('#content').height() - 220)) {
			$('.navProjects').addClass("invisible");
		} else {
			$('.navProjects').removeClass("invisible");
		}
		
	});
}



function initProjects () {
	$('.project').each (function() {
		var p = $(this);
		var className;
		
		p.mouseover (function() {
			//p.find('.project-picture').addClass("projectOver");
			
			//$("#bgimage").css("height", $(window).scrollTop() + $(window).height() + "px");
			//$("#bgimage img").attr("src", p.find('img').attr('src'));
			
			// Hack pour que le swap de background-image fonctionne aussi sous Chrome et Safari
			className = "bg_" + p.attr('id');
			$("<style type='text/css'> ." + className + "{ background-image: url(" + NHP + "contents/img/backgrounds/bg_" + p.attr('id') + ".png) }</style>").appendTo("body");
			$('body').addClass(className);
			
		});
		
		p.mouseout (function() {
			//p.find('.project-picture').removeClass("projectOver");
			//$("#bgimage img").attr("src", "");
		});
	});
	
	
	
	$('.twitter').mouseover (function() {
		$('.twitter').addClass("twitterOver");
		
		$("#bgimage").css("height", $(window).scrollTop() + $(window).height() + "px");
		$("#bgimage p").html($('.twitter .twitter_update_list p').html());
		$("#bgimage p").append($('.twitter .twitter_update_list p').html());
		$("#bgimage p").append($('.twitter .twitter_update_list p').html());
		$("#bgimage p").append($('.twitter .twitter_update_list p').html());
		$("#bgimage p").append($('.twitter .twitter_update_list p').html());
		$("#bgimage p").append($('.twitter .twitter_update_list p').html());
		$("#bgimage p").append($('.twitter .twitter_update_list p').html());
		$("#bgimage p").append($('.twitter .twitter_update_list p').html());
	});
	
	$('.twitter').mouseout (function() {
		$('.twitter').removeClass("twitterOver");
		$("#bgimage p").html("");
	});
	
	$('.twitter').mousedown (function() {
		window.location = "http://twitter.com/21h42_";
	});


	$('.flickr').mouseover (function() {
		$('.flickr').addClass("flickrOver");
		
		$("#bgimage").css("height", $(window).scrollTop() + $(window).height() + "px");
		$("#bgimage img").attr("src", $('.flickr').find('img').attr('src'));
	});
	
	$('.flickr').mouseout (function() {
		$('.flickr').removeClass("flickrOver");
		$("#bgimage img").attr("src", "");
	});
	
	
	$('.flickr').mousedown (function() {
		window.location = "http://www.flickr.com/photos/21h42";
	});
	
	
	$('.instagram').mouseover (function() {
		$('.instagram').addClass("instagramOver");
		
		$("#bgimage").css("height", $(window).scrollTop() + $(window).height() + "px");
		$("#bgimage img").attr("src", $('.instagram').find('img').attr('src'));
	});
	
	$('.instagram').mouseout (function() {
		$('.instagram').removeClass("instagramOver");
		$("#bgimage img").attr("src", "");
	});
	
	
	$('.instagram').mousedown (function() {
		window.location = "http://instagram.heroku.com/users/p3dr0";
	});

	
}


function twitterCallback(tweet) {
	$(".twitter .twitter_update_list p").html(tweet[0].text);
}

function instagramCallback(data) {
	//console.log (data.data[0].images.low_resolution.url);
	$(".instagram img").attr("src", data.data[0].images.low_resolution.url);
	$(".instagram img").attr("width", 219);
	$(".instagram img").attr("height", 219);
	
	/*
	$.each(data.data, function(i, item) {
		console.log (item.images.low_resolution.url);
	});	
	*/
}


function jsonFlickrFeed(data) {
	var img = new Image();
	img.src = data.items[0].media.m;
	
	var w = img.width;
	var h = img.height;
	
	var m = Math.min (w, h);
	var r = 0;
	
	var dw;
	var dh;
	
	if (m == w) {
		r = h/w;
		dw = 219;
		dh = dw * r;
	} else {
		r = w/h;
		dh = 219;
		dw = dh * r;
	}
	
	img.width = dw;
	img.height = dh;
	
	$(".flickr .flickr-picture img").attr("src", img.src);
	$(".flickr-picture img").css("width", dw);
	$(".flickr-picture img").css("height", dh);
	$(".flickr-picture img").css("position", "relative");
	//$(".flickr-picture img").css("left", ((dw-219)/2)*-1);
	//$(".flickr-picture img").css("top", ((dh-219)/2)*-1);
}


function getTinyURL(longURL, success) {
 
    var API = 'http://json-tinyurl.appspot.com/?url=',
        URL = API + encodeURIComponent(longURL) + '&callback=?';
 
	$.getJSON(URL, function(data){
    	success && success(data.tinyurl);
    });
 
}
 
/*
getTinyURL('http://www.21h42.fr/en/work/kaiju/', function(tinyurl){
    // Do something with tinyurl:
    alert(tinyurl)
});
*/