/* ----------------------------------------------
 * GENERAL JS
 * ----------------------------------------------
 * By Dieter Verjans <dieter@inventis.be>
 */
 
var fireOn = window.ie ? 'load' : 'domready';

window.addEvent(fireOn, function(){
	FLIR.init( { path: '/design/js/front/flir/' } );
	FLIR.replace( 'div.searchForm h3' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'81b5d5'  }) );
	FLIR.replace( 'form.searchForm h3' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'81b5d5'  }) );
	FLIR.replace( 'div.blue h3' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'81b5d5'  }) );		
	FLIR.replace( 'div#content h2' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'white'  }) );
	FLIR.replace( 'div#hc_content h2' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'f3f0df'  }) );
	FLIR.replace( 'div#home_box h3' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'d4e9f5'  }) );
	
	FLIR.replace( 'h3.error' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'ffffff'  }) );
	FLIR.replace( 'div.even h3' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'f7f5eb'  }) );
	FLIR.replace( 'div.odd h3' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'f3f0df'  }) );
	FLIR.replace( 'li.even h3' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'f7f5eb'  }) );
	FLIR.replace( 'li.odd h3' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'f3f0df'  }) );
	FLIR.replace( 'h3.title' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'f3f0df'  }) );
	//FLIR.replace( 'div.blog h3' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'f3f0df'  }) );
	FLIR.replace( 'div.photos h3' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'f3f0df'  }) );
	FLIR.replace( 'div.beigefoot h3' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'f3f0df'  }) );
	FLIR.replace( 'div.beige h3' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'f3f0df'  }) );
	FLIR.replace( 'div.transparent h3' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'ffffff'  }) );
	FLIR.replace( 'span.nr' , new FLIRStyle({  cFont:'yanone', mode: 'wrap', output:'gif', cBackground:'54342f'  }) );	
	
});

window.addEvent(fireOn, function(){								 
	
	// Header
	var navigation = $$('ul.navigation li.dropdown');
	var FxDuration = '150';
	var FxTransition = 'sine:in:out';
	
	// Loop thru all elements
	navigation.each(function(el){
		var divEl = el.getElements('div')[0];
		var subMenu = divEl.getElement('ul');
		var height = (26 * subMenu.getElements('li').length) + 4;	
		var myEffect = new Fx.Morph(subMenu, {duration: FxDuration, transition: FxTransition});
		
		el.addEvents({
			'mouseenter': function(){
				divEl.setStyle('display','block');
				subMenu.setStyle('display','block');
				myEffect.cancel();
				myEffect.start({
					'height': [0, height]
				});

			},
			'mouseleave':	function(){
				myEffect.cancel();
				myEffect.start({
					'height': [myEffect.subject.style.height, 0]
				});				
				
				myEffect.addEvent('complete', function() {
					if(myEffect.subject.style.height == "0px")
					{
						subMenu.setStyle('display','none');
						divEl.setStyle('display','none');
					}
				});
			}
		});		
	});
	
	//flashmessage
	if($('flashMsgContainer'))
	{		
		var mySlide_ = new Fx.Slide('flashMsgContainer');
		mySlide_.hide();
		$('flashMsgContainer').setStyle('visibility', 'visible');
		
		var cls_ = function() {				
			mySlide_.toggle();			
		}.delay(500);
		
		var cls_2 = function() {				
			mySlide_.toggle();			
		}.delay(8000);
	}
	
	//poll
	if($('pollContent'))
	{
		nextPoll();		
	}
});

function nextPoll()
{
	var poll = new Request.JSON({  
		method: 'get',
		url: '/ajax-requests/poll/',
		onRequest: function() { 						
			$('pollContent').innerHTML = '<br /><img src="/design/images/layout/ajax-loader.gif" alt="loading" width="173" /><br /><br />';
		},   
		onComplete: function(response) {
			$('pollContent').innerHTML = response.data;
		}  
	}).send()	
}

function savePoll()
{
	var parameters = new Object();
	var form = $('pollContent').getElement('form');
	var elements = form.getElements('input');
	parameters.posted = 1;
	for(var i=0; i< elements.length; i++)
	{
		el = elements[i];
		if(el.type == 'radio' && el.checked)
			parameters[el.name] = el.value;	
		else if(el.type != "radio")
			parameters[el.name] = el.value;	
	}
	
	var req = new Request.JSON({  
		method: 'post',
		url: '/ajax-requests/poll/',  
		data: parameters,  
		onRequest: function() { 						
			$('pollContent').innerHTML = '<br /><img src="/design/images/layout/ajax-loader.gif" alt="loading" width="173" /><br /><br />';
		},   
		onComplete: function(resp) {
			$('pollContent').innerHTML = resp.data;
		}  
	}).send();
}