$(function (){
	
	var image = $("#banner img");
	$("#banner").data("banner", {bannerSmall: true});
	var data = $("#banner").data("banner");
	
	image.click(function(){
		if(data.bannerSmall){
			data.bannerSmall = false;
			var parent = $(this).parent();
			var parentID = parent.attr("id");
			var indexNum = $(this).index();

			$(this)
				.animate({
					width: 270,
					height: 270
				})
				.siblings()
				.hide();
				parent.siblings().hide().addClass('hidden');
			$(this).addClass("goBack");

			parentID += "Content";
			$("#" + parentID).fadeIn().removeClass('hidden').addClass("goBack");
			var children = $("#" + parentID).children();
			$.each(children,function(i,e) {
				if(i == indexNum) {
					$(e).show();
					return false;
				}
			});
		return false;
		}
	});
	
	
	$("#banner").click(function(e) {
		if(!data.bannerSmall){
			var target = e.target;
			if(target.nodeName.toLowerCase() != "a") {
				image.animate({
					width: 135,
					height: 135
				}).siblings().fadeIn();
				$("#banner div.goBack").hide().children('div').hide();
				$(".goBack").removeClass("goBack");
				image.parent('div.hidden').hide();
				image.parent('div.hidden').show();
				data.bannerSmall = true;
			}
		}
	});
	$("#banner").bind("mouseleave",function(e) {
		if(!data.bannerSmall){
				image.animate({
					width: 135,
					height: 135
				}).siblings().fadeIn();
				$("#banner div.goBack").hide().children('div').hide();
				$(".goBack").removeClass("goBack");
				image.parent('div.hidden').hide();
				image.parent('div.hidden').show();
				data.bannerSmall = true;
			}
	});
	


//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.accordionButton').click(function() {

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton').removeClass('on');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent').slideUp('normal');
   
		//IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
		if($(this).next().is(':hidden') == true) {
			
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			  
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 } 
		  
	 });
	  
	
	/*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	//ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER 
	$('.accordionButton').mouseover(function() {
		$(this).addClass('over');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over');										
	});
	
	/*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	
	/********************************************************************************************************************
	CLOSES ALL S ON PAGE LOAD
	********************************************************************************************************************/	
	$('.accordionContent').hide();


	var inputs = $("input[type='text'],textarea");
	$.each(inputs,function(i,e) {
		var placeholder = $(e).attr("placeholder");
			$(e).val(placeholder);	
			$(e).blur(function() {
				resetInput($(this));
			});
			$(e).focus(function() {
				if($(this).val() == placeholder) {
					$(this).val("");
				}
			});
		});

	function resetInput(elem) {
		if($(elem).val() == "") {
				var placeholder = $(elem).attr("placeholder");
				$(elem).val(placeholder);
			}
	}

	$('#contactButton').click(function() {
		$('#contactSliderWrap').slideToggle();
	});

	var slides = $("#galSlides").children();
	var slideCount = slides.length;
	var holder = $("#galleryHolder");
	var activeSlide = 0;
	var firstEl = true;
	var addThis = " activeNav";
	slides.each(function(i){
		if(!firstEl){
			addThis = "";
		}
		holder.append('<div class="galNavigation' + addThis + '">' + (i + 1) + "</div>");
		firstEl = false;
	});
	
	$(slides[0]).children("img").show();
	
	$(".galNavigation").live("click", function(){
		var galIndexNum = ($(this).index() - 2);
		$(".activeNav").removeClass('activeNav');
		$(this).addClass('activeNav');
		if(activeSlide != galIndexNum - 1){
			activeSlide = galIndexNum - 1;
			slideSwap(galIndexNum);
		}
	});

}); 


function slideSwap(i){
	var slides = $("#galSlides").children();
	var images = slides.children("img");
	
	images.fadeOut(1000);
	$(slides[i - 1]).children("img:first-child").fadeIn(2000, function(){
		$(slides[i - 1]).children("img:last-child").fadeIn(2000);
	});
}