var timeout = null;
var pagetimeout = null;

$(document).ready(function() {
	$("#home_tag").hide();
	$("#gallery_buttons").hide();
	$("#logo_container").hide();
	$("#gallery_info_boxes_container").hide();
	$("#buckets").hide();
	$(".gallery_image").hide();
	$("#tagline img").hide();
	$("#search_box_wrapper").hide();
	$("#loader").fadeIn();
	
						   
	$("#logo_container").fadeIn(1000, function(){
		$("#tagline img").slideDown("slow");
	});
	$(this).animate({borderLeft: '0px'}, 3000);
	$("#home_tag").fadeIn(1000);
	$("#gallery_buttons").fadeIn(1000);

	//bucket related functions
	var count = $("#buckets img").length;
	//get the width of the bucket plus the margin
	var default_size = parseInt(295) + parseInt(10);
	
	var buckets_width = 0;
	buckets_width = (default_size * count);
	$("#buckets_inner_container").css("width", buckets_width);
	$("#buckets_back").fadeTo(1, 0.33);
	$("#buckets_forward").fadeTo(1, 0.33);

	if (count > 3) {
		$("#buckets_forward").fadeTo(1, 1);
	}

	$("#buckets").fadeIn(1000, function(){
	});
	
	$("#buckets_forward").click(function(){
		var max_margin_right = (default_size * parseInt(count-3));
		var disable_btn_right = (default_size * parseInt(count-4));
		
		$("#buckets_inner_container").stop(true, true);
		
		if (count > 4) {
			if($("#buckets_inner_container").css("marginLeft") == "-"+disable_btn_right+"px") {
				$("#buckets_forward").fadeTo(1, 0.33);
			}
		} else {
			if($("#buckets_inner_container").css("marginLeft") == "0px") {
				$("#buckets_forward").fadeTo(1, 0.33);
			}
		}
		
		if($("#buckets_inner_container").css("marginLeft") != "-"+max_margin_right+"px") {
			$("#buckets_back").fadeTo(1, 1);
			$("#buckets_inner_container").animate({marginLeft: "-="+default_size+"px"}, 1000, "swing");
		}
	});
	
	$("#buckets_back").click(function(){
		$("#buckets_inner_container").stop(true, true);
		var disable_btn_left = default_size;
		
		if($("#buckets_inner_container").css("marginLeft") == "-"+disable_btn_left+"px") {
			$("#buckets_back").fadeTo(1, 0.33);
		}

		if($("#buckets_inner_container").css("marginLeft") != "0px") {
			$("#buckets_forward").fadeTo(1, 1);
			$("#buckets_inner_container").animate({marginLeft: "+="+default_size+"px"}, 1000, "swing");
		}
	});
	
	
	//Campus Tabs
	$("#tabs_23rd_street a").hover(function(){
		if ($("#tabs_left").is("[attr='stuck tab_23rd_on']")) {
			//do nothing
		} else {
			if ($("#tabs_left").is("[attr='stuck tab_north_on']")) {
				$("#tabs_left").toggleClass("tab_north_on");
				$("#tabs_23rd_street").toggleClass("tab_north_on");
				$("#tabs_north").toggleClass("tab_north_on");
				$("#tabs_right").toggleClass("tab_north_on");
			}
			$("#tabs_left").toggleClass("tab_23rd_on");
			$("#tabs_23rd_street").toggleClass("tab_23rd_on");
			$("#tabs_north").toggleClass("tab_23rd_on");
			$("#tabs_right").toggleClass("tab_23rd_on");
		}
	}, function(){
		if ($("#tabs_left").is("[attr='stuck tab_23rd_on']")) {
			//do nothing
		} else {
			$("#tabs_left").toggleClass("tab_23rd_on");
			$("#tabs_23rd_street").toggleClass("tab_23rd_on");
			$("#tabs_north").toggleClass("tab_23rd_on");
			$("#tabs_right").toggleClass("tab_23rd_on");
			if ($("#tabs_left").is("[attr='stuck tab_north_on']")) {
				$("#tabs_left").addClass("tab_north_on");
				$("#tabs_23rd_street").addClass("tab_north_on");
				$("#tabs_north").addClass("tab_north_on");
				$("#tabs_right").addClass("tab_north_on");
			}
		}
	});
	
	$("#tabs_north a").hover(function(){
		if ($("#tabs_left").is("[attr='stuck tab_north_on']")) {
			//do nothing
		} else {
			if ($("#tabs_left").is("[attr='stuck tab_23rd_on']")) {
				$("#tabs_left").toggleClass("tab_23rd_on");
				$("#tabs_23rd_street").toggleClass("tab_23rd_on");
				$("#tabs_north").toggleClass("tab_23rd_on");
				$("#tabs_right").toggleClass("tab_23rd_on");
			}
			$("#tabs_left").toggleClass("tab_north_on");
			$("#tabs_23rd_street").toggleClass("tab_north_on");
			$("#tabs_north").toggleClass("tab_north_on");
			$("#tabs_right").toggleClass("tab_north_on");
		}
	}, function(){
		if ($("#tabs_left").is("[attr='stuck tab_north_on']")) {
			//do nothing
		} else {
			$("#tabs_left").toggleClass("tab_north_on");
			$("#tabs_23rd_street").toggleClass("tab_north_on");
			$("#tabs_north").toggleClass("tab_north_on");
			$("#tabs_right").toggleClass("tab_north_on");
			if ($("#tabs_left").is("[attr='stuck tab_23rd_on']")) {
				$("#tabs_left").addClass("tab_23rd_on");
				$("#tabs_23rd_street").addClass("tab_23rd_on");
				$("#tabs_north").addClass("tab_23rd_on");
				$("#tabs_right").addClass("tab_23rd_on");
			}
		}
	});
	

	
	$("#search_icon_link a").click(function(){
		$(this).attr("href", "#");
		$("#search_box_wrapper").slideToggle("slow");
	});
	
	//"flash" gallery workings
	$("#loader").fadeOut("slow", function(){
		$("#gallery_image_1").fadeIn("slow", function() {
			var nextID = getNextImage();
			timeout = setTimeout("switchToImage("+nextID+")", 6000);
		});
	});
	
	
	pagetimeout = setTimeout(makeSureEverythingsLoaded, 3000);
	$("#gallery_mask").click(imageAction);
	$(".gallery_btn").click(linkAction);
});
	
	
function makeSureEverythingsLoaded() {
	if ($("#logo_container").is(":hidden")) {
		$("#loader").hide();
		$("#logo_container").show();
		$("#tagline img").show();
		$("#home_tag").show();
		
		//bucket related functions
		var count = $("#buckets img").length;
		//get the width of the bucket plus the margin
		var default_size = parseInt(295) + parseInt(5);
	
		
		var buckets_width = 0;
		buckets_width = (default_size * count);
		$("#buckets_inner_container").css("width", buckets_width);
		$("#buckets_back").fadeTo(1, 0.33);
		$("#buckets_forward").fadeTo(1, 0.33);
	
		if (count > 3) {
			$("#buckets_forward").fadeTo(1, 1);
		}

		$("#buckets").fadeIn(1000, function(){
		});
		$("#buckets").show();
		$(".gallery_image:first").show();
		clearTimeout(pagetimeout);
		var nextID = getNextImage();
		timeout = setTimeout("switchToImage("+nextID+")", 6000);
	}
}	

function getNextImage() {
	var next_id = $(".gallery_image:visible").attr("rel");
	next_id = parseInt(next_id) + parseInt(1);
	if (next_id > 3) {
		next_id = 1;
	}
	return next_id;
}

function switchToImage(goToID) {
	if(timeout) clearTimeout(timeout);
	$(".gallery_btn").unbind("click", linkAction);
	$(".gallery_image").fadeOut("slow");
	//$("#loader").fadeIn("slow", function() {
	$(".gallery_btn").removeClass("active");
	$("#gallery_btn_"+goToID+"").addClass("active");
		$("#gallery_image_"+goToID+" img").ready(function() {
			$("#loader").fadeOut("fast", function(){
				$("#gallery_image_"+goToID+"").fadeIn("slow", function() {
					
					var nextID = getNextImage();
					$(".gallery_btn").bind("click", linkAction);
					if(timeout) clearTimeout(timeout);
					timeout = setTimeout("switchToImage("+nextID+")", 6000);
				});
			});
		});
	//});
}

function linkAction(){
	var targel = $(this);
	var alink = targel;
	/*if(alink.attr("href") != ""){
		var loc = alink.attr("href");	
		if(loc != null && loc != ""){
			if(loc.search(".flv") != -1){
				//its a video
				playVideo(loc);
				return false;
			}else{
				//its a link
				//window.location = loc;
				return true;
			}
			return false;
		}
	}*/
	switchToImage(parseInt(alink.attr('rel')));
	return false;
}

function imageAction(){
	var targel = $(".gallery_image:visible");
	var alink = targel.children("a");
	if(alink.attr("href") != ""){
		var loc = alink.attr("href");	
		if(loc != null && loc != ""){
			if(loc.search(".flv") != -1){
				//its a video
				playVideo(loc);
				return false;
			}else{
				//its a link
				window.location = loc;
				return true;
			}
			
		}
	}
	return false;
	
}
function playVideo(flv){
	//alert(flv);
	//tb_show("Northwest Baptist Church", flv+"?height=360&width=680", false);
	var html = '<a id="vidclick" href="/videoplayer.php?vid='+flv+'&iframe"></a>';
	$('body').append(html);
	$('#vidclick').fancybox({
		'hideOnContentClick': false,
		'frameWidth': 640,
		'frameHeight': 364
	});
	$('#vidclick').click();
	$('#vidclick').remove();
}