function show_comment_form () {
    $('comments').hide();
    $('comments-add').show();
    return false;
}

function show_comment_list () {
    $('comments-add').hide();
    $('comments').show();
    return false;
}


function submit_comment () {
    send = true;
    msg  = '';
    //if ($('imie').value.strip() == '') {
    //$('imie').value

    if ($('n').value.strip() == '') {
        send = false;
        msg  += 'Uzupełnij pole imię!<br />';
    }
    if ($('e').value.search(/[_\.0-9a-z-]+@([0-9a-z][0-9a-z-]+\.)+[a-z]{2,3}/i) == -1)  {
        send = false;
        msg  += 'Wprowadź poprawny adres e-mail!<br />';
    }
    if ($('c').value.strip() == '') {
        send = false;
        msg  += 'Wprowadź komentarz!';
    }
    
    if (send) {
        $('comments-msg').innerHTML = '';
        $('comments-msg').hide();
        set_mask ('comments-form');
        $('comment-frm').request( 
            {onComplete: function(t){
                response = t.responseText;
                remove_mask ('comments-form');
                if (response.search('error') != -1) {
                    msg = response.split("::");
                    //$('comments-msg').innerHTML = "" + msg[1] + "" ;
                    $('comments-msg').innerHTML = "" + t.responseText + "" ;
                    
                } else {
                    msg = response.split("::");
                    $('comments-msg').innerHTML = "" + msg[1] + "";
                    $('n').value = '';
                    $('e').value = '';
                    $('c').value = '';
                
                }
                $('comments-msg').show();
            }} 
        );
    } else {
        $('comments-msg').innerHTML = msg;
        $('comments-msg').show();
    }


    //mail.search(/[_\.0-9a-z-]+@([0-9a-z][0-9a-z-]+\.)+[a-z]{2,3}/i) == -1) {

    //$('comment-frm').request(
    //    {onComplete: function(){ alert('Form data saved!') }}
    //)

    
    var successFunc = function(t) {
        /*
        response = t.responseText;
        if (response.search('error') != -1) {
			msg = response.split("::");
			document.getElementById('error_msg').innerHTML = "Wstąpił błąd!<br />" + msg[1] + "" ;
        } else {
			var element = document.getElementById('image_' + elementId);
			if (element) element.parentNode.removeChild(element);
			document.getElementById('error_msg').innerHTML = "Usunięto zdjecie!";
        }
        */
        alert('s!');
        remove_mask ('comments-form');
        /**/
    }
    var errFunc = function(t) {
        /**/
        alert('e!');
        remove_mask ('comments-form');
        /**/
    }
}

function remove_mask (elementId) {
	var element = document.getElementById(elementId + "mask");
	if (element) element.parentNode.removeChild(element);
	var element = document.getElementById(elementId + "mask2");
	if (element) element.parentNode.removeChild(element);
	return false;
}

function set_mask (elementId) {
	var element = document.getElementById(elementId);
	if (!element) return true;
	var elementParent = element.parentNode;
	var mask = document.createElement('div');
	var mask2 = document.createElement("div");
	mask.setAttribute('id',elementId + 'mask');
	mask.className    = 'loader_opacity';
	mask.style.top    = '' + element.offsetTop + 'px';
    mask.style.left   = '' + element.offsetLeft + 'px';
    mask.style.height = '' + element.offsetHeight + 'px';
    mask.style.width  = '' + element.offsetWidth + 'px';
	mask2.setAttribute("id",elementId + "mask2");
	mask2.className    = 'loader_spinner';
	mask2.style.top    = '' + element.offsetTop + 'px';
	mask2.style.left   = '' + element.offsetLeft + 'px';
	mask2.style.height = '' + element.offsetHeight + 'px';
	mask2.style.width  = '' + element.offsetWidth + 'px';
	elementParent.appendChild(mask);
	elementParent.appendChild(mask2);
	return false;
}
