/*==== Functions that control the text size ====*/

//Global variables
var current_size;
var default_size;

//Functions 

function increaseFnt (size){
	current_size = size*1.1; 
	$$(".content",".banner", "#feature_footer").setStyle('font-size', current_size);
	Cookie.write('currentFontSize', current_size, {domain: 'connections365.com', path:'/'});
};

function decreaseFnt(size){
	current_size = size/1.1;
	$$(".content", ".banner", "#feature_footer").setStyle('font-size', current_size);
	Cookie.write('currentFontSize', current_size, {domain: 'connections365.com', path:'/'});
};

function resetFnt(){
	$$('.content', ".banner", "#feature_footer").setStyle('font-size', default_size);
	current_size = default_size;
	Cookie.write('currentFontSize', current_size, {domain: 'connections365.com', path:'/'});
};

/* ============================================= */

window.addEvent('domready', function(){
	
	$$('.req-js').setStyle('display', 'block');
	
	default_size = $$('.content').getLast().getStyle('font-size').toInt();
	
	if (Cookie.read('currentFontSize')){
		current_size = Cookie.read('currentFontSize');
		$$(".content").setStyle('font-size', current_size+'px');
		
	} else {
		current_size = default_size;
	}

	
	$$('.fnt-larger').addEvent('click', function(){
		increaseFnt (current_size);
	});
	
	$$('.fnt-smaller').addEvent('click', function(){
		decreaseFnt (current_size);
	});
	
	$$('.fnt-reset').addEvent('click', function(){
		resetFnt ();
	});
	
	// Setup the homepage rotator
	if ($('home_banner')) {
		var frames = $('home_banner').getElements('.slide_nav a.frame-link');
		new TIControlledRotator(frames, $('home_banner'), {
			duration: 3.75,
			transition: Fx.Transitions.Quad.easeOut,
			fade_duration: 2.5,
			frame_class: 'slide',
			controls: {
				play_on_jump: true,
				buttons: {
					'play': $('home_banner').getElement('.play'),
					'next': null,
					'prev': null
				}
			}
		});
	}
});

/* === Logic for a dropdown menu === */
window.addEvent('domready', function(){
	$$('#nav li').each(function(el) {
		//make sure that if ul is empty doesn't display any background
		if (el.getElement('ul') && !el.getElement('ul').getElement('li')){
			el.getElement('ul').setStyle('height', 0);
		}
				
		if (el.getElement('ul') && el.getElement('ul').getElement('li')) {
			// Sets up delayed reveal/hide animation for top navigation
			new HoverGroup({
				elements: el,
				delay: 300,
				onEnter: function() {
					el.addClass('sub-displayed');
					el.getElement('ul').reveal({
						duration: 300,
						styles: [],
						onHide: function() {
							el.removeClass('sub-displayed');
						}
					});
				},
				onLeave: function() {
					el.getElement('ul').dissolve();
				}
			});
			
			el.getElement('ul').hide();
		}
	});
});