/*

Javascript for Northwestern University (Kellogg). Copyright (c) 2009 Northwestern University

*/

$(document).ready(function() {

  $(document).pngFix();

  /*
	
  Search Form Value Swap / Search Options Box
	
  */

  $(".search input.field").focus(function() {

    if ($(this).val() == $(this).attr("alt")) {

      $(this).val("");

    }

    $(".search .search_options").css("display", "block");

  });

  $(".search input.field").blur(function() {

    //If search options are open, we don't want to replace this value on blur

    if ($(".search .search_options").css("display") == "none") {

      if ($(this).val().length == 0) {

        $(this).val($(this).attr("alt"));

      }

    }

  });

  $(".search .search_options .close").click(function() {

    if ($(".search input.field").val().length == 0) {

      $(".search input.field").val($(".search input.field").attr("alt"));

    }

    $(this).parent().css("display", "none");

  });


  // CMC STUDENT

  $(".search_stud input.field").focus(function() {

    if ($(this).val() == $(this).attr("alt")) {

      $(this).val("");

    }

    $(".search_stud .search_options").css("display", "block");

  });

  $(".search_stud input.field").blur(function() {

    //If search options are open, we don't want to replace this value on blur

    if ($(".search_stud .search_options").css("display") == "none") {

      if ($(this).val().length == 0) {

        $(this).val($(this).attr("alt"));

      }

    }

  });

  $(".search_stud .search_options .close").click(function() {

    if ($(".search_stud input.field").val().length == 0) {

      $(".search_stud input.field").val($(".search_stud input.field").attr("alt"));

    }

    $(this).parent().css("display", "none");

  });

  /*
	
  Expandable Guides
	
  */

  $('.expandable_guides .expand_all').show();

  $('.expandable_guides .expand_all').click(function() {

    $('.expandable_guides .item').each(function() {

      $(this).find('.header_open_close').removeClass('open');

      $(this).find('.header_open_close').addClass('close');
      
      $(this).find('.inner_content:hidden').slideToggle("slow", function() {

        $(this).addClass('expanded');

      });
      
    });

  });

  $('.expandable_guides .collapse_all').show();

  $('.expandable_guides .collapse_all').click(function() {

    $('.expandable_guides .item').each(function() {

      $(this).find('.header_open_close').removeClass('close');

      $(this).find('.header_open_close').addClass('open');

      $(this).find('.inner_content:visible').slideToggle("slow", function() {

        $(this).removeClass('expanded');

      });

    });

  });


  $('.expandable_guides .inner_content').each(function(i) {

    if ($(this).hasClass("expanded")) {

      $(this).parent().find('.header .open_close').removeClass('open');

      $(this).parent().find('.header .open_close').addClass('close');

    } else {

      //It has the class of close, so its already open they now want to close it

    }

  });

  $(".open_close").click(function() {

    if ($(this).hasClass("open")) {

      //It has a class of open, so they are going to want to open it

      $(this).removeClass('open');

      $(this).addClass('close');

      $(this).parent().next().slideToggle("slow", function() {

        $(this).addClass('expanded');

      });

    } else {

      //It has the class of close, so its already open they now want to close it

      $(this).removeClass('close');

      $(this).addClass('open');

      $(this).parent().next().slideToggle("slow", function() {

        $(this).removeClass('expanded');

      });

    }

  });

  $(".header_open_close").click(function() {

    if ($(this).hasClass("open")) {

      //It has a class of open, so they are going to want to open it

      $(this).removeClass('open');

      $(this).addClass('close');

      $(this).next().slideToggle("slow", function() {

        $(this).addClass('expanded');

      });

    } else {

      //It has the class of close, so its already open they now want to close it

      $(this).removeClass('close');

      $(this).addClass('open');

      $(this).next().slideToggle("slow", function() {

        $(this).removeClass('expanded');

      });

    }

  });

  $(".header_open_close .title_nav").click(function() {;
    return true;
  });

  

  

  $(".title_open_close").click(function() {

    if ($(this).parent().find('.open_close').hasClass("open")) {

      //It has a class of open, so they are going to want to open it

      $(this).parent().find('.open_close').removeClass('open');

      $(this).parent().find('.open_close').addClass('close');

      $(this).parent().next().slideToggle("slow", function() {

        $(this).addClass('expanded');

      });

    } else {

      //It has the class of close, so its already open they now want to close it

      $(this).parent().find('.open_close').removeClass('close');

      $(this).parent().find('.open_close').addClass('open');

      $(this).parent().next().slideToggle("slow", function() {

        $(this).removeClass('expanded');

      });

    }

  });

  //Primary Tabs

  $('.tabs_box_primary').each(function(i) {

    $(this).find('.header').css('display', 'block');

    $('.tabs_box_primary .header ul li a').each(function(i) {

      var name = $(this).attr('name');

      $('.tabs_box_primary .inner_content .inner_content_middle#' + name).addClass('hide');

      currentHash = document.location.hash.substring(2, document.location.hash.length);

      if ((currentHash == "" && i == 0) | currentHash == name | name.indexOf("_0") > 0) {

        $(this).addClass("active");

        $('.tabs_box_primary .inner_content .inner_content_middle#' + name).removeClass('hide');

        $('.tabs_box_primary .inner_content .inner_content_middle#' + name).addClass('show');

      }

      if (currentHash.lastIndexOf("_0", 0) == -1 && currentHash != "" && currentHash != name && currentHash.substring(0, currentHash.lastIndexOf("_")) == name.substring(0, name.lastIndexOf("_"))) {

        $(this).removeClass("active");

        $('.tabs_box_primary .inner_content .inner_content_middle#' + name).addClass('hide');

        $('.tabs_box_primary .inner_content .inner_content_middle#' + name).removeClass('show');

      }


    });

  });

  $('.tabs_box_primary .header ul li a').click(function() {

    $(this).parent().parent().parent().parent().find('.header ul li a').each(function(i) {

      var name = $(this).attr('name');

      $(this).parent().parent().parent().parent().find('.header ul li a').removeClass('active');

      $(this).parent().parent().parent().parent().find('.inner_content .inner_content_middle#' + name).removeClass('show');

      $(this).parent().parent().parent().parent().find('.inner_content .inner_content_middle#' + name).addClass('hide');

    });

    var name2 = $(this).attr('name');

    $(this).addClass('active');

    $(this).parent().parent().parent().parent().find('.inner_content .inner_content_middle#' + name2).removeClass('hide');

    $(this).parent().parent().parent().parent().find('.inner_content .inner_content_middle#' + name2).addClass('show');

  });

  //Secondary Tabs

/*
  $('.tabs_box_secondary').each(function(i) {

    $(this).find('.header').css('display', 'block');

    $('.tabs_box_secondary .header ul li a').each(function(i) {

      var name = $(this).attr('name');

      $('.tabs_box_secondary .inner_content .inner_content_middle#' + name).addClass('hide');

      currentHash = document.location.hash.substring(2, document.location.hash.length);

      if ((currentHash == "" && i == 0) | currentHash == name | name.indexOf("_0") > 0) {

        $(this).addClass("active");

        $('.tabs_box_secondary .inner_content .inner_content_middle#' + name).removeClass('hide');

        $('.tabs_box_secondary .inner_content .inner_content_middle#' + name).addClass('show');

      }

      if (currentHash.lastIndexOf("_0", 0) == -1 && currentHash != "" && currentHash != name && currentHash.substring(0, currentHash.lastIndexOf("_")) == name.substring(0, name.lastIndexOf("_"))) {

        $(this).removeClass("active");

        $('.tabs_box_secondary .inner_content .inner_content_middle#' + name).addClass('hide');

        $('.tabs_box_secondary .inner_content .inner_content_middle#' + name).removeClass('show');

      }

      //			if($(this).hasClass("active")) {
      //				
      //				$('.tabs_box_secondary .inner_content .inner_content_middle#' + name).removeClass('hide');
      //				
      //				$('.tabs_box_secondary .inner_content .inner_content_middle#' + name).addClass('show');
      //				
      //			}

    });

  });

  $('.tabs_box_secondary .header ul li a').click(function() {

    $(this).parent().parent().parent().parent().find('.header ul li a').each(function(i) {

      var name = $(this).attr('name');

      $(this).parent().parent().parent().parent().find('.header ul li a').removeClass('active');

      $(this).parent().parent().parent().parent().find('.inner_content .inner_content_middle#' + name).removeClass('show');

      $(this).parent().parent().parent().parent().find('.inner_content .inner_content_middle#' + name).addClass('hide');

    });

    var name2 = $(this).attr('name');

    $(this).addClass('active');

    $(this).parent().parent().parent().parent().find('.inner_content .inner_content_middle#' + name2).removeClass('hide');

    $(this).parent().parent().parent().parent().find('.inner_content .inner_content_middle#' + name2).addClass('show');

  });
  
  
  */

  //Overflow Content Box Tabs - CMC STUDENT

  $('.overflow_content_box').each(function(i) {

    $(this).find('.header').css('display', 'block');

    $('.overflow_content_box .tabs ul li a').each(function(i) {

      var name = $(this).attr('name');

      $('.overflow_content_box div#' + name).addClass('hide');

      if ($(this).hasClass("active")) {

        $('.overflow_content_box div#' + name).removeClass('hide');

        $('.overflow_content_box div#' + name).addClass('show');

      }

    });

  });

  $('.overflow_content_box .tabs ul li a').click(function() {

    $(this).parent().parent().find('li a').each(function(i) {

      var name = $(this).attr('name');

      $(this).parent().parent().find('li a').removeClass('active');

      $(this).parent().parent().parent().parent().find('div#' + name).removeClass('show');

      $(this).parent().parent().parent().parent().find('div#' + name).addClass('hide');

    });

    var name2 = $(this).attr('name');

    $(this).addClass('active');

    $(this).parent().parent().parent().parent().find('div#' + name2).removeClass('hide');

    $(this).parent().parent().parent().parent().find('div#' + name2).addClass('show');

  });
  //END CMC STUDENT
});

/*
	
	I Banner
	
	*/
	function setMBox(iDuration, blnOnOff)
	{
	//Set this to true to have the banner rotate, if false banner won't rotate but clickable links will still work
	var onOff = blnOnOff;
	
	//How long should the animation pause before it switches slides?
	var duration = iDuration;
	
	//How long should we wait after the person's mouse moves off of the banner?
	var hoverOutDuration = 5000;
	
	//Speed of the fade in
	var fadeSpeed = 0;
	
	var currentBanner = 0;
	
	var nextBanner = 0;
	
	var numBanners = $('.i_banner .i_banner_bottom ul li').length;
	
	var Busy = false;
	
	//By default the banner is set to display none. so lets set the i banner class to block as well as the content and image that go along with the active button.
	$('.i_banner').css('display', 'block').each(function(i) {
		
		//This will generate a random number bettween 1 and 4
		currentBanner = Math.floor(Math.random()*4) + 1;
		
		$(this).find('.i_banner_bottom ul li a.active').removeClass('active');
		
		$('.i_banner .i_banner_bottom ul li a[name=\'' + currentBanner + '_i_banner\']').addClass('active');
		
		//Uncomment this if we want to allow them to assign the default banner (be sure to comment out the line about which selects one at random
		
		//currentBanner = parseInt($(this).find('.i_banner_bottom ul li a.active').attr('name'));
		
		$(this).find('.i_banner_top .overlay .content div#i_banner_content_' + currentBanner).css('display', 'block');
		
		$(this).find('.i_banner_top .images div#i_banner_image_' + currentBanner).css('display', 'block');
		
	});
	
	if(onOff) {
	
		var bannerRotate = function() {
			
			if(!Busy) {
				
				Busy = true;
				
				bannerTimeout = false;
				
				currentBanner = parseInt($('.i_banner .i_banner_bottom ul li a.active').attr('name'));
				
				//We are assuming the banners start with 1, not 0.
				if(currentBanner == numBanners) {
					
					nextBanner = 1;
					
				} else {
				
					nextBanner = currentBanner + 1;
					
				}
				
				$('.i_banner .i_banner_bottom ul li a[name=\'' + currentBanner + '_i_banner\']').removeClass('active');
				
				$('.i_banner_top .images div#i_banner_image_' + currentBanner).css('display', 'none');
				
				$('.i_banner_top .images div#i_banner_image_' + + nextBanner).fadeIn(fadeSpeed);
				
				$('.i_banner_top .overlay .content div#i_banner_content_' + currentBanner).css('display', 'none');
				
				$('.i_banner_top .overlay .content div#i_banner_content_' + nextBanner).fadeIn(fadeSpeed);
				
				$('.i_banner .i_banner_bottom ul li a[name=\'' + nextBanner + '_i_banner\']').addClass('active');
				
				Busy = false;
				
				if(!bannerTimeout) {
							
					bannerTimeout = setTimeout(bannerRotate, duration);
					
				}
				
			}
			
		};
		
		var bannerTimeout = setTimeout(bannerRotate, duration);
		
		$('.i_banner').hover(function() {
		    
		    clearTimeout(bannerTimeout);
			
			bannerTimeout = false;
		    
		}, function() {
		    
		    if(!bannerTimeout) {
		    
		    	bannerTimeout = setTimeout(bannerRotate, hoverOutDuration);
		    	
		    }
		
		});
	
	}
	
	$('.i_banner .i_banner_bottom ul li a').click(function() {
		
		currentBanner = parseInt($(this).attr('name'));
		
		$(this).parent().parent().parent().parent().find('.i_banner_top .overlay .content div').each(function(i) {
			
			$(this).css('display', 'none');
			
		});
		
		$(this).parent().parent().parent().parent().find('.i_banner_top .images div').each(function(i) {
			
			$(this).css('display', 'none');
			
		});
		
		$(this).parent().parent().find('a.active').removeClass('active');
		
		$(this).addClass('active');
		
		$(this).parent().parent().parent().parent().find('.i_banner_top .images div#i_banner_image_' + currentBanner).fadeIn(fadeSpeed);
		
		$(this).parent().parent().parent().parent().find('.i_banner_top .overlay .content div#i_banner_content_' + currentBanner).fadeIn(fadeSpeed);

		clearTimeout(bannerTimeout);
			
		bannerTimeout = true;
		
	});
}