/**
 * KMP 2009 Frontend Glossary Tools
*/
//*******************Add/Edit Term******************************************
var action = false;
var addContent = '';
var content = '';
var tr = false, td = false; before = false;
function addTerm() {
    action = 'add';
    addContent = '<div class="popup-data-holder" style="width: 400px;"><form action='+base_href+'addTerm name="addTerm" id="addTerm" method="post" onsubmit="javascript:save();">'+
                    '<table class="act-mail">'+
						'<tr id="message">'+
							'<td style="width: 1%;">'+
								'<span>'+i18n.lbl_term+':</span>'+
							'</td>'+
							'<td>'+
							    '<input type="text" id="term" name="term"  style="width:100%; font-size: 16px; position: relative;"/>'+
								'<input type="hidden" id="link" name="link" value=""/>'+ 
							'</td>'+
						'</tr>';
                    
    addContent +=  '<tr>'+
						'<td colspan="2">'+
							'<textarea class="description" style="width:100%;height:100px; margin-top: 2px; position: relative;" id="description" name="description" onfocus="javscript:onTermDerscrFocus(this);" onblur="javscript:onTermDerscrBlur(this);" style="color: #666;">'+i18n.lbl_desc+'</textarea>'+
						'</td>'+
					'</tr>'+
				'</table></form>';
      // button              
    addContent += '<table class="form-btn-1">'+
                      '<tbody>'+
                        '<tr>'+
                          '<td class="form-btn-l"><div></div></td>'+
                          '<td class="form-btn-c">'+
                              '<input type="button" value="'+i18n.lbl_save+'" name="submit" onclick = "javascript:save();" class="form-button"/>'+
                          '</td>'+
                          '<td class="form-btn-r"><div></div></td>'+
                        '</tr>'+
                      '</tbody>'+
                    '</table>';
    
     addContent +=	'<table class="form-btn-1">'+
                      '<tbody>'+
                        '<tr>'+
                          '<td class="form-btn-l"><div></div></td>'+
                          '<td class="form-btn-c">'+
                              '<input type="button" value="'+i18n.lbl_cancel+'" name="submit" onclick = "javascript:cancel();" class="form-button"/>'+
                          '</td>'+
                          '<td class="form-btn-r"><div></div></td>'+
                        '</tr>'+
                      '</tbody>'+
                    '</table></div>';
    
    var title = i18n.msg_title_add_term;                
    showDialog(addContent, title);
    document.getElementById('link').value = window.location.href;
}
//*******************Edit Term******************************************
function editTerm(termId) {
    if (window.layer) {
	  cancel();
    }
    action = 'edit';
    content = '<div class="popup-data-holder" style="width: 400px;"><form action='+base_href+'editTerm name="editTerm" id="editTerm" method="post" onsubmit="javascript:save();">'+
                    '<table class="act-mail"><tr><td  style="width: 1%;">'+
                    '<span>'+i18n.lbl_term+':</span></td><td>'+
                        '<input type="text" id="term" name="term" style="width:100%; font-size: 16px; position: relative;"/>'+
			'<input type="hidden" id="id" name="id" value="'+termId+'"/>'+ 
			'<input type="hidden" id="link" name="link" value=""/>'+ 
                    '</td></tr>';
                    
    content +=  '<tr><td colspan="2">'+
    '<textarea class="description" style="width:100%;height:100px; margin-top: 2px; position: relative;" id="description" name="description" onfocus="javscript:onTermDerscrFocus(this);" onblur="javscript:onTermDerscrBlur(this);" style="color: #666;">'+i18n.lbl_desc+'</textarea>'+
    '</td></td></table></form>';
      // button              
    content += '<table class="form-btn-1">'+
                      '<tbody>'+
                        '<tr>'+
                          '<td class="form-btn-l"><div></div></td>'+
                          '<td class="form-btn-c">'+
                              '<input type="button" value="'+i18n.lbl_save+'" name="submit" onclick = "javascript:save();" class="form-button"/>'+
                          '</td>'+
                          '<td class="form-btn-r"><div></div></td>'+
                        '</tr>'+
                      '</tbody>'+
                    '</table>';
    
     content +=	'<table class="form-btn-1">'+
                      '<tbody>'+
                        '<tr>'+
                          '<td class="form-btn-l"><div></div></td>'+
                          '<td class="form-btn-c">'+
                              '<input type="button" value="'+i18n.lbl_cancel+'" name="submit" onclick = "javascript:cancel();" class="form-button"/>'+
                          '</td>'+
                          '<td class="form-btn-r"><div></div></td>'+
                        '</tr>'+
                      '</tbody>'+
                    '</table></div>';
    
    new Ajax.Request(base_url+"cliterms/getTerm", {
		group: 'TermDialog',
		method: 'post',
		postBody: 'termId='+termId,
		onSuccess: function(an) {
		    eval('var response='+an.responseText);
		    if (response.done) {
			var title = i18n.msg_title_edit_term;
			showDialog(content, title);
			document.getElementById('link').value = window.location.href;
			document.getElementById('term').value = response.term;
			document.getElementById('description').value = response.term_description;
		    }
		}
    });
}
//****************Delete Term***********************************************
function deleteTerm(termId) {
    var content = '<div class="form-1 popup-data-holder mail-to-friend"><form action="'+base_href+'deleteTerm" name="deleteTerm" id="deleteTerm" method="post">'+
                    '<span>'+i18n.msg_delete_message+'</span>'+
                    '<input type="hidden" id="termId" name="termId" value="'+termId+'" />'+
		    '<input type="hidden" id="link" name="link" value=""/>'+ 
                    '</form>';
      // button              
    content += '<table class="form-btn-1">'+
                      '<tbody>'+
                        '<tr>'+
                          '<td class="form-btn-l"><div></div></td>'+
                          '<td class="form-btn-c">'+
                              '<input type="button" value="'+i18n.lbl_delete+'" name="submit" onclick = "javascript:confDeleteTerm();"class="form-button"/>'+
                          '</td>'+
                          '<td class="form-btn-r"><div></div></td>'+
                        '</tr>'+
                      '</tbody>'+
                    '</table>';
    
    content +=	'<table class="form-btn-1">'+
                      '<tbody>'+
                        '<tr>'+
                          '<td class="form-btn-l"><div></div></td>'+
                          '<td class="form-btn-c">'+
                              '<input type="button" value="'+i18n.lbl_cancel+'" name="submit" onclick = "javascript:cancel();" class="form-button"/>'+
                          '</td>'+
                          '<td class="form-btn-r"><div></div></td>'+
                        '</tr>'+
                      '</tbody>'+
                    '</table>';
					
	content +="</div>";
    
    var title = i18n.msg_confirm_mes;                
    showDialog(content, title);
    document.getElementById('link').value = window.location.href;
       
}
//**********subscribe****************************************************
function confDeleteTerm() {
    document.getElementById('deleteTerm').submit();
    return true;   
}
//****************Dialog********************************************************
function showDialog(content, title){
    window.layer = new Layer({
        title: title,
        content: content,
        visible: true,
        rtl: (rtl=='rtl')
    });
}
//******************************************************************************
function cancel(){
    window.layer.close();   
}
// ***** check term ********************************************************************************
function save(){
	if (action == 'add') {
	    new Ajax.Request(base_url+"cliterms/check", {
		group: 'TermDialog',
		method: 'post',
		postBody: 'term='+document.getElementById('term').value,
		onSuccess: function(an) {
		    eval('var response='+an.responseText);
		    if (response.done) {
				if (document.getElementById('term').value =='' || document.getElementById('description').value =='') {
				    alert(i18n.msg_error_yellow);
				    return false;	
				} else {
				    document.getElementById('addTerm').submit();
				    return true;
				} 
		    }
		    else {
			showMessage(response.id);
			return false;
		    }
		}
	    });
	} else if (action == 'edit') {
	    if (document.getElementById('term').value =='' || document.getElementById('description').value =='') {
		alert(i18n.msg_error_yellow);
		return false;	
	    } else {
		document.getElementById('editTerm').submit();
		return true;
	    } 
	}
}
/*
*/
// ***** check term ********************************************************************************
function showMessage(id) {
	if (!tr) {
	    tr = document.createElement('tr');
	    td = document.createElement('td');
		td.colSpan = "2";
	    before = document.getElementById('message');
	    before.parentNode.insertBefore(tr,before);
	    tr.appendChild(td);
	}
	var text = i18n.msg_exist_term+' Click <a href="javascript:editTerm('+id+')">here</a> if you want to edit it.<br/>';
	td.innerHTML = text;	
}
//**********teep for description*******************************************************
function onTermDerscrFocus(obj) {
    if (obj.value == i18n.lbl_desc) {
        obj.value = '';
        obj.style.color = '#000';
    }
}
function onTermDerscrBlur(obj) {
    if (obj.value == '') {
        obj.value = i18n.lbl_desc;
        obj.style.color = '#666';
    }
}