/**
 * Site specific javascript code.
 *
 * requires jquery to be already loaded
 */

/* ============================ image rotator ============================ */
var Rotator = new Object;

Rotator.operating = false;  // set to true if rotator is 'on'
Rotator.delay = 1500;       // time to transition from one image to the next
Rotator.duration = 4000;    // time a single image stays on view
Rotator.current = 0;
Rotator.nextSlide = -1;
Rotator.slides = new Array();
Rotator.timeoutId = 0;

Rotator.initiate = function() {

    Rotator.slides = $('#image_rotator .underlay');
	if (Rotator.slides.length <= 1) {
	  // not enough slides to rotate ... abort
	  return;
	}
	
	// hide all but the initial slide
	for (var i = 1; i < Rotator.slides.length; i++) {
	  $(Rotator.slides[i]).hide();
	}

    // set onClick handler to stop/start rotation
	$('#image_rotator').click( Rotator.toggle );	

	// start rotating
	Rotator.start();	
}

Rotator.start = function() {
    if (Rotator.timeoutId || Rotator.slides.length <= 1) return;
	
	Rotator.operating = true;
    Rotator.timeoutId = setTimeout(Rotator.transition, Rotator.duration);
}
Rotator.stop = function() {
    clearTimeout(Rotator.timeoutId);
	Rotator.timeoutId = 0;
	Rotator.operating = false;
}

Rotator.transition = function() {
    Rotator.timeoutId = 0;

    Rotator.nextSlide = Rotator.current + 1;
    if (Rotator.nextSlide >= Rotator.slides.length) {
	    Rotator.nextSlide = 0;
    }

    $(Rotator.slides[Rotator.nextSlide]).show();
    $(Rotator.slides[Rotator.current]).fadeOut(Rotator.delay, function() {
        $(Rotator.slides[Rotator.nextSlide]).css('position','relative');
        $(Rotator.slides[Rotator.current]).css('position','static');
	  
        Rotator.current = Rotator.nextSlide;
        if (Rotator.operating) {
		  Rotator.start();
		}
	});
}
Rotator.toggle = function() {
  if (Rotator.operating) {
    Rotator.stop();
  } else {
    Rotator.start();
  }
}
/* ============================ tour control ============================ */
var Tour = new Object;

Tour.initiate = function() {
	$('#page1').addClass('active_page');
	$('#prev').hide();
	
	$('#btn-take-a-tour').click(function(){
		$('.tour-popup').show();
	}); 
	
	$('#close-tour-popup').click(function(){
		$('.tour-popup').hide();
	})
	
	$('#prev').click(function(){
		Tour.changePage(false);
	});
	$('#next').click(function(){
		Tour.changePage(true);
	});
};

Tour.changePage = function(forward){
	var id = parseInt($('.active_page').attr('id').substring(4));
	var jump_to = forward ? id+1 : id-1;
	
	$('#page' + id.toString()).hide();
	$('.pages').removeClass('active_page');

	$('#page' + jump_to.toString()).show();
	$('#page' + jump_to.toString()).addClass('active_page');

	if (jump_to == $('ul .pages').length) {
		$('#next').hide();
	} else {
		$('#next').show();
	}
	
	if (jump_to == 1) {
		$('#prev').hide();
	} else {
		$('#prev').show();
	}
	$('#counter').html($('#page' + jump_to).attr('name') + '/' + $('.pages:last').attr('name'));
}		
/* =========================== formlet control ============================ */

/* ============================ document ready ============================ */
$(document).ready( function() {
	
	// set up new window/tab for rel=external links
	$('a[rel~=external]').attr('target','_blank');
	
	// set up event handlers for login formlets
	$('.formlet input.text').
	  each ( function(i) { 
					  this.label = $(this).parent().children('label').get(0);
					  if (this.value) {
					    $(this.label).hide();
					  }
	  }).
	  focus( function(e) { $(this.label).hide(); }).
	  blur( function(e) { if (!this.value) $(this.label).show(); });
	
	$('.formlet label').
	  click( function(e) { $(this).hide(); $('#'+this.htmlFor).focus(); });

    $('#login .toggle a').
	  click( function(e) { $('#forgot').slideDown('slow'); e.preventDefault(); });

    $('#forgot .toggle a').
	  click( function(e) { $('#forgot').slideUp('slow'); e.preventDefault(); });

    // set up image rotator (home page only)
	if ($('#image_rotator').length) {
		$.getJSON('/image_rotator.ajax.php?first=' + first + '&last=' + last, function(json) {
			if (json.html) $('#image_rotator').append(json.html);
	        Rotator.initiate();
	    });
	}

    // set up tour (pages with 'take a tour button' and corresponding container
	if ($('#take_a_tour_container').length) {
	  $.getJSON('/take_a_tour.ajax.php', function(json) {
	      if (json.html) $('#take_a_tour_container').append(json.html);
          Tour.initiate();
      });
	}
	
	// homepage popup 
	$('#btn-support').click(function(e){
		e.preventDefault();
		$('#support-overlay').fadeIn('normal', function(){ $('#support-popup').show(); });
		$('#support-overlay').click(function(){
			$('#support-popup').hide();
			$('#support-overlay').fadeOut();
		}); 
	});
	$('#support-close').click(function(e){
		e.preventDefault();
		$('#support-popup').hide();
		$('#support-overlay').fadeOut();
	});
	$('#search-state').selectChain({
        target: $('#search-city'),
        url: '/ajax/remote_actions.php',
        data: {
		        return_json: 'true',
		        get_cities: 'true',
		        add: '#search-state option:selected'
		      }
    });
      
    $('#search-city').selectChain({
        target: $('#search-school'),
        url: '/ajax/remote_actions.php',
        data: {
		        return_json: 'true',
		        get_schools: 'true',
		        add: '#search-state option:selected'
		      }
    });
    
    $('#search-school').selectChain({
        target: $('#fundraiser'),
        url: '/ajax/remote_actions.php',
        data: {
		        get_campaigns: 'true'
		      }
    });  
    
    $('#search-state').trigger('change');
    $('.marquee').marquee({
       showSpeed: 0,                          // the speed of to animate the initial dropdown of the messages 
       scrollSpeed: 12,                         // the speed of the scrolling (keep number low) 
       pauseSpeed: 0,                       // the time to wait before showing the next message or  
       pauseOnHover: true,                      // determine if we should pause on mouse hover 
       loop: -1,                                // determine how many times to loop through the marquees  
       fxEasingShow: "linear",                   // the animition easing to use when showing a new marquee 
       fxEasingScroll: "linear"   
    });
});