$(document).ready(function() {
	$('.lightbox').lightbox({
	    fitToScreen: false,
	    imageClickClose: true
    });
	
	$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]', '#content').lightbox({
	    fitToScreen: false,
	    imageClickClose: true
    });
	
	var objectNameTextHint = 'Objektname/-ID';
	$('#objectname', '#webgv_form')
		.val(objectNameTextHint)
		.addClass('text-grey')
		.focus(function() {
			if($(this).val() == objectNameTextHint) {
				$(this)
					.val('')
					.removeClass('text-grey');
			}
		}).blur(function(){
			if($(this).val() == '') {
				$(this)
					.val(objectNameTextHint)
					.addClass('text-grey');
			}
		});
	
	$('.submit').click(function() {
		if($('#objectname', '#webgv_form').val() == objectNameTextHint) {
			$('#objectname', '#webgv_form').val('');
		}
		var form = $(this).parents('form');
		form.submit();
	});

	var chartIdCounter = 1;
	var addChartFormRequest = function() {
		var xhtml = '';
		xhtml += '<div class="addChartFrom">M&ouml;chten Sie jetzt eine ' + ((chartIdCounter > 1) ? ' weitere' : '') + ' Auswertung vornehmen? <a href="#">Erstellen</a></div>';
		$('#report-wrapper').append(xhtml);
	}
	
	addChartFormRequest();
	
	$('.addChartFrom a').live('click', function() {
		$('.addChartFrom').remove();
		addChartForm();
		return false;
	});
	
	var addChartForm = function() {
		var xhtml = '';
		xhtml += '<div id="chart-wrapper-' + chartIdCounter + '">';
		xhtml += '<div class="chart-field">';
		xhtml += '<label>Messwert</label>';
		xhtml += '<select>';
		xhtml += '<option value="/de/Darsser-Orte/Ostseehalbinsel-Darss/Aktuelles-Wetter/chart/value/airtemperature/chart_id/' + chartIdCounter + '/">Lufttemperatur</option>';
		xhtml += '<option value="/de/Darsser-Orte/Ostseehalbinsel-Darss/Aktuelles-Wetter/chart/value/watertemperature/chart_id/' + chartIdCounter + '/">Wassertemperatur</option>';
		xhtml += '<option value="/de/Darsser-Orte/Ostseehalbinsel-Darss/Aktuelles-Wetter/chart/value/relativehumididy/chart_id/' + chartIdCounter + '/">Relative Luftfeuchtigkeit</option>';
		xhtml += '<option value="/de/Darsser-Orte/Ostseehalbinsel-Darss/Aktuelles-Wetter/chart/value/globalradiation/chart_id/' + chartIdCounter + '/">Globale Strahlung</option>';
		xhtml += '<option value="/de/Darsser-Orte/Ostseehalbinsel-Darss/Aktuelles-Wetter/chart/value/barometricpressure/chart_id/' + chartIdCounter + '/">Barometrischer Druck</option>';
		xhtml += '<option value="/de/Darsser-Orte/Ostseehalbinsel-Darss/Aktuelles-Wetter/chart/value/rainfall/chart_id/' + chartIdCounter + '/">Niederschlagsmenge</option>';
		xhtml += '<option value="/de/Darsser-Orte/Ostseehalbinsel-Darss/Aktuelles-Wetter/chart/value/winddirection/chart_id/' + chartIdCounter + '/">Windrichtung</option>';
		xhtml += '<option value="/de/Darsser-Orte/Ostseehalbinsel-Darss/Aktuelles-Wetter/chart/value/windspeed/chart_id/' + chartIdCounter + '/">Windgeschwindigkeit</option>';
		xhtml += '</select>';
		xhtml += '</div>';
		xhtml += '<div class="chart-field">';
		xhtml += '<label>Von</label>';
		xhtml += '<input id="chart_date_from_' + chartIdCounter + '" name="chart_date_from" />';
		xhtml += '</div>';
		xhtml += '<div class="chart-field">';
		xhtml += '<label>Bis</label>';
		xhtml += '<input id="chart_date_to_' + chartIdCounter + '" name="chart_date_to" />';
		xhtml += '</div>';
		xhtml += '<button class="submit" value="' + chartIdCounter + '">Erstellen</button>';
		xhtml += '<div id="chart-' + chartIdCounter + '"></div>';
		xhtml += '</div>';
		$('#report-wrapper').append(xhtml);
		
		$('#chart_date_from_' + chartIdCounter).datepicker();
		$('#chart_date_to_' + chartIdCounter).datepicker();
		
		chartIdCounter++;
	}
	
	$('#report-wrapper .submit').live('click', function() {
		var chartId = $(this).next('div').attr('id').slice(6);
		$.ajax({
			type: 'GET',
			url: $('#report-wrapper #chart-wrapper-' + chartId + ' select').val(),
			data: {
				from: $('#chart_date_from_' + chartId).val(),
				to: $('#chart_date_to_' + chartId).val()
			},
			dataType: 'script',
			success: function(data, textStatus, XMLHttpRequest) {
				data = data;
				eval(data);
				if($('.addChartFrom').length == 0) {
					addChartFormRequest();
				}
			}
		});
	});
});

function openRefreshingWindow() {
	window.open('http://webcam.darss.org', 'test', 'width=800,height=900,resizable=0,srollbars=0,toolbar=0');
}