/**********************************************************************
* Copyright (C) 2007 Kyoto University
*
* This library is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 2.1 of the License, or (at your option) any later version.
* 
* This library is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
* Lesser General Public License for more details.
* 
* You should have received a copy of the GNU Lesser General Public
* License along with this library; if not, write to the Free Software
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-
* 1301  USA
***********************************************************************/
/*
 * This file is the JavaScript file for the main translator page.
 */
var Translation = Class.create();

var translatorSelection = null;
var translate = null;
var serviceInformation = null;

Event.observe(window,'load',function(){
	
	Toggler.setToggleEvent('translate');
	Toggler.setToggleEvent('translator-selection');
	Toggler.setToggleEvent('service-information');
	
	new HelpPanel("translate",
		'<span style="font-weight:bold;">How to Translate a Sentence</span><br /><br />'+
		'First, choose your translator from the Translator Selection below.<br />' +
		'Once the translators are selected,<br /><br />'+
		'<ul>'+
		'<li style="list-style:decimal inside;">Type in a sentence or sentences you wish to translate.</li>'+
		'<li style="list-style:decimal inside;">Select the source language of the typed sentence.</li>'+
		'<li style="list-style:decimal inside;">Choose target languages. You can choose multiple languages.</li>'+
		'<li style="list-style:decimal inside;">Click on the "Translate" button.</li>'+
		'</ul>');
	new HelpPanel("translator-selection",
		'<span style="font-weight:bold;">How to Select Translators</span><br /><br />'+
		'Select translators you wish to use.'+
		'<br><span style="color:red;font-weight:bold;">Red</span> indicates that the translator is SELECTED.'+
		'<br><span style="color:green;font-weight:bold;">Green</span> indicates that the translator is NOT SELECTED.');
	translatorSelection = new TranslatorSelection('translators');
	translate = new Translate('input-text','from','to','result');
	serviceInformation = new ServiceInformation('service-information-form-area');
	
	$('use-all').checked = false;
	
	TranslatorSelection.Event.load(translatorSelection);
	translatorSelection.getElement().down('table').observe('click',function(event){
		TranslatorSelection.Event.clickButton(event,translatorSelection);
		Translation.Event.clickResourceButton(event);
	});
	translatorSelection.getElement().down('table').observe('mouseover',function(event){
		TranslatorSelection.Event.mouseoverButton(event,translatorSelection);
	});
	translatorSelection.getElement().down('table').observe('mouseout',function(event){
		TranslatorSelection.Event.mouseoutButton(event,translatorSelection);
	});
	$('use-all').observe('click',function(event){
		TranslatorSelection.Event.clickAllButton(event,translatorSelection);
		Translation.Event.clickResourceAllButton(event);
	});
	$('translate').observe('click',function(event){
		Translation.Event.clickSearchButton(event);
	});
	translate.getSourceLanguageMenu().getElement().observe('change',function(event){
		Translate.Event.changeSourceLanguage(event,translate);
		Translation.Event.changeSourceLanguage(event);
	});
});

Translation.Event = {
	clickSearchButton: function(event){
		if(translate.isEmptyWordArea()) {
			//* cancel
		} else if (translate.unselectedTargetLanguages()) {
			//* cancel
		} else {
			Translation.Ajax.search();
		}
	},
	
	changeSourceLanguage: function(event){
		translate.changeTargetLanguages(translatorSelection.getTargetLanguages(translate.getSelectedSourceLanguage()));
	},
	
	clickResourceButton: function(event){
		var sourceLanguages = translatorSelection.getSourceLanguages()
		if(sourceLanguages.size() != 0){
			translate.changeSourceLanguages(sourceLanguages);
			translate.changeTargetLanguages(translatorSelection.getTargetLanguages(translate.getSelectedSourceLanguage()));
		} else {
			translate.resetSourceLanguages();
			translate.resetTargetLanguages();
		}
	},
	
	clickResourceAllButton: function(event){
		Translation.Event.clickResourceButton(event);
	}
}

Translation.Ajax = {
	search: function(){
		$('translating').innerHTML = '<img src="img/anime/translation.gif" />';
		var callobj = {
			inputtext: translate.getWordArea().value.replace(/\r\n/g," ").replace(/\n/ig," "),
			from: translate.getSourceLanguageMenu().getSelectedLanguage(),
			toNum: translate.getTargetLanguageMenu().getSelectedLanguages().size(),
			idNum: translatorSelection.getIdOfSelectedResources().size()
		};
		var selectedTargetLanguageArray = translate.getTargetLanguageMenu().getSelectedLanguages();
		for(var i=0;i<selectedTargetLanguageArray.size();i++){
			callobj['to'+i] = selectedTargetLanguageArray[i];
		}
		var selectedResourceIdArray = translatorSelection.getIdOfSelectedResources();
		for(var i=0; i < selectedResourceIdArray.size(); i++){
			callobj['id'+i] = selectedResourceIdArray[i];
		}
		var hash = $H(callobj);
		var formText=hash.toQueryString();
		new Ajax.Request(
			'./php/ajax/translation/translate.php',
			{
				method		:'post',
				//* パラメータは (parameters): inputtext,from,to,dic0,dic1,dic2,dic3,dic4,dic5
				parameters	:formText,
				onSuccess	:function(httpObj){
					translate.getResultArea().draw(httpObj.responseText,translatorSelection);
					//* 横断検索
					//* Cross-search
					for (var i=0; i< httpObj.responseJSON.contents.size();i++) {
						serviceInformation.update(httpObj.responseJSON.contents[i]);
					}
				},
				onFailure	:function(){
					alert('Server Error.');
				},
				onComplete	:function(){
					$('translating').innerHTML = '';
				}
			});
	}
}