function decorate_stories() {
  $('.story_decoration').remove();
  $('.story_content').each(function() {
    off = $(this).offset();
    $(this).append('<div class="story_decoration" style="top:'+(off.top-50+36)+'px; left:'+(off.left-50-10)+'px;" />');
  });
}

$(document).ready(function() {
  $('.story,.cell').mouseover(
    function() {
      // $('.story').removeClass("hover");
      el = $(this);
      off = el.offset();
      width = el.width();
      height = el.height();
      offtop = off.top;
      offleft = off.left;
      $('#border_top').width(width);
      $('#border_bottom').width(width);
      $('#border_left').height(height);
      $('#border_right').height(height);

      $('#border_top').css('top', offtop + 'px');
      $('#border_top').css('left', offleft + 'px');
      $('#border_bottom').css('top', offtop+height-5 + 'px');
      $('#border_bottom').css('left', offleft + 'px');
      $('#border_left').css('top', offtop + 'px');
      $('#border_left').css('left', offleft + 'px');
      $('#border_right').css('top', offtop + 'px');
      $('#border_right').css('left', offleft+width-5 + 'px');
      el.addClass('hover');
      $('.border').show();
  });
  $('.story,.cell').mouseout(function(ev) {
    $('.border').hide();
    $('.story,.cell').removeClass("hover");
  });

  // comments on click

  $('.comments a').click(function()
  {
  	$('#comments').show();
  		$("#comments_content").html("Loading...<br />");

		id = this.href;

		$.get("/ajax/komentar_izpisi.php?id=" + id, function(data)
		{
			var name = $('input[name=name]');
	 		var comment = $('textarea[name=comment]');
	 		var captcha = $('input[name=captcha]');

			name.val('name');
		  	comment.val('');
		  	captcha.val('security code');

		  	$('#comments_error').hide();
  			$("#comments_content").html(data);

  			document.getElementById('captcha').src = '/varnostna_koda/varnostna_koda_prikazi.php?sid=' + Math.random();

		});

		 return (false);
  });

   // comments pagination on click

  $('.comments_pagination a').live("click", function()
  {
  	id = this.href;;

  	$.get("/ajax/komentar_izpisi.php?id=" + id, function(data)
	{
		$("#comments_content").html(data);

    });
  	return (false);

  });





  $('.video a').click(function()
  {
  	$('#video').show();
  		$("#video_content").html("<img src='/images/lightbox-ico-loading.gif' alt='Loading'> Loading...<br />");

		id = this.href;

		$.get("/ajax/video_izpisi.php?id=" + id, function(data)
		{
  			$("#video_content").html(data);
		});

		 return (false);
  });

  $('#comments_submit').click(function()
  {
     $('#comments_submit').hide();

	 var name = $('input[name=name]');
	 var comment = $('textarea[name=comment]');
	 var captcha = $('input[name=captcha]');

     $.get("/ajax/komentar_dodaj.php?id=" + id + "&name=" + name.val() + "&comment=" + comment.val() + "&koda=" + captcha.val(), function(data)
	 {
	 		if (data=="ok")
	 		{
	 			$.get("/ajax/komentar_izpisi.php?id=" + id, function(data)
				{
					$('#comments_error').hide();
		  			$("#comments_content").html(data);

		  			name.val('name');
		  			comment.val('');
		  		    captcha.val('security code');
		  		    document.getElementById('captcha').src = '/varnostna_koda/varnostna_koda_prikazi.php?sid=' + Math.random();

				});
			}
			else
			{
                  $('#comments_error').html(data);
				  $('#comments_error').show();
			}
	 });

     $('#comments_submit').show();

     return (false);
  });

  $('#comments_close').click(function()
  {
  	$("#comments_content").html('');
    $('#comments').hide();
    return (true);
  });

  $('#video_close').click(function()
  {
  	$("#video_content").html('');
    $('#video').hide();
    return (true);
  });

  decorate_stories();
});

$(function() {
    $('.gallery a').lightBox();
    $('a.thumb').lightBox();
});

$(window).resize(function(){
  decorate_stories();

});