Subversion-Projekte lars-tiefland.prado

var currentCommentID;

function show_comment_list()

{

	$('comment-list').show();

	$('add-comment').hide();

	$('show-comment-link').addClassName("active");

	$('add-comment-link').removeClassName("active");

	$('all-comments-link').removeClassName("active");

	show_comments_in_list(currentCommentID);

}

function show_all_comments()

{

	$('comment-list').show();

	$('add-comment').hide();

	$('show-comment-link').removeClassName("active");

	$('add-comment-link').removeClassName("active");

	$('all-comments-link').addClassName("active");

	show_comments_in_list();

}

function show_add_comment()

{

	$('comment-list').hide();

	$('add-comment').show();

	$('show-comment-link').removeClassName("active");

	$('add-comment-link').addClassName("active");

	$('all-comments-link').removeClassName("active");

}

function hide_add_comment()

{

	$('user-comments').hide();

	$('modal-background').hide();

	$(content_textare_id).value = '';

	$(currentCommentID).style.zIndex = 0;

}

function show_comments_in_list(id)

{

	var list = $('comment-list');

	var count=0;

	for(var i=0, k=list.childNodes.length; i < k; i++)

	{

		var node = list.childNodes[i];

		if(node.nodeType == 1) //an element node

		{

			if(typeof(id) == "undefined" || node.className.indexOf(id) >= 0)

			{

				node.style.display="block"

				count++;

			}

			else

				node.style.display="none";

		}

	}

	return count;

}

function show_comments(block)

{

	var id = block.id

	currentCommentID = id;

	$(hidden_block_id).value = id;

	var commentBlock = $('user-comments');

	var pos = Position.cumulativeOffset(block);

	var top = pos[1] + block.offsetHeight;

	commentBlock.style.top = top+"px";

	commentBlock.style.width = (block.offsetWidth-22)+"px";

	commentBlock.show();

	var count = show_comments_in_list(id);

	$('comment-list').show();

	if(count > 0)

		show_comment_list();

	else

		show_add_comment();

	var background = $('modal-background');

	background.style.top="0px";

	background.style.left="0px";

	background.style.opacity="0.5";

	background.style.width = document.body.offsetWidth+"px";

	background.style.height = document.body.offsetHeight+"px";

	background.show();

	block.style.zIndex = 100;

	block.style.paddingRight="9px";

	block.style.marginRight="-9px";

}

function show_block(block)

{

	while(block && (!block.className || block.className.indexOf("block-content") < 0))

		block = block.parentNode;

	if(block && block.className.indexOf("block-content") >= 0)

	{

		block.addClassName('block-hover');

		var tag = $('tag-'+block.id);

//		if(tag.className.indexOf("tag-shown")<=0)

			tag.firstChild.style.visibility="visible"

	}

}

function hide_block(block)

{

	while(block && (!block.className || block.className.indexOf("block-content") < 0))

		block = block.parentNode;

	if(block && block.className.indexOf("block-hover") >= 0)

	{

		block.removeClassName('block-hover');

		var tag = $('tag-'+block.id);

		if(tag.className.indexOf("tag-shown")<=0)

			tag.firstChild.style.visibility="hidden"

	}

}

function add_comment_tag(el)

{

	var dim = Element.getDimensions(el);

	var comments = get_comment_count(el.id);

	var style = "height:"+(dim.height > 35 ? dim.height : 35)+"px;";

	var cssClass = dim.height ? "block-comment-tag" : "block-comment-tag-ie";

	var title = "View "+comments+" comments"

	var innerStyle="";

	if(comments <= 0)

	{

		innerStyle = " visibility:hidden;";

		comments = "add";

		title = "Add new comment";

	}

	else

		cssClass += " tag-shown";

	var id = "tag-"+el.id;

	var tag = "<div id='"+id+"' class='"+cssClass+"' style='"+style+"'><div style='"+innerStyle+"' title='"+title+"'>"+comments+"</div>&nbsp;</div>";

	new Insertion.Before(el, tag);

	var tag_div = $(id);

	Event.observe(tag_div, "mouseover", function(e){ if(typeof(show_block)!="undefined") show_block(el); });

	Event.observe(tag_div, "mouseout", function(e){ if(typeof(hide_block) !="undefined") hide_block(el); });

	Event.observe(tag_div, "click", function(e) { if(typeof(show_comments) !="undefined") show_comments(el); Event.stop(e); });

}

function increment_count_tag(id)

{

	var tag = $('tag-'+id);

	if(tag && tag.firstChild)

	{

		if(tag.className.indexOf("tag-shown") >= 0)

		{

			var count = Number(tag.firstChild.innerHTML);

			tag.firstChild.innerHTML = (++count)+"";

			tag.firstChild.style.visibility="visible";

		}

		else

		{

			tag.firstChild.innerHTML = "1";

			tag.addClassName("tag-shown");

			tag.firstChild.style.visibility="visible";

		}

	}

}

function get_comment_count(id)

{

	return comment_count[id] ? comment_count[id] : 0;

}

//initialize the comment js

if(!Prado.Browser.ie) //not IE 4,5,6

{

	(function()

	{

		var userComments = $('user-comments');

		userComments.style.position="absolute";

		userComments.style.marginRight="80px";

		var commentList = $('comment-list');

		commentList.style.height="320px";

		$('add-comment').style.height="320px";

		commentList.style.overflow="auto";

		$('show-comment-link').style.display="";

		$('to-top').hide();

		$('close-comments').show();

		$('all-comments-link').show();

		userComments.hide();

		$('comments-header').hide();

		$$('#comment-list .source-link').each(function(el){ el.hide(); });

		$$('#content .block-content').each(function(el)

		{

			Event.observe(el, 'mouseover', function(e){ if(typeof(show_block)!="undefined") show_block(Event.element(e)); });

			Event.observe(el, 'mouseout', function(e){ if(typeof(hide_block)!="undefined") hide_block(Event.element(e)); });

			add_comment_tag(el);

		});

		Event.observe($('show-comment-link'), "click", function(e) { show_comment_list(); Event.stop(e); });

		Event.observe($('add-comment-link'), "click", function(e) { show_add_comment();	Event.stop(e); });

		Event.observe($('all-comments-link'), "click", function(e) { show_all_comments();	Event.stop(e); });

		Event.observe($('close-comments'), "click", function(e) { hide_add_comment(); Event.stop(e); });

	})();

}