// JavaScript Document
$(document).ready(function($) {pageLoaded()});
var $firstPlay = true;
var $playing = true;
var $currentSlide = 0;



function pageLoaded() {
	initMenu();
	$('input[title!=""]').hint();
	
	$("#rss").hover(
	function() {
		this.src = this.src.replace("_off","_on");
	},
	function() {
		this.src = this.src.replace("_on","_off");
	}
);
}

function playSlideshow() {
	if($firstPlay) {
		$firstPlay = false;
		showSlide();
		
	}else {
		if($playing) {
			nextSlide();
		}
	}
	setTimeout("playSlideshow()", 5000);
}
function initSlideshow() {
	$("#slideshow embed").hide();
	$("#slideshow").append('<div id="previous"></div><div id="slideInfo"></div><div id="next"></div>');
	
	$maxHeight = 0;
	$maxHeightSlide = 0;
	for(var $i = 0; $i < $slides.length; $i++) {
		$("#slideInfo").append('<a href="'+$slides[$i].link+'"><span id="slideTitle'+$i+'" class="slideTitle">'+$slides[$i].title+'</span>');
		$("#slideInfo").append('<span id="slideDescription'+$i+'" class="slideDescription">'+$slides[$i].description+'</span></a>');
		$("#slideshow").append('<a href="'+$slides[$i].link+'"><img id="slideImage'+$i+'" class="slideImage" src="'+$slides[$i].source+'" /></a>');
		
		if(($("#slideTitle"+$i).height() + $("#slideDescription"+$i).height()) > $maxHeight) {
			$maxHeight = $("#slideTitle"+$i).height() + $("#slideDescription"+$i).height();
			$maxHeightSlide = $i;
		}
	}
	$(".slideTitle").hide();
	$(".slideDescription").hide();
	$(".slideImage").hide();
	
	$("#slideTitle"+$maxHeightSlide).show();
	$("#slideDescription"+$maxHeightSlide).show();
	$("#slideshow").css('height',$("#slideshow").height() + 120+"px");
	$("#slideTitle"+$maxHeightSlide).hide();
	$("#slideDescription"+$maxHeightSlide).hide();
	
	$("#previous").click(function () {
			previousSlide();
			$playing = false;
			setTimeout("resumePlaying()", 5000);
		}
	);
	$("#next").click(function () {
			nextSlide();
			$playing = false;
			setTimeout("resumePlaying()", 5000);
		}
	);
	
	playSlideshow();
}
function resumePlaying() {
	$playing = true;
}
function nextSlide() {
	if($currentSlide < $slides.length-1) {
		hideSlide();
		$currentSlide++;
		showSlide();
	} else {
		hideSlide();
		$currentSlide = 0;
		showSlide();
	}
}
function previousSlide() {
	if($currentSlide > 0) {
		hideSlide();
		$currentSlide--;
		showSlide();
	} else {
		hideSlide();
		$currentSlide = $slides.length - 1;
		showSlide();
	}
}
function hideSlide() {
	$("#slideTitle"+$currentSlide).hide();
	$("#slideDescription"+$currentSlide).hide();
	$("#slideImage"+$currentSlide).hide();
}
function showSlide() {
	var $tweenTime = 1000;
	$("#slideTitle"+$currentSlide).show();
	$("#slideDescription"+$currentSlide).show();
	
	$("#slideTitle"+$currentSlide).css('margin-left','-1000px');
	$("#slideDescription"+$currentSlide).css('margin-left','-1000px');
	$("#slideTitle"+$currentSlide).animate({marginLeft:'0px'},$tweenTime);
	$("#slideDescription"+$currentSlide).animate({marginLeft:'0px'},$tweenTime);
	$("#slideImage"+$currentSlide).fadeIn($tweenTime);
}
function initMenu() {
	$('#topNav ul').hide();
	$('#topNav ul:first').show();
	$('#topNav li a ').click(
	function() {
		var checkElement = $(this).next();
		if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
			checkElement.slideUp('normal');
			return false;
		}
		if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
			$('#topNav ul:visible').slideUp('normal');
			checkElement.slideDown('normal');
			return false;
		}
	}
);
}


jQuery.fn.hint = function (blurClass) {
  if (!blurClass) { 
    blurClass = 'blur';
  }

  return this.each(function () {
    // get jQuery version of 'this'
    var $input = jQuery(this),

    // capture the rest of the variable to allow for reuse
      title = $input.attr('title'),
      $form = jQuery(this.form),
      $win = jQuery(window);

    function remove() {
      if ($input.val() === title && $input.hasClass(blurClass)) {
        $input.val('').removeClass(blurClass);
      }
    }

    // only apply logic if the element has the attribute
    if (title) { 
      // on blur, set value to title attr if text is blank
      $input.blur(function () {
        if (this.value === '') {
          $input.val(title).addClass(blurClass);
        }
      }).focus(remove).blur(); // now change all inputs to title

      // clear the pre-defined text when form is submitted
      $form.submit(remove);
      $win.unload(remove); // handles Firefox's autocomplete
    }
  });
};