var CTM = CTM || {};

//FUNCTION TO ROTATE THE BG IMAGES
CTM.rotateBgImg = function() {
	//Create 2 arrays of images (1) for the body and (2) for the div
	var	bodyRandomImages = ['cs_1','cs_2','cs_3','cs_4','cs_5','cs_6'];
		divRandomImages = ['cs_7','cs_8','cs_9','cs_10','cs_11'];
		//Create 2 variables that pull random numbers
		rndNum1 = Math.ceil(Math.random() * bodyRandomImages.length);
		rndNum2 = Math.ceil(Math.random() * divRandomImages.length);
		//Filenams
		bodyFilePath = 'url(/images/cs_' + rndNum1 + '.jpg)'
		divFilePath = 'url(/images/cs_' + rndNum2 + '.jpg)'			
			
	$('#bg_image').css('background-image',divFilePath).delay(10000).fadeIn(7000,
		function(){
			$('body').css('background-image',bodyFilePath);
		})
		.delay(10000)
		.fadeOut(7000);
};

//ADD PLACEHOLDER TEST TO TEXT INPUTS
CTM.hideInputValue = function() {
	if ( $(this).hasClass('altered') ) {
	
	} else {
		$(this).val("").addClass('altered');
	}
}

//DISABLE NAV BUTTONS WHEN NOT NEEDED
CTM.disableButtons = function(page) {
	//DISABLE ALL NAVIGATION
	if( page === -1){
		$('.next a').css('display','none');
		$('.prev a').css('display','none');
	}
	else if ( page == 0 ) {
		$('.next a').css('display','block');
		$('.prev a').css('display','none');
	} else if ( page == 2 ) {
		$('.next a').css('display','none');
		$('.prev a').css('display','block');
        	} else if ( page == 3 ) {
		$('.next a').css('display','none');
		$('.prev a').css('display','block');
	} else {
		$('.next a').css('display','block');
		$('.prev a').css('display','block');
	}
}

$(document).ready(function(){
	//REMOVE THE .no-js CLASS FROM THE HTML TAG
	$('.no-js').removeClass('no-js');

	//ADD A DIV FOR THE ROTATING BACKGROUND IMAGES AND THE OVERLAY BOX
	$('body').prepend('<div id="bg_image" class="hide">&nbsp;</div><div id="overlay_wrapper" class="hide"><div id="overlay"><p class="month"><b>public</b><i>records</i> </p><span class="close"><a href="#close">Close</a></span><span class="next"><a href="#next">Next</a></span><span class="prev"><a href="#prev">Prev</a></span><div id="overlay_inner"></div></div></div>');
	
	//BIND hideInputValue FUNCTION TO THE PAGE'S TEST FIELDS
	$('input[type=text]').bind('click',CTM.hideInputValue);

	//ASSIGN VARIABLES TO HELP WITH AJAX NAVIGATION
var	pageOptions = ['/coming_soon/newsletter01.php','/coming_soon/newsletter02.php','/coming_soon/newsletter03.php','intro_film/film.php'];
	firstPage = pageOptions[0];
	secondPage = pageOptions[3];
	thirdPage = pageOptions[1];
	forthPage = pageOptions[2];
	page = 0;
	
	
 	//LOAD THE FILM PAGE WHEN THE PLAY BUTTON IS CLICKED

		$('#playbutton a').click(function(e){
		e.preventDefault();

		page = -1;

		$('#overlay_wrapper').fadeIn(500);
		$('#overlay_inner')
			.html('<div id="ajax_loader"><img src="/images/ajax-loader.gif" alt="Content Loading" /></div>')
			.load(filmPage);
		
		CTM.disableButtons(page);
	});
	


	//LOAD THE FIRST PAGE WHEN THE LATERST NEWS BUTTON IS CLICKED
	$('#latest_news a').click(function(e){
		e.preventDefault();

		page = 0;

		$('#overlay_wrapper').fadeIn(500);
		$('#overlay_inner')
			.html('<div id="ajax_loader"><img src="/images/ajax-loader.gif" alt="Content Loading" /></div>')
			.load(firstPage);
		
		CTM.disableButtons(page);
	});
	
	//MAKE THE CLOSE BUTTON WORK
	$('.close a').click(function(e){
		e.preventDefault();

		$('#overlay_wrapper').fadeOut(500,function(){
			page = 0;
			CTM.disableButtons(page);
			$('#overlay_inner').html('');
		});
	});

	//MAKE THE NAVIGATION ARROWS WORK
	$('.next a').click(function(e){
		e.preventDefault();
		
		if ( page == 0 ) {
			var newPage = page + 1;
				page = newPage;

			$('#overlay_inner')
				.prepend('<div id="ajax_loader"><img src="/images/ajax-loader.gif" alt="Content Loading" /></div>')
				.load(secondPage,
					function(){
						$('input[type=text]').bind('click',CTM.hideInputValue);
					}
				);

			CTM.disableButtons(page);
		} else if ( page == 1 ) {
			var newPage = page + 1;
				page = newPage;

			$('#overlay_inner')
				.prepend('<div id="ajax_loader"><img src="/images/ajax-loader.gif" alt="Content Loading" /></div>')
				.load(thirdPage,
					function(){
						$('input[type=text]').bind('click',CTM.hideInputValue);
					}
				);

			//CTM.disableButtons(page);
		}
            else if( page == 2){
                var newPage = page + 1;
				page = newPage;

			$('#overlay_inner')
				.prepend('<div id="ajax_loader"><img src="/images/ajax-loader.gif" alt="Content Loading" /></div>')
				.load(forthPage,
					function(){
						$('input[type=text]').bind('click',CTM.hideInputValue);
					}
				);
			CTM.disableButtons(page);
        }
	});
	$('.prev a').click(function(e){
		e.preventDefault();
		
		if ( page == 1 ) {
			var newPage = page - 1;
				page = newPage;

			$('#overlay_inner')
				.prepend('<div id="ajax_loader"><img src="/images/ajax-loader.gif" alt="Content Loading" /></div>')
				.load(firstPage);

			CTM.disableButtons(page);
		} else if ( page == 2 ) {
			var newPage = page - 1;
				page = newPage;

			$('#overlay_inner')
				.prepend('<div id="ajax_loader"><img src="/images/ajax-loader.gif" alt="Content Loading" /></div>')
				.load(secondPage);

			
		}   else if (page == 3){
			var newPage = page - 1;
				page = newPage;

			$('#overlay_inner')
				.prepend('<div id="ajax_loader"><img src="/images/ajax-loader.gif" alt="Content Loading" /></div>')
				.load(thirdPage);  
               CTM.disableButtons(page);
          
        }
        
	});

	//BIND THE KEYBOARD TO DIFFERENT ACTIONS SO USERS CAN NAVIGATE WITH THEIR KEYBOARD
	$(document).bind('keyup', function(e) {

		if ( e.keyCode == 27 ){
			$('.close a').click();
		} else if ( e.keyCode == 39 ) {
			$('.next a').click();
		} else if ( e.keyCode == 37 ) {
			$('.prev a').click();
		}
	});
	$('#overlay_wrapper').click(function(e){
		var clickedElement = $(e.target);

		if ( clickedElement.closest('#overlay').length == 0 ) {
			$('.close a').click();
		}
	});

	//CALL THE ROTATE BACKGROUND IMAGE FUNTIONCT (rotateBgImg)
	CTM.rotateBgImg();
	setInterval(CTM.rotateBgImg,34000);
});