//FADE POSTING
function globalFadeOn(e)
{
	var fade = new Effect.Opacity(e, {duration:0.5, from:0.0, to:1.0});
} 

function $E(e)
{
	return document.getElementById(e);
}

function getCheckBoxValue(input_checkbox_id)
{
	if($E(input_checkbox_id)){
		if(typeof $F(input_checkbox_id)=='undefined'){
			return 0;
		}
		return $F(input_checkbox_id);
	} else {
		return 0;
	}
}

function iFocus(el, tag) {
	$(el).addClassName('inputfocus');
	if($(el).value == tag) {
		$(el).value = '';
	}
}

function iBlur(el, tag) {
	$(el).removeClassName('inputfocus');
	if($(el).value == '') {
		$(el).value = tag;
	}
}

var newItems=new Array();

function newComment(blogid)
{
 var name = $F('username'+blogid+'');
 var email = $F('useremail'+blogid+'');
 var webpage = $F('userwebpage'+blogid+'');
 var message = $F('message'+blogid+'');

	$('username'+blogid+'').style.background = '#F3F3F3';
	$('username'+blogid+'').style.color = '#8F8F8F';

	$('useremail'+blogid+'').style.background = '#F3F3F3';
	$('useremail'+blogid+'').style.color = '#8F8F8F';
 
 $('message'+blogid+'').style.background = '#F3F3F3';
	$('message'+blogid+'').style.color = '#8F8F8F';
	
 if(name == 'Name' || name == '')
 {
		$('username'+blogid+'').style.background = '#9808C0';
		$('username'+blogid+'').style.color = '#FFF';
		return false;
	}

	if(email == 'E-Mail (wird nicht ver&ouml;ffentlicht)' || email == '' || !checkEmail(email))
	{
		$('useremail'+blogid+'').style.background = '#9808C0';
		$('useremail'+blogid+'').style.color = '#FFF';
		return false;
	}
	
	if(message == 'Kommentar' || message == '')
	{
		$('message'+blogid+'').style.background = '#9808C0';
		$('message'+blogid+'').style.color = '#FFF';
		return false;	
	}

	var data_bakecookie  = getCheckBoxValue('datasave'+blogid+'');
	var notify_bakecookie  = getCheckBoxValue('notify'+blogid+'');

	var params = 
	{
	cname:name,
	cemail:email,
	chomepage:webpage,
	cid:blogid,
	cmessage:message,
	databakecookie:data_bakecookie,
	notifybakecookie:notify_bakecookie
	};

	var h = $H(params);
	var file = 'http://www.frashier.de/comment_posting_ajax.php';
	new Ajax.Request(
		file,
		{
			method:'post',
			parameters:h.toQueryString(),
			onSuccess:function(xh)
			{

				var resp = xh.responseText;
				eval('data=('+resp+')');
				$('message'+blogid+'').value = '';

				var newItem = document.createElement('div');

				newItem.id='p'+data.id;
				newItem.innerHTML=printNewPost(data);
				newItems.push(newItem);
				
				showStoredItems(blogid);
				$('count'+blogid+'').innerHTML = data.commentcount;

				$('postform'+blogid+'').reset();
				
				if(data_bakecookie == 1)
				{	
				 $$('input.username').each(function(el) { el.value = name; el.onfocus = function() { iFocus(this, name); }; el.onblur = function() { iBlur(this, name); }; });
				 $$('input.useremail').each(function(el) { el.value = email; el.onfocus = function() { iFocus(this, email); }; el.onblur = function() { iBlur(this, email); }; });
				 $$('input.userwebpage').each(function(el) { el.value = webpage; el.onfocus = function() { iFocus(this, webpage); }; el.onblur = function() { iBlur(this, webpage); }; });
				} else {
				 $('username'+blogid+'').value = 'Name';
				 $('username'+blogid+'').onfocus = function() { iFocus(this, 'Name'); };
				 $('username'+blogid+'').onblur = function() { iBlur(this, 'Name'); };
				 $('useremail'+blogid+'').value = 'E-Mail';
				 $('useremail'+blogid+'').onfocus = function() { iFocus(this, 'E-Mail'); };
				 $('useremail'+blogid+'').onblur = function() { iBlur(this, 'E-Mail'); };
				 $('userwebpage'+blogid+'').value = 'Homepage';
				 $('userwebpage'+blogid+'').onfocus = function() { iFocus(this, 'Homepage'); };
				 $('userwebpage'+blogid+'').onblur = function() { iBlur(this, 'Homepage'); };				
				}
			}	
		}
	);
	return false;
}

function printNewPost(data)
{
	var output = '<div class="comment-container" id="pdiv_'+data.id+'">';
	output += '<div class="comment-details">';
	output += '<h2>'+data.name+' sagt</h2>';
 output += '<div class="swap"><p class="out">'+data.datetime+'</p><p class="over">vor 1 Sekunde</p></div>';
	if(data.homepage != '')
	{
	 output += '<a class="homepage" href="'+data.homepage+'" onclick="blank(this);" title="'+data.homepage+'"><span class="out">Homepage</span><span class="over">'+data.homepage+'</span></a>';
	}
	output += '</div>';
	if(data.homepage != '')
	{
	output += '<div class="comment">'+data.message+'</div>';
	} else {
		output += '<div class="comment nohp">'+data.message+'</div>';

	}
 output += '<div class="comment-tool"><a href="" class="quote" onclick="quote(\''+data.id_blog+'\', \''+data.id+'\'); return false;" title="Kommentar Zitieren">Zitieren</a></div>';

	output += '</div>';
	
	return output;
}

function showStoredItems(bid)
{
	var number=newItems.length;
	if(number>0){
		for(i=0;i<number;i++){
			if(i==0){
				jumptoId=newItems[i].id;
			}

			newItems[i].style.opacity=0;

			$('posts'+bid+'').appendChild(newItems[i]);

			globalFadeOn(newItems[i].id);
		}
		//Effect.ScrollTo(jumptoId, { offset: -40 });
		newItems.splice(0,number);

	}
	return false;
}