// wait for DOM to be ready
$(function() {
	/****** Scrolling Header *******/	   
    // initialize scrollable header area
    $("div.scrollable").scrollable({size: 1}).circular().navigator({navi: 'ul#nav-4'}).autoscroll({steps: 1, interval: 6000});
	
	/****** Text Re-Sizing Feature *******/
 	// set initial toggle
	txtToggle = 1;
	// click function
	$("a#text").click(function(){
	//set jQuery object with items we want to resize
	var $mainText = $('p.header-lg, div.txtcall p');
	// iterate through the JQuery object and grab current sizes of elements
    $mainText.each(function() {
	var currentSize = $(this).css('font-size');
	var num = parseFloat(currentSize, 2);
	//set up variables for 
	var newLargerSize = num + 2 +'px';
	var newSmallerSize = num - 2 +'px';
	// resize larger or smaller
	if(txtToggle==1) {	
     $(this).css('font-size', newLargerSize);
	}
	else if(txtToggle==0) {
     $(this).css('font-size', newSmallerSize);
	}
    });
	// change text for link and toggle value
	if(txtToggle==1) {	
	 $("a#text").html("Smaller Text").attr("title","Smaller Text");
	   txtToggle -=1; 
	}
	else if(txtToggle==0) {
	 $("a#text").html("Larger Text").attr("title","Larger Text");
	 txtToggle +=1;  
	}
   return false;
	});	
});