jQuery.noConflict();
jQuery(document).ready(function($) {
	/************************
	*   general variables   *
	************************/
	var w; // width
	var max;

	/****************
	*   menu 1      *
	****************/
	var m1_LIs = $('#m1 li');
	var m1_As = $('#m1 a');
	
	// razdeli link v 3 spane - levi rob, text, desni rob in doloci širine
	m1_As.each(function () {
		w = $(this).width();
		$(this).css('display', 'block');
		$(this).width(w + 12);
		$(this).html('<span class="left">&nbsp;</span><span class="text">' + $(this).text() + '</span><span class="right">&nbsp;</span>');
		$('.text', this).width(w+4);
	});
	
	// mouseover stuff
	m1_LIs.mouseover(function () {
		if ($(this).hasClass('selected')) { $(this).addClass('already') }
		else { $(this).addClass('selected') }
	});	
	m1_LIs.mouseout(function () {
		if ($(this).hasClass('already')) { $(this).removeClass('already') }
		else { $(this).removeClass('selected') }
	});
	
	
	/****************
	*   menu 2-4    *
	****************/
	// dodaj zadnjemu elementu v m2 pikcast border spodaj
	$('#level1 li:last').after('<div id="menu2_border_bottom"><!-- --></div>');


	/****************
	*   menu 5      *
	****************/
	var m5_As = $('#m5 a');
	var m5_LIs = $('#m5 li');
	
	// ugotovi max širino
	max = 0;
	m5_As.each(function () {
		w = $(this).width();
		if (w > max) {
			max = w;
		}
	});

	// razdeli na 3 dele - levi rob, text, desni rob in nastavi širine
	m5_As.each(function () {
		$(this).css('display', 'block');
		$(this).width(max + 10);
		var ttt = $(this).text();
		if (ttt == 'Doniflex® GR-SPTA-L') { ttt = 'Doniflex® GR-SP<sup>TA -L</sup>'; }
		$(this).html('<span class="left">&nbsp;</span><span class="text">' + ttt + '</span><span class="right">&nbsp;</span>');
		$('.text', this).width(max + 4);
	});
	m5_LIs.css('float', 'left');
	
	// mouseover stuff
	m5_LIs.mouseover(function () {
		if ($(this).hasClass('selected')) { $(this).addClass('already') }
		else { $(this).addClass('selected') }
	});	
	m5_LIs.mouseout(function () {
		if ($(this).hasClass('already')) { $(this).removeClass('already') }
		else { $(this).removeClass('selected') }
	});
	
	
	/****************
	*   tabs        *
	****************/
	var tab_LIs = $('#tabs_titles li');
	var tab_DIVs = $('#tabs_content_wrapper .tab_content');
	
	// na zacetku vedno izberi prvega, ce pa ima kateri class="active" pa tistega
	var x = 0;
	tab_DIVs.each(function () {
		if ($(this).hasClass('active')) { x = tab_DIVs.index(this) }
	});
	tab_DIVs.hide();
	var xx = tab_DIVs.eq(x);
	xx.show();
	tab_LIs.eq(x).addClass('selected');
	if (xx.height() < 171) { xx.height(171); }
	
	// razdeli na 3 dele - levi rob, text, desni rob in nastavi širine
	tab_LIs.each(function () {
		w = $(this).width();
		$(this).width(w + 12);
		$(this).html('<span class="left">&nbsp;</span><span class="text">' + $(this).text() + '</span><span class="right">&nbsp;</span>');
		$('.text', this).width(w + 4);
	});
	
	// mouseover stuff
	tab_LIs.mouseover(function () {
		// if ($(this).hasClass('selected')) { $(this).addClass('already') }
		// else { $(this).addClass('selected') }
		if (!($(this).hasClass('selected'))) {
			$(this).addClass('over');
		}
		
	});	
	tab_LIs.mouseout(function () {
		// if ($(this).hasClass('already')) { $(this).removeClass('already') }
		// else { $(this).removeClass('selected') }
		if (!($(this).hasClass('selected'))) {
			$(this).removeClass('over');
		}		
	});
	
	// click stuff
	tab_LIs.click(function () {
		tab_LIs.removeClass();
		// $(this).addClass('selected already');
		$(this).addClass('selected');
		tab_DIVs.hide();
		var DIV = tab_DIVs.eq(tab_LIs.index(this));
		DIV.show();
		if (DIV.height() < 171) { DIV.height(171); }
		
		if($('span.text', this).text() == 'A-Z') {
			$('#materials_results4').show();
		}
		else {
			$('#materials_results4').hide();
		}
		
		// scroll to top of tabs
		window.scrollTo(0, $(this).offset().top - 10);
		// fix footer in IE6
		absFix();
	});
	
	// odstrani zgornji margin prvemu h2 v tabih
	$('.tab_content').each(function () {
		$('h2:first', this).css('margin-top', '0px');
	});
	
	// dodaj presledek v prazne celice od tabel
	$('.tab_content .contenttable td:empty').text(' ');
	
	
	/****************
	*   content     *
	****************/	
	// popravi tabele z opisi materialov, da ne bo lomilo nazivov materialov
	max = 0;
	$('.csc-frame-frame1 a').each(function () {
		if ($(this).width() > max) { max = $(this).width(); }
	});	
	$('.csc-frame-frame1 td').css('width', 'auto');
	$('.csc-frame-frame1 td:first').css('width', max + 10 + 'px');
	
	// font resize
	/*
	function fontResize(r) {
		var resize_divs = new Array('#content', '.table_content', '#infopush');
		for (i=0; i < resize_divs.length; i++) {
			$('li, p, td', $(resize_divs[i])).each(function () {
				$(this).css('font-size', parseInt($(this).css('font-size')) + r + 'px')
			});																		 
		}
	}
	$('#font_plus').click(function () {
		fontResize(1);
	});
	$('#font_minus').click(function () {
		fontResize(-1);
	});
	*/
	
	var Fminus = $('#font_minus');
	var Freset = $('#font_reset');
	var Fplus = $('#font_plus');
	
	var current = $.cookie('FontSize');
	
	function fontResize(r) {
		var step = 2;
		$('p, a, li, h1, h2, h3, h4, span, body').each(function () {
			$(this).css('font-size', parseInt($(this).css('font-size')) + (r * step) + 'px');
		});
	}
	
	if (current == null) {
		current = 0;
	}
	else {
		current = parseInt(current);
		if (current != 0) {
			fontResize(current);
		}
	}
	
	Fminus.click(function () {
		if (current > -2) {
			current--;
			$.cookie('FontSize', current, { path: '/', expires: 10 });
			fontResize(-1);
		}		
	});
	
	Freset.click(function () {
		if (current != 0) {
			fontResize(-(current));
			$.cookie('FontSize', 0, { path: '/', expires: 10 });
			current = 0;
		}		
	});
	
	Fplus.click(function () {
		if (current < 2) {
			current++;
			$.cookie('FontSize', current, { path: '/', expires: 10 });
			fontResize(1);
		}		
	});	
	
	
	/****************
	*   history     *
	****************/	
	$('#history_content td:first').css('border-top', '0px');
	
	
	/*******************************
	*   technical questionary      *
	*******************************/
	var form_table = $('.form_table');
	var form_padding = parseInt($('td', form_table).css('padding-right'));
	
	$('h2:first', form_table).css('margin-top', '0px');
	$('td:first', form_table).css('padding-top', form_padding - 4 + 'px');
	$('td:last', form_table).css('height', form_padding - 4 + 'px');
	$('tr', form_table).each(function () {
		$('td:first', this).css('padding-left', form_padding + 'px');
	});
	
	// FORM VALIDATION	
	function validation(formID, field_array, checkPHP) {
		var form = $(formID);
		var submit_button = $('#form_submit', form);
		submitHTML = '<input name="Submit" type="submit" value="" />';
		var reset_button = $("input[@type='reset']", form);
		
		// check fields function
		function check_field(t, value) {	
			var id = t.attr('id');		
			var result = $('#error_msg_' + id, form);
	
			$.ajax({
				url: checkPHP,
				data: 'action=' + id + '&data=' + value,
				dataType: 'json',
				type: 'post',
				success: function (j) {
					if (j.ok) {	result.removeClass(); result.addClass('form_ok'); }
					else { result.removeClass(); result.addClass('error'); }
					result.html('<br />' + j.msg);
					field_array[id] = j.ok;
				}
			});
		}
		
		function form_check () {
			var b = true;
			for (var i in field_array) {
				if (field_array[i] == false) {
					b = false;
					break;
				}
			}		
			if (b) {
				submit_button.html(submitHTML);
				$('#form_error', form).html('');
			}
			else { submit_button.html(''); }				
		}
		
		for (var i in field_array) {
			if (i != 'medium') {
				$('#' + i, form).keyup(function () {
					var t = $(this);
					var value = this.value;
					if (this.value != this.lastValue) {
						if (this.timer) { clearTimeout (this.timer) };			
						this.timer = setTimeout(function () { check_field(t, value) }, 200);			
						this.lastValue = this.value;
					}	
				}).ajaxSuccess(function (request, settings) {
					form_check();
				});
			}
			else {
				$('#medium', form).change(function () {
					var error = $('#error_msg_medium', form);
					if ($('option:selected', this).text() != 'choose medium...') {
						field_array['medium'] = true;
						error.removeClass();
						error.addClass('form_ok');						
						error.html('<br />OK');
					}
					else {
						field_array['medium'] = false;
						error.removeClass();
						error.addClass('error');								
						error.html('<br />Please select the medium');				
					}
					form_check();
				});
			}
		}
		
		$("select[@name='punit'], select[@name='tunit'], select[@name='gss']", form).change(function () {
			form_check();
		});	
		
		submit_button.click(function () {
			for (var i in field_array) {
				var tempy = $('#' + i, form);
				check_field(tempy, tempy.attr('value'));
			}			

			$('#form_error', form).html('Please review all required fields marked with * and correct them according to the error printed with red color.');
	
		});		
		/*
		reset_button.click(function () {
			submit_button.html('');
			for (var i in field_array) {
				field_array[i] = false;
				$('#error_msg_' + i, form).text('');
			}
		});
		*/
		
		var med = $('#medium option:selected', form);
		if ((med.length == 1) && (med.text() != 'choose medium...')) {
			field_array['medium'] = true;
		}
	}

	// fields
	var fields = new Array();
	fields['form_contact_person'] = false;	
	fields['form_email_address'] = false;
	fields['form_captcha'] = false;
	fields['form_questions'] = false;
	
	var fields2 = new Array();
	fields2['form_contact_person'] = false;	
	fields2['form_email_address'] = false;
	fields2['form_captcha'] = false;	

	var ocfields = new Array();
	ocfields['medium'] = false;	
	ocfields['pressure'] = true;
	ocfields['temperature'] = true;
	
	validation('#technical_questionary', fields, 'technical_questionary_check.php');
	validation('#technical_questionary2', fields2, 'technical_questionary_check.php');	
	validation('#foc', ocfields, 'typo3conf/ext/if_material_selecta/lib/material_selector_val.php');
	
	
	/************************
	*   drop down boxi      *
	************************/
	function drop_update ($t) {
		var text = $('option:selected', $t).text();
		$t.prev().text(text);		
	}
	$('select.dropdown, select.dropdown2').each(function () {
		drop_update($(this));
	});
	$('select.dropdown, select.dropdown2').change(function () {
		drop_update($(this));
	});
	
	
	/************************
	*   material results    *
	************************/
	//$('#materials_results3 tr:odd').css('background-color', '#daefff');
	//$('#materials_results3 tr:first, #materials_results4 tr:first').css({ backgroundColor:'#CCCCCC', fontWeight:"bold" });
	$('#materials_results3 tr:last td').css('border', '0px');
	$('#materials_results tr:first td, #materials_results2 tr:first td, #materials_results3 tr:first td, #materials_results4 tr:first td').css('font-weight', 'bold');


	/****************
	*   footer      *
	****************/
	// fix za IE6 - zginjajoci/napacno absolutno pozicionirani elementi
	function absFix() {
		if (jQuery.browser.msie && (jQuery.browser.version < 7)) {
			$('#footer').hide().show();
		}
	}
	absFix();

	
});