magic.js

var n_speed = 200;
var is_index = false;
var a_images = [];
var n_current_image = 0;
var view;
var previous_page = "no";
var next_page = "no";
var is_loading_next = false;
var current_page = 0;
//
function init () {
	$(".post_thumb").click(function () {
		var id = $(this).attr("id").replace("thumb_","");
		window.location = "#post"+id;
	});
	//
	$("#search_field").keydown(function (e) {
		if (e_.which == 13) {
			$("#search_field").submit();
		}
	});
	$("#loading").fadeTo(n_speed, 0);
	if ($.cookie("view") == null) {
		view = default_format;
		$.cookie("view", view);
	} else {
		view = $.cookie("view"); 
		default_format = view;
	}  
	if (is_index) {
		if (view == "grid") {
			$(".grid").removeClass("hide");
			$("#view_options").html("<li><a href=\"#list\" id=\"show_list_link\" class=\"rounded\">Display as list.</a></li>");
			$("#show_list_link").click(show_list);
			getPhotosetImages();
			getVideoThumbs();
		} else {        
			$("#entry").addClass("hide");
			$(".line").addClass("hide");
			$(".list").removeClass("hide");
			$("#view_options").html("<li><a href=\"#grid\" class=\"rounded\" id=\"show_grid_link\">Display as grid.</a></li>");
			$("#show_grid_link").click(show_grid);
			$(window).scroll(check_for_more);
		}
	 	SWFAddress.addEventListener(SWFAddressEvent.CHANGE, history);
	} else {
		// format_notes();
		// $("#dsq-options").remove()
		// $(".dsq-by").remove()           
	}             
	
	if (!$("body").hasClass("index") && !$("body").hasClass("perma")) {
		$("#pages").removeClass("hide");
	}
	
	add_credit();
}
//
function history(hash) {
	var id = SWFAddress.getValue()+""     
	if (id == "/") {
		//
	}else if (id == "about") {
		if (view == "list") {
			show_grid();
		} else {
			$(".line").removeClass("hide");
			$("#entry").removeClass("hide");
			$("#entry").html(""+$("#about").html());
		}
	}else if (id == "following") {
		if (view == "list") {
			show_grid();
		} else {
			$(".line").removeClass("hide");
			$("#entry").removeClass("hide");
			$("#entry").html(""+$("#following").html());
		}
	}else if (id == "search") {
		if (view == "list") {
			show_grid();
		} else {
			$(".line").removeClass("hide");
			$("#entry").removeClass("hide");
			$("#entry").html(""+$("#search").html());
		}
	} else {
		
		// in certain scenarios (IE/Windows?) we get the hash with a leading '/' - strip it off 
		// thanks to Brian Long — http://newobj.net/
		
		if ( id.charAt(0) == '/' ) {
			id = id.substring(1, id.length);
		}
		
		goto_post(id);
	}
}
//
function goto_post(id) {
	if (view == "list") {
		show_grid();
	}
	$("#thumb_"+id+" .loading").fadeTo(0, 0);
	$("#thumb_"+id+" .loading").removeClass("hide");
	$("#thumb_"+id+" .loading").fadeTo(n_speed, 1);
	//$("#entry").fadeTo(n_speed, .1)
	$("html body").animate({
		scrollTop:0
	}, n_speed);
	var src = "/post/"+id+"/"
	if ($("#entry").hasClass("hide")) {
		$("#entry").removeClass("hide");
	}
	if ($(".line").hasClass("hide")) {
		$(".line").removeClass("hide");
	}
	$("#entry").html($("#"+id).html());
	$("#entry").fadeTo(0, 0);
	if ($("#entry").hasClass("hide")) {
		$("#entry").removeClass("hide");
	}
	$("#entry").fadeTo(200, 1);
	$(".post_thumb").each(function () {
		if ($(this).attr("id") == "thumb_"+id) {
			if (!$(this).hasClass("selected")) {
				$(this).addClass("selected");
			}
		} else {
			if ($(this).hasClass("selected")) {
				$(this).removeClass("selected");
			}
		}
	});
	return false
}
//
function show_list() {    
	$.cookie("view", null);
	$.cookie("view", "list");
	SWFAddress.setValue("");
	setTimeout("window.location.reload()", 10);
	return false;
}
//
function show_grid() {
	$.cookie("view", null);
	$.cookie("view", "grid");
	setTimeout("window.location.reload()", 10);
	return false;
}
//
function getVideoThumbs() {
	$(".list .video").each(function () {   
		var embedCode;
		var vimeo_ID;
		var youtube_ID;
		var vid;
		var thumb_url;
		var swf;    
		var wR;
		var hR;  
		
		var ID = $(this).parent().parent().attr("id");
		
		embedCode = $(this).html();
		
		if (embedCode.indexOf("tumblr.com/swf/") >= 0) {
			$("#post_" + ID).addClass("tumblr-video");
			var frameR = /poster=(http.+?_frame1.jpg)/g;
			var frame = decodeURIComponent(String(frameR.exec(embedCode)[1]));
			$("#thumb_" + ID + " .video").prepend("<div class=\"bg rounded\" style=\"background-image:url('" + frame + "');\"></div>");
		} else {

			if (embedCode.indexOf("iframe") >= 0) {
				// iframe
				// thumbs
				if (embedCode.indexOf("vimeo") >= 0) {
					var rID = /\/video\/[0-9]*"/g;
					vimeo_ID = String(rID.exec(embedCode)).replace("/video/", "").replace("\"", "");
					$.getJSON("http://vimeo.com/api/clip/" + vimeo_ID + ".json?callback=?", function (d) {
						var thumb_url = d[0].thumbnail_large;
						$("#thumb_" + ID + " .video").prepend("<div class=\"bg rounded\" style=\"background-image:url('" + thumb_url + "');\"></div>");
					});
				}
			} else {
				var swf = "";
				var id = $(this).parent().parent().attr("id");
				$(this).children("object").children("param").each(function () {
					if ($(this).attr("name") == "movie") {
						swf = $(this).attr("value");
					}
				});
				if (swf.indexOf("youtube.com") >= 0) {
					// get youtube thumb
					swf = swf.replace("http://www.youtube.com");
					swf = swf.replace("http://youtube.com");
					var youtube_id = swf.substring(swf.indexOf("/v/")+3, swf.indexOf("&"));
					var thumb_url = "http://i.ytimg.com/vi/"+youtube_id+"/0.jpg";
					$("#thumb_"+id+" .video").prepend("<div class=\"bg rounded\" style=\"background-image:url('"+thumb_url+"');\"></div>");
				}else if (swf.indexOf("vimeo.com") >= 0) {
					// get vimeo json, then thumb (SO ANNOYING!)
					swf = swf.replace("http://vimeo.com/moogaloop.swf?");
					swf = swf.replace("http://www.vimeo.com/moogaloop.swf?");
					var vimeo_id = swf.substring(swf.indexOf("clip_id=")+8, swf.indexOf("&"));
					$.getJSON("http://vimeo.com/api/clip/"+vimeo_id+".json?callback=?", function (d) {
						var thumb_url = d[0].thumbnail_large;
						$("#thumb_"+id+" .video").prepend("<div class=\"bg rounded\" style=\"background-image:url('"+thumb_url+"');\"></div>");
					});
				}
			}
		}
	})
}
//
function getPhotosetImages() {
	$(".post_thumb .photoset").each(function () {
		var ID = $(this).parent().attr("id").replace("thumb_", "")
		$.getJSON("/api/read/json?id="+ID+"&callback=?", {}, function (D) {
			var photos = D["posts"][0]["photos"]
			for(var i = 0; i<photos.length; i++) {
				var thumb = photos[i]["photo-url-250"];
				$("#thumb_"+ID+" .photoset .thumbs").append("<div class=\"thumb rounded\" style=\"background-image:url('"+thumb+"')\"></div>");
			}
		})
	});
}
//
function check_for_more() {
	if (view == "list") { 
		var yPos = window.pageYOffset;
		var h = $(document).height();
		var wH = $(window).height();
		//$("#debug").text(yPos+" / "+h)
		if ((yPos/(h-wH)) >= .8 && !is_loading_next && next_page != "no") {
			//alert("we're trying to load the next shit.")
			is_loading_next = true;
			$("html body").append("<div id=\"temp\" class=\"hide\"></div>");
			$(".list").append("<div id=\"next_"+current_page+"\"><div class=\"post_preloader\">loading next page...</div></div>");
			$("#temp").load(next_page, {}, function (d) {
				$(".post_preloader").remove();
				var content = $(d).children("#main_column .list").html()  
				$("#next_"+current_page).html(content);
				var n_p = $(d).children("#info .next_page").text()
				if (n_p != "") {
					next_page = n_p;
				} else {
					next_page = "no";
				} 
				setTimeout(can_check_for_more_now, 2000);
			});
		}
	}
}
//
function can_check_for_more_now() {     
	$(".post_preloader").remove();
	current_page++;
	is_loading_next = false;
}
//
function format_notes() {
	$(".avatar").each(function () {
		$(this).parent().remove();
	});
}
//
function add_credit() {
	$("html body").append("<div id=\"credit\"><a href=\"http://cargotheme.tumblr.com\">Cargo Theme</a> by <a href=\"http://jarredbishop.tumblr.com\">Jarred Bishop</a>. Inspired by <a href=\"http://cargocollective.com\">Cargo</a></div>")
}

$(document).ready(init);
//$(document).load(loaded)