$(document).ready(function(){
	/*var html = '<div class="container" style="display:none;">';
	html += '<li><fieldset  style="height:310px;width:330px; padding-top:10px;">';
	html += '<label>Name:</label><input type="text" name="name" id="name"/><br/>';
	html += '<label>Email:</label><input type="text" name="email" id="email"/>';
	html += '<br/><label>Comments:</label><textarea rows="5" cols="5" id="comment"></textarea>';
	html += '<br/><label> </label><a onclick="post_comment($(this))"><img width="75" height="27" alt="post" src="/images/design/site/main_page/images/postBTN.jpg"/></a>';
	html += '<br/></fieldset></li></div>';
	html += '<div class="temp" style="display:none"></div>';
	
	$("body").append(html);*/
});

// Expand item function

function expand(item, controller)
{
	var state = item.attr('flag');
	var id = item.attr('id');
	var li = "li#li" + id;
	
	if(state == 'off')
	{
		$(li).addClass('selected');
		$.get(controller + '/ajax_it/' + id  , function(data){
			$(li + " div.content").html(data);
			$(li + " div.content").slideDown('slow', function(){
				$.post('/comments/get_comments', {node_id: id}, function(data){
					$("div.content ul#" + id + ".ajax_comments").html(data);
					//alert($("div.content ul#" + id + ".ajax_comments").attr('class'));
				} );				
			});
		});	
		item.attr('flag', 'on');		
	}
	else
	{
		// Hoon el moshkele
		$(li + " div.content *").slideUp('slow', function(){
			item.attr('flag', 'off');
			$(li).removeClass('selected');
		});
	}
}

function pager(id, page)
{
	$.post('/comments/get_comments', {node_id: id, page: page} , function(data){
		$("ul#" + id).html(data);
		
		//scroller reinnitilzation if exists
		scroller = $('#pane2');
		if(scroller){
			initializeScroll(scroller);
		}
		
		$('#pager').html($('div.pagination').html());
		$('div.pagination').remove();
		
	});		
}

function display_comment_form(id)
{
	var content = $("div.content").attr('class');
	if(content == 'content')
	{ 
		var ul = 'div.content ul#' + id;
	}
	else
	{
		var ul = 'ul#' + id;
	}
	
	var temp = $('div.temp');
	temp.html($(ul).html());
	
	$(ul).fadeOut('slow', function(){
		$(ul).html($("div.container").html());
		$(ul).fadeIn('slow');		
	});
}

function post_comment(sender)
{
	var temp = $("div.temp");
	var id = $(sender).parents('ul.ajax_comments').attr('id');

	var content = $("div.content").attr('class');
	if(content == 'content')
	{ 
		var ul = 'div.content ul#' + id;
	}
	else
	{
		var ul = 'ul#' + id;
	}		
	
	
	
	var wait = "<img style='' src='/images/design/site/main_page/images/ajax-loader.gif' /> Please wait ... Your comment will be submitted for moderation";
	
		var valid = true;
		
		$("input#name, input#email, textarea#comment").each(function(){
			if($(this).val() == '') {
				valid = false;
			}
		});
		
		if(valid != true){
			$(ul).block("<div>Please make sure to fill all fields <br /> <input type='button' id='unblock_btn' value='  OK  ' onclick='$(\"body ul\").unblock()' /></div>");
			return;
		}	
	
	
	$(ul).block(wait);
	var name = $("input#name").val();
	var email = $("input#email").val();
	var comment = $("textarea#comment").val();
	
	$.post('play_comments/add_comment', {node_id: id, name: name, mail: email, comment: comment} , function(){
		$(ul).unblock();
		$(ul).fadeOut('slow', function(){
			$(ul).html(temp.html());
			$(ul).fadeIn('slow');
		});
	});
}