/* ----------------------------------------------------------
	title		  : NG Framework
	created		  : 3/10/09
	last updated  : 4/1/09
---------------------------------------------------------- */
jQuery.noConflict();     
jQuery(document).ready(function($){

/* Lava Nav */
$('.primary-nav').lavaLamp({ fx: "easeOutBack", speed: 700});


/* Tabber */
if ( $('.tabber').length ) {
	
	
	//hide tabber titles
	$('.tabber-title').hide();
	
	//create nav
	$('.tabber').prepend('<ul class="tabber-nav"></ul>');
	
	var tabContainers = $('div.tabber > div');
	
	$(tabContainers).each(function(){
		var tabID = $(this).attr('id');
		var tabTitle = $('.tabber-title',this).text();
		$('.tabber-nav').append('<li class="'+ tabID +'"><a href="#'+ tabID +'">'+ tabTitle +'</a></li>');
		});

	 //hiding & showing content
	 $('div.tabber ul.tabber-nav a').click(function () {
	        tabContainers.hide().filter(this.hash).animate({"height": "toggle", "opacity": "toggle"}, "slow", "easeOutCubic");
	        //.animate({"height": "toggle", "opacity": "toggle"}, "slow", "easeOutCubic");
	        //.show();
	
	        
	        $('div.tabber ul.tabber-nav a').removeClass('selectedTab');
	        $(this).addClass('selectedTab');
	        
	        return false;
	    }).filter(':first').click();



}




/* Image Rotator */
//show controls in admin
if ( $('#adminbar #toolbar').length ) {
	
	$('#feature').prepend('<p id="feature-controls"><span id="feature-prev"><a href="#">&laquo; Previous</a></span> <span id="feature-next"><a href="#">Next &raquo;</a></span></p>').css({'marginBottom':'32px','overflow':'visible'});
	$('#feature #feature-content').css({'overflow':'visible'});
	
	
	$('#feature #feature-content .regionBoundary .contentRegion .regionName').remove();
	$('#feature #feature-content .regionBoundary .contentRegion .actions').before('<div class="slide"></div>');
	$('#feature #feature-content .regionBoundary .contentRegion .actions').each(function(){
		$(this).prev('.slide').append($(this));
	});
	$('#feature #feature-content .regionBoundary .contentRegion .element').each(function(){
		$(this).prev('.slide').append($(this));
	});

	if ($('#feature').length) {

	$('#feature #feature-content .regionBoundary .contentRegion').cycle({ 
    fx:     'fade', 
    speed:  'fast', 
    timeout: 0, 
    next:   '#feature-next', 
    prev:   '#feature-prev' 
	});
	
	}


	
} else {


	if ( $('#feature').length ) {
	
		$('#feature').prepend('<p id="feature-btns"><span id="feature-prev"><a href="#">&laquo;</a></span> <span id="feature-next"><a href="#">&raquo;</a></span></p>');

	
		$('#feature-content').cycle({
		fx: 'fade',
		speed: 'slow',
		timeout: 7000,
		pause: 1,
		next:  '#feature-next', 
    	prev:  '#feature-prev' 
		});
	
	}

}


/* Flash */
if ( $('#homePage').length ) {
	$('#homePage #identity').flash({
		swf: '/Websites/northgate/templates/ngTheme/flash/ng-logo.swf',
		width: 362,
		height: 75,
		params: {
		wmode: 'transparent'
		}
	});
}



/* Group Finder */
function updateGroupList () {
	
	$("#groupType option:selected").each(function(){
		var selectedGroup = $(this).val();
			if (selectedGroup == "") {
			$('#group-finder .element .gategroup').show();
			} else {
			$('#group-finder .element .gategroup').hide().filter('.' + selectedGroup).show();
			}
		});
		
	$("#groupDay option:selected").each(function(){
		var selectedGroup = $(this).val();
			if (selectedGroup == "") {}
			else{
			$('#group-finder .element .gategroup:visible').hide().filter('.' + selectedGroup).show();
			}
		});
	
	}


$('#group-finder h2').after('<div id="group-finder-controls"><h3>filter groups</h3>  <p><label for="groupType">Group Type:</label> <select id="groupType"> <option value="">Show All</option> <option value="lifeGroup">Life Group</option> <option value="journeyGroup">Journey Group</option> <option value="exploreGroup">Explore Group</option></select></p>' +
'<p><label for="groupDay">Day:</label> <select id="groupDay"> <option value="">Show All</option> <option value="g-mon">Monday</option> <option value="g-tues">Tuesday</option> <option value="g-wed">Wednesday</option> <option value="g-thurs">Thursday</option> <option value="g-fri">Friday</option> <option value="g-sat">Saturday</option> <option value="g-sun">Sunday</option> </select></p></div>');

$("#groupType, #groupDay").change(updateGroupList);




});//end doc ready