//Hide loader graphic
function hideLoader() {
	//document.getElementById('loader').style.visibility = 'hidden';
}

//Show loader graphic
function startLoader() {
	document.getElementById('loader').style.visibility = 'visible';

}

//Hide navi prev button
function hideNaviPrev(button_num) {
	document.getElementById('btn_prev_scene'+button_num).style.visibility = 'hidden';
}

//Show navi prev button
function showNaviPrev(button_num) {
	document.getElementById('btn_prev_scene'+button_num).style.visibility = 'visible';
}

//Hide next disabled button
function hideNextDisable() {
	document.getElementById('btn_next_disable').style.visibility = 'hidden'; 
}

//Show prev disabled button
function showNaviPrevDisable(button_num) {
	document.getElementById('btn_prev_disable').style.visibility = 'visible';
}

//Hide prev disabled button
function hideNaviPrevDisable(button_num) {
	document.getElementById('btn_prev_disable').style.visibility = 'hidden';
}

//Hide prev next button
function hidePrevNextButton(button_num) {
	document.getElementById('btn_next'+button_num).style.visibility = 'hidden';
}


//Show next button
function showNextButton(button_num) {
	document.getElementById('btn_next'+button_num).style.visibility = 'visible';
}

//Show next disabled button
function showNextDisable() {
	document.getElementById('btn_next_disable').style.visibility = 'visible'; 
}

//Show navi button 
function showNaviBtn(button_num) {
	document.getElementById('btn_scene'+button_num).style.visibility = 'visible';
}

//Hide navi buttons
function hideNaviBtn(button_num) {
	document.getElementById('btn_scene'+button_num).style.visibility = 'hidden';
}

//Browser Support Code
function ajaxFunction(scene_num){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	var nextSceneNum;
	
	nextSceneNum = scene_num + 1;

	startLoader();

	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			//document.myForm.time.value = ajaxRequest.responseText;
			document.getElementById('the_images').innerHTML = ajaxRequest.responseText;
			document.getElementById('loader').style.visibility = 'hidden';
			document.getElementById('whatisit').style.visibility = 'hidden';
			
			showNaviBtn(nextSceneNum);
			//hidePrevNextButton(scene_num);
			//showNextButton(nextSceneNum);
			
			//hideNaviBtn(scene_num);
			//hideNaviPrev(scene_num); 
		}
	}

	
	ajaxRequest.open("POST", "scripts/ajax/comic_slides.php?slide="
		+document.getElementById('comic_num'+scene_num).value, true);
	ajaxRequest.send(null);
	
	if (scene_num > 4) {
		document.getElementById('contact_form').style.visibility = 'visible';	
		document.getElementById('btn_scene1').style.visibility = 'hidden';
		document.getElementById('btn_scene2').style.visibility = 'hidden';
		document.getElementById('btn_scene3').style.visibility = 'hidden';
		document.getElementById('btn_scene4').style.visibility = 'hidden';
		document.getElementById('btn_scene5').style.visibility = 'hidden';
	} 
	


	


	



}


function ajaxStoryLine(scene_num) {
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	var nextSceneNum;
	
	nextSceneNum = scene_num + 1;

	startLoader();

	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}



	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			document.getElementById('storyline').innerHTML = ajaxRequest.responseText;
			
		}
	}

	
	ajaxRequest.open("POST", "scripts/ajax/storyline.php?slide="
		+scene_num, true);
	ajaxRequest.send(null);

}


function ajaxSubmitForm() {

	var ajaxFormRequest;  // The variable that makes Ajax possible!
		
	

	try{
		// Opera 8.0+, Firefox, Safari
		ajaxFormRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxFormRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxFormRequest= new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxFormRequest.onreadystatechange = function(){
		if(ajaxFormRequest.readyState == 4){

			document.getElementById('form_submit_result').style.visibility = 'visible';
			document.getElementById('form_submit_result').innerHTML = ajaxFormRequest.responseText;	
			document.getElementById('loader').style.visibility = 'hidden'; 

		}
	}


	ajaxFormRequest.open("POST", "scripts/ajax/register_email.php?ev="
		+ encodeURI(document.getElementById('email_addy').value), true);
	ajaxFormRequest.send(null);
}


function ajaxContactUsForm() {


	var ajaxContactFormRequest;  // The variable that makes Ajax possible!

	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxContactFormRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxContactFormRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxContactFormRequest= new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}


	// Create a function that will receive data sent from the server
	ajaxContactFormRequest.onreadystatechange = function(){
		if(ajaxContactFormRequest.readyState == 4){

			document.getElementById('form_contact_result').style.visibility = 'visible';
			document.getElementById('form_contact_result').innerHTML = ajaxContactFormRequest.responseText;	
			document.getElementById('loader').style.visibility = 'hidden'; 
		}
	}

	ajaxContactFormRequest.open("POST", "scripts/ajax/contact_us.php?contactemail="
		+ encodeURI(document.getElementById('contact_email').value) +
		"&contactname=" + encodeURI(document.getElementById('contact_name').value) +
		"&msg=" + encodeURI(document.getElementById('contact_msg').value), true);
	ajaxContactFormRequest.send(null);


}
