$(document).ready(function() {
	window.fbAsyncInit = function() {
		FB.init({
			appId: "112271582217373",
			status: true,
			cookie: true, 
			oauth: false, 
			xfbml: true 
		});
		FB.Event.subscribe('auth.login', function(response) { setTimeout(function(){ window.location.reload(); }, 0);});	
	};

	(function(d, s, id) {
		var js, fjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(id)) {return;}
		js = d.createElement(s); js.id = id;
		js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1&appId=112271582217373";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
	
	var currentHash = "";
	window.onload = function() {
		if (window.location.hash.length) {
			currentHash = window.location.hash;
			url = currentHash.replace('#', '');
			$.get(url, function(data) {
			  eval(data);
			});
		}
		setInterval(checkHashChange, 1000);
	};
	
	checkHashChange = function() {
		if (window.location.hash==currentHash) {
			return;
		}
		currentHash = window.location.hash;
		url = currentHash.replace('#', '');
		$.get(url, function(data) {
		  eval(data);
		});
		is_query = currentHash.match('/search/+(.*)');
		if (is_query) {
			$('#q').val(is_query[1].replace('+', ' '));
		}
	}
		
	$("a.remote").live("click", function() {
		var url = $(this).attr("href");
		$.get(url, function(data) {
		  eval(data);
		});
		if (!$(this).parent().is('li')) {
  			window.location.hash = url.replace('http://'+location.host, '');
		}
		return false;
	});
	
	$("form.remote").live("submit", function() {
		var action = $(this).attr("action");
		var inputs = $(this).serialize();
		var url = action + '/' + inputs.replace('q=', '');
		window.location.hash = url;
		$.get(url, function(data) {
		  eval(data);
		});
		return false;
	});

    $("#cancel").live("click", function() {
      $("#modal-add").modal("hide");
      $("#modal-del").modal("hide");
      return false;
    });

    $("#add").live("click", function() {
      $.post("/playlists/add_track", {
        track_id: $("#track_id").val(),
        playlist_ids: $(':checked').serializeArray()
      });
      $("#modal-add").modal("hide");
      return false;
    });

    $("button.add_this_video").live("click", function() {
	  $("#track_id").val($(this).attr('data-track-id'));
	  return false;
	});

    $("#rm").live("click", function() {
	  var track_id = $("#track_id").val();
      $.post("/playlists/rm_track", {
        track_id: track_id,
        playlist_id:  $("#playlist_id").val()
      });
      $("#"+track_id).remove();
      $("#modal-del").modal("hide");
      return false;
    });

    $("button.rm_this_video").live("click", function() {
	  $("#track_id").val($(this).attr('data-track-id'));
	  $("#playlist_id").val($(this).attr('data-playlist-id'));	
	  return false;
	});
	
	$("#social_mode").click(function() {
		$("#social_mode").toggleClass('on');
		$("#private").attr('checked', $('#social_mode').hasClass('on'));
        $.post("/me/update", {
          user: {social_mode:$("#private").is(':checked')}
        });		
	});
	
	$('#filter').liveSearchDom('.grid');

	$("span[rel=popover],a[rel=popover]").popover({offset: 10, placement: 'below'});
	if ($('#private:checked').val() !== undefined) {
		$("#social_mode").toggleClass('on');
    };
});