$(document).ready(function() {

    $("#mainbox").css("padding", 0);

    $("#add_to_bookmark").click(function() {
      var action = $(this).attr("action").split(":");
      var metadata = get_metadata($(this).attr("metadata"));

      if(action[0] == "add") {
        show_msg("<table border='0'><tr><td>Bookmark <a href='/my/profile/"+metadata.id+"/' class='footlinks'>"+metadata.name + "</a></td><td><img id='msg_close' src='/images/close.gif' over='/images/close_hover.gif' out='/images/close.gif'></td></tr> \
                      <tr><td colspan='2' style='padding:20px;'><form id='bookmark_tags_form' name='bookmark_tags'>Enter tags:  <input type='text' size='20' id='tags_input'> &nbsp;&nbsp;<input id='add_bookmark_tags' type='button' class='green_btn' value='Save'><br> \
                      <span style='color:gray;font-size:11px;'>separate tags by a comma.</span></form></td></tr></table>", "yes");
        $("#tags_input").autocomplete("ac_bookmark_tag/", {multiple:true, multipleSeparator:", " });
        $("#bookmark_tags_form").submit(function(){ $("#add_bookmark_tags").click(); return false;});

        $("#add_bookmark_tags").click(function() {
          $.ajax({
             type: "POST",
             url: "/ax/bookmark/"+action[0]+"/"+action[1]+"/",
             data: "tags=" + $("#tags_input").val(),
             success: function(data){
              if(data == "added") {
                $("#add_to_bookmark").html("Remove Bookmark").attr("action", "remove:"+action[1]).removeClass().addClass('a_rbookmark_btn');
                show_msg("<a href='/my/profile/"+metadata.id+"/' class='footlinks'>"+metadata.name + "</a> is added to your bookmarks");
              }
            },
            error: function(request,status,errorThrown) {
                  show_msg("There was an error processing your request, please try again.");
            }
          });
        });
      } else {
        x = confirm("Are you sure you want to remove "+metadata.name +" from your bookmarks?");
        if(!x) return;
        $.ajax({
          url: "/ax/bookmark/"+action[0]+"/"+action[1]+"/",
          beforeSend: function() {
          },
          complete: function() {
          },
          success: function(data){
            if(data == "removed") {
              $("#add_to_bookmark").html("Bookmark").attr("action", "add:"+action[1]).removeClass().addClass('a_bookmark_btn');
              show_msg("<a href='/my/profile/"+metadata.id+"/' class='footlinks'>"+metadata.name + "</a> is removed from your bookmarks");
            }
          },
          error: function(request,status,errorThrown) {
                    show_msg("There was an error processing your request, please try again.");
          }
        });
      }
    });



    $("#add_to_network").click(function() {
      var action = $(this).attr("action").split(":");
      var this_obj = this;

      if(action[0] == "remove") {
        x = confirm("Are you sure you want to remove this user from your bookmarks?");
        if(!x) return;
      }

      $.ajax({
              url: "/ax/network/"+action[0]+"/"+action[1]+"/",
              success: function(data){
                        if(data == "added") {
                          $("#add_to_network").html("Remove from Bookmarks").attr("action", "remove:"+action[1]).removeClass().addClass('a_remove_btn');
                          show_msg("Done! user added to your bookmarks");
                        } else if(data == "login"){
                          location.href = "/login/"
                        } else {
                          $("#add_to_network").html("Bookmark User").attr("action", "add:"+action[1]).removeClass().addClass('a_add_btn');
                          show_msg("User removed from your bookmarks");
                        }
              },
              error: function(request,status,errorThrown) {
                show_msg("There was an error processing your request, please try again.");
              }
      });
    });

  $("#about_tab_id, #exp_tab_id, #edu_tab_id, #test_tab_id, #cv_tab_id").click(function() {

    $("#about_canves_id").hide();
    $("#exp_canves_id").hide();
    $("#edu_canves_id").hide();
    $("#test_canves_id").hide();
    $("#cv_canves_id").hide();

    $("#about_tab_cl").addClass("qv_tab_normal_l");$("#about_tab_cr").addClass("qv_tab_normal_r");$("#about_tab_cc").addClass("qv_tab_normal_c");
    $("#exp_tab_cl").addClass("qv_tab_normal_l");$("#exp_tab_cr").addClass("qv_tab_normal_r");$("#exp_tab_cc").addClass("qv_tab_normal_c");
    $("#edu_tab_cl").addClass("qv_tab_normal_l");$("#edu_tab_cr").addClass("qv_tab_normal_r");$("#edu_tab_cc").addClass("qv_tab_normal_c");
    $("#test_tab_cl").addClass("qv_tab_normal_l");$("#test_tab_cr").addClass("qv_tab_normal_r");$("#test_tab_cc").addClass("qv_tab_normal_c");
    $("#cv_tab_cl").addClass("qv_tab_normal_l");$("#cv_tab_cr").addClass("qv_tab_normal_r");$("#cv_tab_cc").addClass("qv_tab_normal_c");

    var sel = this.id.split("_")[0];
    sel_id = "#" + sel + "_canves_id";

    var sel_cl = "#" + sel + "_tab_cl";
    var sel_cr = "#" + sel + "_tab_cr";
    var sel_cc = "#" + sel + "_tab_cc";

    $(sel_id).show();
    $(sel_cl).removeClass().addClass("qv_tab_selected_l");
    $(sel_cr).removeClass().addClass("qv_tab_selected_r");
    $(sel_cc).removeClass().addClass("qv_tab_selected_c");

  });


  $(".mdock").hover(function() {
      md_offset = $(this).offset();
      md_yOffset =  $(this).height() + 10;
      md_xOffset = ($(this).width() / 2) - 2;
      $("body").append("<span id='md_tooltip'>" +
                       "<table cellspacing='0' cellpadding='0' border='0'>" +
                       "<tr><td style='padding-left:10px;line-height:4px;'><img src='/images/pointer_ud.gif'></td></tr>"+
                       "<tr><td><div class='tooltip_bl'>" +
                       "<div class='tooltip_br'><div class='tooltip_tl'><div class='tooltip_tr' id='tooltip_text'>" +
                       $(this).attr("md_title") +"</div></div></div></div></td></tr></table></span>");
       $("#md_tooltip")
      	              .css("top",(md_offset.top + md_yOffset) + "px")
		      .css("left",(md_offset.left + md_xOffset) + "px")
		      .fadeIn("fast");
  },
  function(){
      $("#md_tooltip").remove();
  }).click(function() {
      $("div[@id^='con_']").each(function() {
        $(this).hide();
      });
      $("#con_" + this.id.split("_")[1]).show();
      if(this.id == "md_video") {
        $('#carousel_video').infiniteCarousel();
        $("#md_video_title").text($("#carousel_video ul:first li:first a").attr("title"));
        swfobject.embedSWF($("#carousel_video ul:first li:first a").attr("href"), "md_video_player", "480", "385", "9.0.0", "/js/expressInstall.swf");
      } else if(this.id == "md_slide") {
        $('#carousel_slide').infiniteCarousel();
        $("#md_slide_title").text($("#carousel_slide ul:first li:first a").attr("title"));
        swfobject.embedSWF($("#carousel_slide ul:first li:first a").attr("href"), "md_slide_player", "480", "385", "9.0.0", "/js/expressInstall.swf");
      } else if(this.id == "md_doc") {
        $('#carousel_doc').infiniteCarousel();
        $("#md_doc_title").text($("#carousel_doc ul:first li:first a").attr("title"));
        swfobject.embedSWF($("#carousel_doc ul:first li:first a").attr("href"), "md_doc_player", "600", "700", "9.0.0", "/js/expressInstall.swf");
      }
  });

  $(".carousel_item_video, .carousel_item_slide, .carousel_item_doc").click(function() {
    var mtype = $(this).attr("class").split("_")[2];
    if(mtype == "video") {
      $("#md_video_title").text(this.title);
      swfobject.embedSWF(this.href, "md_video_player", "480", "385", "9.0.0", "/js/expressInstall.swf");
    } else if(mtype == "slide") {
      $("#md_slide_title").text(this.title);
      swfobject.embedSWF(this.href, "md_slide_player", "480", "385", "9.0.0", "/js/expressInstall.swf");
    } else if(mtype == "doc") {
      $("#md_doc_title").text(this.title);
      swfobject.embedSWF(this.href, "md_doc_player", "600", "700", "9.0.0", "/js/expressInstall.swf");
    }
    return false;
  });


  if($("#md_twitter").length > 0) {
      $.getScript("http://twitter.com/javascripts/blogger.js");
      var domain = window.location.hostname.split(".");
      if(domain[1] == "mosambe" && (domain[0] != "staging" || domain[0] != "staging1" || domain[0] != "www")) {
          var fetchdomain = "http://www.mosambe.com";
      } else { var fetchdomain = ""; }

      $.getJSON(fetchdomain + "/my/profile/get_tweets/"+$("#md_twitter").attr("twitter_id")+"/10/", function(data){
        if(data[0] == "error") {
          $("#md_twitter").hide();
          $("#md_sup_twitter").hide();
          return;
        }
        $("#con_twitter").html("<table id='con_twitter_tbl' cellspacing='0' cellpadding='0'><tr><td colspan='2' style='font-size:1px'>&nbsp;</td></tr></table>");

        $.each(data, function(i,update){
          if(i == 0) {
            $("#con_twitter_tbl").append("<tr><td style='padding:5px;border-bottom:1px solid #dddddd;' width='10%'><a href='http://www.twitter.com/"+update.user.screen_name+"' target='_blank'><img border='0' src='" + update.user.profile_image_url + "'></a></td>"
                                       + "<td style='padding:5px;border-bottom:1px solid #dddddd;'><b><a href='http://www.twitter.com/"+update.user.screen_name+"' class='footlinks' target='_blank'><b>"+ update.user.screen_name +"</b></a></b><br><span style='color:gray'>"
                                       + update.user.description +"</span></td></tr>");
          }
          update.text = update.text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(F){
              return'<a href="'+F+'" class="headlinks">'+F+"</a>"
          }).replace(/\B@([_a-z0-9]+)/ig,function(F) {
              return '<a href="http://www.twitter.com/'+F.substring(1)+'" class="footlinks" target="_blank">'+F.substring(0)+"</a>"
          });
          $("#con_twitter_tbl").append("<tr><td colspan='2' style='padding:10px;border-bottom:1px dashed #dddddd;font-size:13px;'>"+ update.text + "</td></tr>");
          if ( i == 10 ) {
            return false;
          }
        });
      });
  }

});