/* 	DISPLAY / OPACITY TRANSITIONS */

/* Show / Hide functionality */

function display(){
	for(i=0; i<arguments.length; i++){
		element = document.getElementById(arguments[i]);
		if(element.style.display == "block"){
			element.style.display = "none";
		}
		else {
			element.style.display = "block";
		}
	}
}

// 	TRANSITIONS //////////////////////////////////////////////////////////////////////////////////////

/* 	Select element to perform opacity change. 

	NOTE: I.E. requires the div to have a height set
*/

function setTrans(type, id, out, end, time){
	if(type == "opacity"){
		opacityInterval = setInterval("modOpac('" + id + "'," + out + "," + end + ")", time);
	}
	
}

/*  OPACITY */

/* 	Set an opacity variable to fix 
	increment problem in Chrome/Firefox */

var opacityZero=0;
var opacityFull=1;

/* 	Function will iterate gradually increasing 
	opacity levels */

function modOpac(id, out, end){
	
	target = document.getElementById(id).style;

	
	if(out == 1 && opacityFull !== end){
		
		target.opacity = opacityFull;
		opacityFull -= 0.1;
		/* For IE */
		target.filter = "alpha(opacity=" + (opacityFull*100 - 10) + ")";
		
		/* Cancel interval */
		if(target.opacity == 0 || target.opacity < 0){
			clearInterval(opacityInterval);
			opacityFull=1;
			/* Completely remove element */
			target.display = "none";
			target.opacity = 0;
		}
	
	}
	else if(out == 0 && opacityZero !== end){
	
		target.opacity = opacityZero;
		opacityZero += 0.1;
		/* For IE */
		target.filter = "alpha(opacity=" + (opacityZero*100 + 10) + ")";
		/* Cancel interval */
		if(target.opacity == 1 || target.opacity > 1){
			clearInterval(opacityInterval);
			opacityZero=0;
			target.opacity = 1;
		}
		
		/* Display object at start */
		if(target.opacity == 0){
			target.display = "block";
		}

	}
}

/* FORMS */

function formDisplay(){
	elementid = arguments[1];
	element = document.getElementById(elementid);
	
	if(arguments[0] !== null){

		if(arguments[0] == 1){
			if(element.name == element.value){
				element.value = "";
			}
		}
		else {
			if(element.value == ""){
				element.value = element.name;
			}
		}
	}
	
	else {
		/* For passwords */
		if(arguments[2] == 0){
			element.style.backgroundImage = "none";
			
		}
		else if(element.value == "") {
			element.style.backgroundImage = "url('http://localhost/fanbible/html/images/" + element.name + ".gif')";
			
		}
	
	}
}

/* SIMPLE TABBER */

function tab(id){

	currentTab = document.getElementById('current_tab');
	
	if(id !== currentTab.value){
		if(currentTab.value > ""){
		display(currentTab.value);
		}
		
		display(id);
		currentTab.value = id;
	}	
}


/* ADD A GALLERY */

function addGallery(value, id, div){
	if(value == 0){
		document.getElementById(id).style.display = "none";
		document.getElementById(div).innerHTML +=
		"<input type=\"text\" class=\"title\" id=\"gallery_title\" name=\"gallery_title\" value=\"My New Gallery\" /><textarea id=\"gallery_body\" name=\"gallery_body\">Caption...</textarea>";
	}
}

/* IMAGE VIEWER AJAX REQUEST */

/* Assign vars */

function image(id){
	
	currentImage = document.getElementById("current_image");
	imageElement = document.getElementById("image_" + id);
	imageViewer = document.getElementById("image_viewer");
	
	if(currentImage.value !== id && imageElement == null){
		document.getElementById("current_image").value = id;
		index = "modules/imager.ajax.php?id=" + id;
		assResultDiv("image_viewer");
		assLoaderElement(0);
		assQuery(index);
		ajax();
		
		/* Disable other image links */
	}
	else {
		imageViewer.innerHTML = "<div class=\"current_image\">" + imageElement.innerHTML + "</div>";
		currentImage.value = id;
	}
	
	image_editor = document.getElementById("image_edit_link");
	image_editor.href = "?load=manager&edittype=photo&id=" + id;
}

function video(id){
	
	currentVideo = document.getElementById("current_video");
	videoElement = document.getElementById("video_" + id);
	videoViewer = document.getElementById("video_viewer");

	if(currentVideo.value !== id && videoElement == null){
		document.getElementById("current_video").value = id;
		index = "modules/video.ajax.php?id=" + id;
		assResultDiv("video_viewer");
		assLoaderElement(0);
		assQuery(index);
		ajax();
		/* Disable other image links */
	}
	else {
		videoViewer.innerHTML = "<div class=\"current_video\">" + videoElement.innerHTML + "</div>";
		currentVideo.value = id;
	}
	
	video_editor = document.getElementById("video_edit_link");
	video_editor.href = "?load=manager&edittype=video&id=" + id;
}