/**
 * @author Benjamin Kruft (c) 2008
 * @www http://www.novacore.de
 */

 $(document).ready(function() {
	var gesucht = 0;

	//$('#details').height(30); // initial auf hoehe 30 setzen

	clickableLinks();	

	$('#suchbutton').click(function(){
		gesucht = 1;
		getList();
		return false;
	});	
	
	$("select").change(function() {
		//if(gesucht == 1) {
			getList();
			return false;
		//}
	});			
	
	function clickableLinks() {
	     $('a.getDetail').click(function () {		 	
		 	var count = 0;
		 	var url = $('#jlivesite').val() + 'components/com_pflanzendatenbank/pflanzendatenbank.php?' + $(this).attr('id');
			var temptr = '#tr' + $(this).attr('name') + ' td';					
			$('#ergebnisliste td').removeClass("green");
			$(temptr).addClass("green").animate({opacity: 1.0}, 100, function(){
				if (count == 0) {
					$('html,body').animate({scrollTop: 0}, 0);
					count = 1;
				}
			});

			getDetails(url);			
		 	return false;
			});						
	}
	
	function getList() {
		if($('#details').height() > 30)
			$('#details').animate({height: 30}, 1000);
		
		$('#details').html('<div id="loading"></div>');	
	//	$('#ergebnisWrap').html('<div id="loading"></div>');			
		
		url = $('#jlivesite').val() + 'components/com_pflanzendatenbank/pflanzendatenbank.php';		
		$.get(url, {ajaxListe: "true", pdbLang: $('#pdbLang').val(), pdbSearch: $('#pdbSearch').val(), typ: $('#sel-typ').val(), o: $('#sel-o').val(), licht: $('#sel-licht').val(), t: $('#temp').val()},
			function(data) {
			$('#ergebnisWrap').html('').html(data).fadeIn("slow", function() {
					$('#details').html('');					
					clickableLinks();	
				});			
			});	
	}
	
	function getDetails(url) {	
		$.post(url, {
			ajax: "true", pdbLang: $('#pdbLang').val()}, 
			function(data) {

			//var heightIMG = $("#pflanzenbild", data).attr("height") + 20;			
			var heightIMG = ($("#ieval", data).val() * 1) + 20;			
			
			if(heightIMG < 220)
				heightIMG = 250;
			
		//	if($('#detailansicht').attr('class') == 'jq');
		//		loadMargin = heightIMG / 2;
			
			$('#detailansicht').hide();
			$('#details').animate({opacity:1}, "slow").addClass('loading');
			$('#details').animate({height: heightIMG}, 500, function() {
				$('#details').hide().removeClass('loading');
				$('#details').html(data).fadeIn();
			});

//			$('#details').animate({opacity:1}, "slow").html('<img style="margin-top:' + loadMargin + ';" id="loading-img" src="img/loading.gif"/>');
//			$('#details').animate({height: heightIMG}, 1000, {easing: method1}, function() {
			//ersetzen(data);
//			alert(jQuery(data).attr('src'));
//			alert($('#detailgrafik').height());			
//			alert($('#detailgrafik').height());
			}		
		);
	}
	
	function ersetzen(data) {
		$('#details').html(data).wrapInner('<div style="">').fadeIn();
	}
	
 });