/**
 * @author stefan zollinger
 */

jQuery.noConflict();

jQuery(document).ready(function(){ 
	
	initProfileChooser(); 
	setHeaderImage();
	});

function setHeaderImage(){
	var img = 'datalogger/head.jpg';
	
	if( jQuery('#main-nav li.active.btn-news').length >0
		|| jQuery('#main-nav li.trail.btn-news').length >0){
		img = 'datalogger/head_news.jpg';
	}else if(jQuery('#main-nav li.active.btn-datalogger').length >0 
		|| jQuery('#main-nav li.trail.btn-datalogger').length >0){
		img = 'datalogger/head_datalogger.jpg';
	}else if(jQuery('#main-nav li.active.btn-configuration').length >0
				||jQuery('#main-nav li.trail.btn-configuration').length >0){
		img = 'datalogger/head_konfprofile.jpg';
	}else if(jQuery('#main-nav li.active.btn-usage').length >0
			|| jQuery('#main-nav li.trail.btn-usage').length >0){
		img = 'datalogger/head_download.jpg';
	}else if(jQuery('#main-nav li.active.btn-support').length >0
			|| jQuery('#main-nav li.trail.btn-support').length >0){
		img = 'datalogger/head_faq.jpg';
	}
	
	
	// zms stuff
	else if(jQuery('#main-nav li.active.zms-news').length >0
			|| jQuery('#main-nav li.trail.zms-news').length >0){
		img = 'ZMS/head_news.jpg';
	}else if(jQuery('#main-nav li.active.zms-info').length >0
			|| jQuery('#main-nav li.trail.zms-info').length >0){
		img = 'ZMS/head_about-zms.jpg';
	}else if(jQuery('#main-nav li.active.zms-anwendung').length >0
			|| jQuery('#main-nav li.trail.zms-anwendung').length >0){
		img = 'ZMS/head_anwendungsbereich.jpg';
	}else if(jQuery('#main-nav li.active.zms-produkte').length >0
			|| jQuery('#main-nav li.trail.zms-produkte').length >0){
		img = 'ZMS/head_produkte.jpg';
	}else if(jQuery('#main-nav li.active.zms-software').length >0
			|| jQuery('#main-nav li.trail.zms-software').length >0){
		img = 'ZMS/head_software.jpg';
	}else if(jQuery('#main-nav li.active.zms-dienstleistung').length >0
			|| jQuery('#main-nav li.trail.zms-dienstleistung').length >0){
		img = 'ZMS/head_dienstleistung.jpg';
	}else if(jQuery('#main-nav li.active.zms-casestudies').length >0
			|| jQuery('#main-nav li.trail.zms-casestudies').length >0){
		img = 'ZMS/head_casestudies.jpg';
	}else if(jQuery('#main-nav li.active.zms-support').length >0
			|| jQuery('#main-nav li.trail.zms-support').length >0){
		img = 'ZMS/head_support.jpg';
	}
	
	img = 'url(/tl_files/img/'  + img + ')';
	
	jQuery('#pageTitle').css('backgroundImage', img );
	
}


function initProfileChooser(){
	
	jQuery('#configProfiles td:nth-child(1)').hide();
	jQuery('#configProfiles td:nth-child(2)').hide();
	
	jQuery('#configProfiles th:nth-child(1)').hide();
	jQuery('#configProfiles th:nth-child(2)').hide();
	jQuery('#configProfiles td').css('width', 'auto');
	jQuery('#configProfiles td').css('overflow', 'auto');

	jQuery('.chooser-form select').change(function(evt){
		updateProfilesTable(evt);
		updateProducts(evt);
	});
	
}

function updateProducts(evt){
	
	
	
	var usage = jQuery('.chooser-form select[name="usage"]').val();
	var temperature = jQuery('.chooser-form select[name="temperature"]').val();
	var label = 'Anwendungsbereich:'
	var label2 = 'Temperaturbereich:'
	
	jQuery('.product').each(function(){
		var txt = jQuery(this).children().text();
		var elements = txt.substring(txt.indexOf(label)+label.length).split(',');
		elements.push('');
		
		var elements2 = txt.substring(txt.indexOf(label2)+label2.length).split(',');
		elements2.push('');
		
		for(var i=0; i< elements.length; i++){
			elements[i] = jQuery.trim(elements[i]);
		}
		for(var i=0; i< elements2.length; i++){
			elements2[i] = jQuery.trim(elements2[i]);
		}
		
	  	if(jQuery.inArray(usage, elements) > -1 
			&& jQuery.inArray(temperature, elements2) > -1  ){
			
			jQuery(this).fadeTo(200, 1);
		}else{
			jQuery(this).fadeTo(200, 0.2)
		}
	});
}


function updateProfilesTable(evt){
	var usage = jQuery('.chooser-form select[name="usage"]').val();
	var temperature = jQuery('.chooser-form select[name="temperature"]').val();
	
	jQuery('#configProfiles tr:gt(0)').each(function(el){
		
		if( jQuery(this).children('td:first').text().indexOf(usage) < 0 
		 		||  jQuery(this).children('td:nth-child(2)').text().indexOf(temperature) < 0){
			//jQuery(this).fadeOut();
			jQuery(this).children('td').fadeTo(200, 0.2)
			//jQuery(this).hide();			
		}else{
			//jQuery(this).fadeIn();
			//jQuery(this).show();
			jQuery(this).children('td').fadeTo(200, 1);
		}
		 
		 
	})
	
}