Event.observe(window, 'load', function(){

	//	On Load
	if  ($('engines_container')){
		if (($$('#engines_container table')[0].getHeight()) > 151) {
			$('engines_container').setStyle({ height: '152px'});
			$$('.tbl_scroller .track')[0].setStyle({ height: '151px'});
			$$('#engines_table .dummy_scroller')[0].setStyle({ display:'none'});
			new CD3.Scroller('engines_container', 'engines_scroller', {styleSlider: 'slider', styleMoveUp: 'arrow_up', styleMoveDown: 'arrow_down', styleArrow: 'arrows' });
		}
		else {
			$('engines_scroller').hide();
			$$('#engines_table .dummy_scroller')[0].setStyle({ height: ($$('#engines_container table')[0].getHeight())-1 +'px'});
		}
	}

	//	Search Field
	$$('#search_fld input[type=text]').each(function(input){
		input
			.observe('focus', function(){
				if (this.getValue() == this.getAttribute('title'))
					this.setValue('');
			})
			.observe('blur', function(){
				if (!this.getValue())
					this.setValue(this.getAttribute('title'));
			});
	});
	
	// Vertical center
	function getVerticalTop(element){
		var height = document.viewport.getHeight() - element.getHeight(),
		scroll = document.viewport.getScrollOffsets().top;
		return parseInt(scroll  + height /2) + 'px';
	}
	
	//	Filter types buttons
	$$('#filter_types a').each(function(btn){
		btn
			.observe('mouseover', function(){
				btn.setStyle({ 'color': '#ffffff', 'background':'url(img/cat-btns-bgr.gif) right top no-repeat' });
			})
			.observe('mouseout', function(){
				if(!this.hasClassName('selected')){
					btn.setStyle({ 'color': '#0078a3', 'background':'url(img/cat-btns-bgr.gif) left top no-repeat' });
				}
			})
	});

	//	Car options select
	/*
	$$('#car_options select').each(function(select){
		select.observe('change', function(click){
			$('car_options').down('form').submit();
		});
	});
	*/

	//	Reference number search
	if($('refnum_input')){
		$('refnum_input').observe('submit', function(form){
			form.stop();
			new Ajax.Updater('refnum_select', $('refnum_input').getAttribute('action'), {
				parameters: { search: $F('ref_srch_fld') },
				onComplete: function(){
					$$('#refnum_select select').invoke('observe','change', function(select){
						$('refnum_select').submit();
					});
				}
			}); 
		});
	}
	/*
	$$('#refnum_input input[type=button]').invoke('observe', 'click', function(submit){
		new Ajax.Updater('refnum_select', 'test2.php', {
			parameters: { step: $F('ref_srch_fld') }
		}); 		
	});
	*/
	
	//	Open Popup Window
	$$('#filters_table a').each(function(btn) {
		btn.observe('click', function(click){
			//	Loading filter info
			$('car_options').setStyle({'visibility':'hidden'});
			new Ajax.Request(btn.getAttribute('href'), {
				method:'get',
				requestHeaders: {Accept: 'application/json'},
				onSuccess: function(transport){
					//	Displaying info
					var json = transport.responseText.evalJSON(true);						
					j_key = Object.keys(json);
					j_val = Object.values(json);
					$('f_model').update(j_val[0]); 	//	Filter model
					$('f_a').update(j_val[1]);	//	A dimention
					$('f_b').update(j_val[2]);	//	B dimention
					$('f_c').update(j_val[3]);	//	C dimention
					$('f_d').update(j_val[4]);	//	D dimention
					$('f_e').update(j_val[5]);	//	E dimention
					$('f_f').update(j_val[6]);	//	F dimention
					$('f_g').update(j_val[7]);	//	G dimention
					$('f_h').update(j_val[8]);	//	H dimention
					$('f_bar').update(j_val[9]);//	Bypass Valve Opening Pressure
					$('f_r').update(j_val[10]);	//	Anti-Drainback Valve
					if(j_val[11]) { $('f_img').update('<img src="'+j_val[11]+'" alt="'+j_val[0]+'" />'); }	//	Filter Image
					var li='';
					for(i=13;i<=j_key.size();i++){ li = li + '<li><big>'+j_key[i-1]+'</big><small>'+j_val[i-1]+'</small><span></span></li>'; }
					$('filter_opts').update(li);
					//	Positioning window
					var kk1  = (parseInt(document.viewport.getWidth()) / 2) - (404/2);
					$('filter_popup').setStyle({'left':kk1+'px', 'display':'block'});
					$('filter_popup').setStyle({'top':getVerticalTop($('filter_popup'))});
				}
			});
			click.stop();
		});
	});

	//	Close Button
	if($('filter_popup')){
		$$('#filter_popup .close')[0].observe('click', function(btn){
			$('filter_popup').setStyle({'display':'none'});
			$('car_options').setStyle({'visibility':'visible'});
		});
	}

});

CD3.Behaviors({
	'#bookmark a:click': function(){
		var title = 'Мотор Филтър - Добрич', url = 'http://www.google.com';		
		if (window.sidebar) 					// Mozilla Firefox Bookmark
			window.sidebar.addPanel(title, url, '');
		else if(window.external)				// IE Favorite
			window.external.AddFavorite( url, title)
		else if(window.opera && window.print)	// Opera Hotlist
			return true;
	}

})