/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
// FORCE GET ELEMENT BY ID

if(!document.getElementById) {
	if(document.all) {
		document.getElementById = function() {
			if(typeof document.all[arguments[0]] != "undefined") {
				return document.all[arguments[0]];
			} else { return null; }
		}
	} else if(document.layers) {
		document.getElementById = function() {
			if(typeof document[arguments[0]] != "undefined") {
				return document[arguments[0]];
			} else { return null; }
		}
	}
}


/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
// SHOW HIDE

function showBOX(n){
    document.getElementById(n).style.display = 'block';
}

function hideBOX(n){
    document.getElementById(n).style.display = 'none';
}  
  
function swapBOX(n){
	document.getElementById(n).style.display = document.getElementById(n).style.display=='none'?'block':'none';
}  

/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
// THE FUTURE PERFECT NAV

function setFooter(){
	document.getElementById('bottomNav').style.display = "none";
	tempValues = getPageSize();
	//alert(tempValues[1]);
	document.getElementById('bottomNav').style.top = (tempValues[1] - 44) + "px";
	document.getElementById('bottomNav').style.display = "block";
}


navOn = 1;
var downInt;
function downNav(tot){
	shown = 13;

	if( ( navOn + shown ) <= tot){
		document.getElementById( 'less' ).style.display = "block";
		document.getElementById( 'li_' + navOn ).style.display = "none";
		document.getElementById( 'li_' + (navOn+13) ).style.display = "block";
		navOn++;
		clearInterval(downInt);
		downInt = setInterval('downNav(\''+tot+'\')', 90);
	} else {
		document.getElementById( 'more' ).style.display = "none";
		clearInterval(downInt);	
	}
}

function downNavStop(){
	clearInterval(downInt);
}

var upInt;
function upNav(tot){
	shown = 13;

	if( ( navOn -1 ) >= 1){
		document.getElementById( 'more' ).style.display = "block";
		document.getElementById( 'li_' + (navOn+12) ).style.display = "none";
		document.getElementById( 'li_' + (navOn-1) ).style.display = "block";
		navOn--;
		clearInterval(upInt);
		upInt = setInterval('upNav(\''+tot+'\')', 90);
	} else {
		document.getElementById( 'less' ).style.display = "none";
		clearInterval(upInt);	
	}
}

function upNavStop(){
	clearInterval(upInt);
}

/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
// THE FUTURE PERFECT

function hideThumbHover(obj){
	document.getElementById('thumbTitle').className = "thumbTitleNoHover";
	//document.getElementById('thumbTitle').innerHTML = "";
	hideBOX(obj);
}

function showThumbHover(obj){
	document.getElementById('thumbTitle').className = "thumbTitleHover";
	//document.getElementById('thumbTitle').innerHTML = obj.name;
	showBOX(obj);
} 

function resetObjectNav(){
	//if(document.getElementById('objectsNav').className){
		showBOX('objectOn');
	//}
} 

function forgotPass(){
	document.getElementById('email2').value = document.getElementById('email1').value;
} 

function popBox(URL) {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=650,left = 350,top = 200');");
}

/////////////////////////////////////////////////////////////////////
// MOVE BOX WITH CURSOR

function showDESC(into, from){
	document.getElementById(into).innerHTML = document.getElementById(from).innerHTML;
    document.getElementById(into).style.display = 'block';
}

function updatebox(evt, id) {
	//alert("// " + document.getElementById(id).style.left);
	mouseX = evt.clientX? evt.clientX : evt.pageX;
	mouseY = evt.clientY? evt.clientY : evt.pageY;
	
	// FIX SCROLL TWITCH
	mouseY = (mouseY > 500)? 500 : mouseY;
	
	document.getElementById(id).style.left 	= (mouseX + 10)+ 'px';
	document.getElementById(id).style.top 	= (mouseY + 15) + 'px';
	//alert("test: " + id + " / " + $(id).style.left + " / " + document.getElementById(id).style.left + " / " + mouseX);
}
/////////////////////////////////////////////////////////////////////

function submitenter(myfield,e){
	var keycode;
	if (window.event){
		keycode = window.event.keyCode;
	} else if (e){
		keycode = e.which;
	} else {
		return true;
	}
	if (keycode == 13) {
	   myfield.form.submit();
	   return false;
	} else {
	   return true;
	}
}
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
// FADE / UNFADE

function setOpacity(value) {
	var arrayPageSize		= getPageSize();
	$('SMOKE').style.height = arrayPageSize[1] + "px"
	$('SMOKE').style.display = (value == 0)? 'none': 'block';
	$('SMOKE').style.opacity = value/10;
	$('SMOKE').style.filter = 'alpha(opacity=' + value*10 + ')';
}

function fadeSETUP(){
	new Effect.Opacity("FADE", {duration:0.0, from:0.0, to:0.0} );
}

var waitTimer;
function unfadeSCREEN(){
	new Effect.BlindUp("ALERT", {duration:1.0} );
	if (waitTimer) clearTimeout(waitTimer);
	waitTimer = setTimeout("hideBOX('FADE')", 1500);
}

var loadFirst = false;
function appearSCREEN(){
	if(loadFirst == true){
		//var arrayPageSize		= getPageSize();
		//$('SMOKE').style.height = arrayPageSize[1] + "px"
		new Effect.Appear('SMOKE', { duration: 0.3, from:0.0, to:0.8, queue: 'front'});
	} else {
		loadFirst = true;
	}
}

function fadeSCREEN(){
	//alert("test");
	new Effect.Fade('SMOKE', { duration: 0.3, queue: 'end'});
}

/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
// LIMIT TEXT AREAS

function CheckMaxLength(Object, MaxLen){
	if(Object.value.length > MaxLen){
		Object.value = Object.value.substring(0, MaxLen);
	}
}

/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
// OTHER

function alertCONFIRM(URL){
	var r=confirm("Are you sure you would like to leave CBH?")
	if (r==true){
		window.location=URL;
	}
}

function hiliteDIV(div){
	div.style.backgroundColor = '#ed145a';
}


/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
// AJAX

function getIMAGE(id, type){
	try{
		//window.document.CBH.SetVariable("loadingNow", "1"); 
	} catch(err){
		//alert(err);
	}
	appearSCREEN();
	if(!document.getElementById('IMAGE_'+id)){
		$('contentDIV').appendChild(imageDiv(id));
		new Draggable('DRAG_IMAGE_'+id);
		new Ajax.Updater('IMAGE_'+id, 'ajaxIMAGE.php?id='+id+'&type='+type, {onComplete:function(){ 
				resetPROGRESS();
				new Effect.Appear('DRAG_IMAGE_'+id, {duration:0.5} );
			},asynchronous:true});
	}
}

/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////