$(document).ready(function() {
  $('#pics_albums').click(function() {
    $(this).blur();
    if ($(this).hasClass('onpboxtab')) {
      return false;
    } else {
      $('#pics_favs').removeClass('onpboxtab');
      $(this).addClass('onpboxtab');
    }
    
    $('#profilepage_pics').html('');
    
    $.getJSON('/p/pics/fetchalbums', function(data) {
      $.each(data, function(i) {
        string = '<div class="item_album item_album_whitebackr">';
  			string = string +'<a href="http://pics.data.bg/albums/'+ data[i].aid +'/'+ data[i].preparedalbum +'" class="item_album_thumb">';
        if (data[i].thumb != null) {
          string = string +'<img src="'+ data[i].thumb +'"/>';
        } else {
          string = string +'<img src="/imgs/thumbb.gif"/>';
        }
        string = string +'<b>'+ data[i].name +'</b>';
  			string = string +'</a>';
  			string = string +'</div>';
        $('#profilepage_pics').append(string);
      });
    });
  });
  
  $('#pics_favs').click(function() {
    $(this).blur();
    if ($(this).hasClass('onpboxtab')) {
      return false;
    } else {
      $('#pics_albums').removeClass('onpboxtab');
      $(this).addClass('onpboxtab');
    }
    
    $('#profilepage_pics').html('');
    
    $.getJSON('/p/pics/fetchfavs', function(data) {
      $.each(data, function(i) {
        string = '<div class="item_pic">';
        if (data[i].type == 'pic') {
    			string = string +'<a href="http://pics.data.bg/albums/'+ data[i].aid +'/'+ data[i].prepalbum +'/'+ data[i].pfn +'/'+ data[i].preppic +'" class="item_pic_thumb"><img src="/storage/pics/'+ uid +'/'+ data[i].aid +'/'+ data[i].pfn +'_160x120.jpg"/><b>'+ data[i].pic +'</b></a>';
        } else {
          string = string +'<a href="http://pics.data.bg/categories/'+ data[i].catid +'/'+ data[i].prepcategory +'/'+ data[i].sfn +'/'+ data[i].prepshared +'" class="item_pic_thumb"><img src="/storage/pics/anonymous/'+ data[i].date +'/'+ data[i].sfn +'_160x120.jpg"/><b>'+ data[i].shared +'</b></a>';
        }
        if (data[i].thumb != null) {
          string = string +'<img src="'+ data[i].thumb +'"/>';
        } else {
          string = string +'<img src="/imgs/thumbb.gif"/>';
        }
        string = string +'<b>'+ data[i].name +'</b>';
  			string = string +'</a>';
  			string = string +'</div>';
        $('#profilepage_pics').append(string);
      });
    });
  });
  
  $('#blog_latest').click(function() {
    $(this).blur();
    $('#profile_blog').html('');
    
    if ($(this).hasClass('onpboxtab')) {
      return false;
    } else {
      $('#blog_tags').removeClass('onpboxtab');
      $(this).addClass('onpboxtab');
    }
    
    string1 = string2 = '';
    $.getJSON('/p/blog/fetchlatest', function(data) {
      if (data.length > 1) {
        string2 += '<div id="profile_blog_moreposts">';
        string2 += '<h3>Още скорошни постове от <a href="http://'+ data[1].user +'.data.bg/blog">'+ data[1].blogname +'</a></h3>';
        string2 += '<ul>';
      }
      $.each(data, function(i) {
        if (i == 0) {
          string1 = '<div id="profile_blog_lastpost">';
  				string1 += '<h2><a href="/p/blog/read/'+ data[i].catid +'/'+ data[i].prepcategory +'/'+ data[i].id +'/'+ data[i].preptitle +'">'+ data[i].title +'</a></h2>';
          string1 += data[i].intro +' <a href="/p/blog/read/'+ data[i].catid +'/'+ data[i].prepcategory +'/'+ data[i].id +'/'+ data[i].preptitle +'"><b>още</b> &raquo;</a>';
  				string1 += '<div class="kommmennntari"><a href="/p/blog/read/'+ data[i].catid +'/'+ data[i].prepcategory +'/'+ data[i].id +'/'+ data[i].preptitle +'#comments">Коментари ('+ data[i].comments +')</a></div>';
          string1 += '</div>';
        } else {
          string2 += '<li><a href="/p/blog/read/'+ data[i].catid +'/'+ data[i].prepcategory +'/'+ data[i].id +'/'+ data[i].preptitle +'">'+ data[i].title +'</a> ';
          if (data[i].diff < 1) {
            string2 += 'от днес'
          } else if (data[i].diff == 1) {
            string2 += 'от вчера';
          } else {
            string2 += 'преди '+ data[i].diff +' дни</li>';
          }
          string2 += '</ul>';
          string2 += '</div>';
        }
      });
      $('#profile_blog').html(string1 + string2);
    });
    
    return false
  });
  
  $('#blog_tags').click(function() {
    $(this).blur();
    
    if ($(this).hasClass('onpboxtab')) {
      return false;
    } else {
      $('#blog_latest').removeClass('onpboxtab');
      $(this).addClass('onpboxtab');
    }
    
    $('#profile_blog').html('');
    
    string = '';
    $.getJSON('/p/blog/fetchtags', function(data) {
      string += '<div class="tagcloud">';
      $.each(data, function(i) {
        string += '<a href="#" class="size'+ data[i].size +'" title="'+ data[i].name +'">'+ data[i].name +'</a>';
      });
      string += '</div>';
      $('#profile_blog').html(string);
    });
    return false;
  });
  
  $('.nekzt').click(function() {
    $(this).blur();
    $.getJSON('/flirt/next/'+ $('#uid').html() +'/'+ $(this).attr('id'), function (data) {
      // pn = $('#picnum').html();
      // pn++;
      // $('#picnum').html(pn);
      $('#pic').attr('src', '/storage/users/'+ $('#uname').html().charAt(0) +'/'+ $('#uname').html() +'/flirt/'+ data.current.filename +'_'+ data.current.width +'x0.jpg');
      if (data.prev.id) {
        $('.bakk').attr('id', data.prev.id);
        $('.bakk').css('display', '');
        pn = $('#picnum').html();
        pn++;
        $('#picnum').html(pn);
      } else {
        $('.bakk').css('display', 'none');
      }
      if (data.next.id) {
        $('.nekzt').attr('id', data.next.id);
        $('.nekzt').css('display', '');
      } else {
        $('.nekzt').css('display', 'none');
      }
    });
  });
  
  $('.bakk').click(function() {
    $(this).blur();
    $.getJSON('/flirt/next/'+ $('#uid').html() +'/'+ $(this).attr('id'), function (data) {
      // pn = $('#picnum').html();
      // pn--;
      // $('#picnum').html(pn);
      $('#pic').attr('src', '/storage/users/'+ $('#uname').html().charAt(0) +'/'+ $('#uname').html() +'/flirt/'+ data.current.filename +'_'+ data.current.width +'x0.jpg');
      if (data.prev.id) {
        $('.bakk').attr('id', data.prev.id);
        $('.bakk').css('display', '');
      } else {
        $('.bakk').css('display', 'none');
      }
      if (data.next.id) {
        $('.nekzt').attr('id', data.next.id);
        $('.nekzt').css('display', '');
      } else {
        $('.nekzt').css('display', 'none');
      }
    });
    pn = $('#picnum').html();
    pn--;
    $('#picnum').html(pn);
  });
});