var rowId = -1

document.observe('dom:loaded', function() {
	var resetTooltip = function (event) {
		$('tooltip').update('');
	}
	
	$('se0').style.display = 'none';
	
	$('question0').observe('change', function() {
		var selected = $F('question0');
		
		if (selected == 'Kirjoita itse') {
			$('se0').style.display = '';
			$('se0').focus();
		} else {
			$('se0').style.display = 'none';			
		}
		
	});
	
	var buttons = $$('td.button');

	buttons.each(function (element) {
		
		var editButton = element.select('img').first();
		
		if(editButton != null) {
			editButton.observe('click', function (event) {
				var row = $('window_table').rows[editButton.alt];
	
				switch (row.cells[0].firstChild.nodeValue.replace(/^\s+|\s+$/g, '')) {
				case 'Puuikkuu':
					$('identifier').selectedIndex = 0;
					break;
				case 'Puu-Alumiini':
					$('identifier').selectedIndex = 1;
					break;
				default:
					break;
				}
				
				$('height').value = row.cells[3].firstChild.nodeValue;
				$('width').value = row.cells[2].firstChild.nodeValue;
				$('selected_window').src = row.cells[1].firstChild.src;
				$('remark').value = row.cells[4].innerHTML.replace(/<br>/gi, '');
				
				$('quantity').value = row.cells[5].firstChild.nodeValue;
				
				if (row.cells[6].firstChild != null) {
					$('ch1').checked = row.cells[6].firstChild.nodeValue;
				}
				
				if (row.cells[7].firstChild != null) {
					$('ch2').checked = row.cells[7].firstChild.nodeValue;
				}
				rowId = row.title;
			});
		}
	});
	
	$('add').observe('click', function() {
			var identifier = $F('identifier');
			var height = $F('height');
			var width = $F('width');
			var ch1 = $F('ch1');
			var ch2 = $F('ch2');

			
			var remark = $F('remark');
			var quantity = $F('quantity');

			var parameters = new Hash();

			parameters.set('identifier', identifier);
			parameters.set('height', height);
			parameters.set('width', width);
			parameters.set('remark', remark);
			parameters.set('quantity', quantity);
			parameters.set('ch1', ch1);
			parameters.set('ch2', ch2);

			
			if (rowId != -1) {
				parameters.set('name', rowId);
			}

			new Ajax.Request(basePath + 'window/index/add', {
				onSuccess : function(transport) {
					var response = transport.responseText || "";
				if (response == '') {
					rowId = -1;
					location.reload(true);												
				} 
			},
			parameters :parameters
			});

	});
	
	$('selected_window').observe('click', function(event){
		if (!$('windows').visible()) {
			$('windows').grow();
		}
	});
	
	/*$('identifier').observe('focus', function(event){
		$('tooltip').update('Tunniste voi olla esimerkiksi ikkunan sijoituspaikka.');
	});*/
	
	$('remark').observe('focus', function(event){
		$('tooltip').update('Jakokarmin paikka, kiinteä- tai irtoristikko, tuuletusikkuna tai -luukku, hyttyspuite');
		$('remark').style.height = "64px";
	});
	
	$('height').observe('focus', function(event){
		$('tooltip').update('Korkeus ovat ikkunan valmistusmittoja millimetreinä.Huomaa, että syöttämiesi mittojen tulee olla hieman pienempiä kuin asennusaukko seinässä.');
	});
	
	$('width').observe('focus', function(event){
		$('tooltip').update('Leveys ovat ikkunan valmistusmittoja millimetreinä.Huomaa, että syöttämiesi mittojen tulee olla hieman pienempiä kuin asennusaukko seinässä.');
	});
	
	// $('identifier').observe('blur', resetTooltip);
	$('height').observe('blur', resetTooltip);
	$('width').observe('blur', resetTooltip);
	$('remark').observe('blur', function (event) {
		resetTooltip();
		var remarkTextArea = $('remark'); 
		remarkTextArea.style.height = "16px";
		remarkTextArea.scrollTop = 0;
	});
});

function removeRow(name) {

	new Ajax.Request(basePath + 'window/index/remove', {
		onSuccess : function(transport) {
			var response = transport.responseText || "";
			// alert(response);
		location.reload(true);

	},
	onFailure : function() {
		// alert('not ok');
	},
	parameters : {
		'rowname' :name
	}
	});

}

function selectWindow(id, filename) {

	if (id > 0) {
		new Ajax.Request(basePath + 'window/index/select', {
			onSuccess : function(transport) {
				var response = transport.responseText || "";
			// location.reload(true);

			$('selected_window').src = filename;

		},
		onFailure : function() {
			// alert('not ok');
		},
		parameters : {
			'id' :id
		}
		});

	}

}