////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////
// FORCE 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('BOX' + n).style.display = 'block';
}
function hideBOX(n) {
    document.getElementById('BOX' + n).style.display = 'none';
}    
function swapBOX(n) {
	document.getElementById('BOX' + n).style.display = document.getElementById('BOX' + n).style.display=='none'?'block':'none';
}


////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////
// VARS

var window_height = 400;
var window_width = 400;

var currentW = 1;
var currentH = 1;

var rand_DIR = 0;
var rand_Y_point = 0;

var imageTOTAL = 6;
var imageON = 1;

var nextTIMER;

////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////
// SLIDE

function expandIMAGE_init() {
	
	if(imageON >= imageTOTAL){
		imageON = 1;
	}
	
	if(rand_DIR == 1){
		rand_DIR = 0;
	} else {
		rand_DIR = 1;
	}
	
	objectID = "IMAGE_"+imageON;

	currentW = document.getElementById(objectID).style.width;	// GET CURRENT WIDTH VALUE
	currentW = currentW.replace(/px/gi,"");						// STRIPS TO NUMBER (px)
	currentW = currentW.replace(/pt/gi,"");						// STRIPS TO NUMBER (pt)
	currentW = currentW.replace(/%/gi,"");						// STRIPS TO NUMBER (%)
	currentW = parseFloat(currentW);							// CONVERT TO NUMBER
	
	currentH = document.getElementById(objectID).style.height;	// GET CURRENT WIDTH VALUE
	currentH = currentH.replace(/px/gi,"");						// STRIPS TO NUMBER (px)
	currentH = currentH.replace(/pt/gi,"");						// STRIPS TO NUMBER (pt)
	currentH = currentH.replace(/%/gi,"");						// STRIPS TO NUMBER (%)
	currentH = parseFloat(currentH);							// CONVERT TO NUMBER
	
	// MATCH IMAGE TO WINDOW
	if(currentW > currentH){ // LANDSCAPE
		currentW *= (window_height / currentH);
		currentH = window_height;
	} else if(currentW < currentH) { // PORTRAIT
		currentH *= (window_width / currentW);
		currentW = window_width;
	} else { // SQUARE
		currentW = window_width;
		currentH = window_height;
	}
		
	if(rand_DIR == 0){
		// DO NOTHING (EXPAND)
	} else {
		// EXPAND ENOUGH TO CONTRACT
		currentW *= 1.15;
		currentH *= 1.15;
	}
	
	document.getElementById(objectID).style.width = currentW+"px";		// INITIAL SET
	document.getElementById(objectID).style.height = currentH+"px";		// INITIAL SET
	
	if(rand_DIR == 0){
		rand_Y_point = Math.random();
		tempDIFF = currentH - window_height;
		tempDIFF *= rand_Y_point;
		document.getElementById(objectID).style.marginTop = (-1*tempDIFF)+"px";
	}
	
	new Effect.Appear(document.getElementById('IMAGE_CONTAINER_'+imageON),{duration:3.0});
	
	if(rand_DIR == 0){
		// DO NOTHING (EXPAND)
		new Effect.Scale( document.getElementById('IMAGE_'+imageON), 115,{
				duration: 8.0, 
				transition: Effect.Transitions.linear, 
				direction: 'top-right', 
				scaleX: true, 
				scaleY: true 
				
			});
	} else {
		// EXPAND ENOUGH TO CONTRACT
		new Effect.Scale( document.getElementById('IMAGE_'+imageON), 87,{
			duration: 8.0, 
			transition: Effect.Transitions.linear, 
			direction: 'bottom-left', 
			scaleX: true, 
			scaleY: true
			
		});
	}
	nextTIMER = setTimeout("expandIMAGE()", 6000);
}


function expandIMAGE() {
	if (nextTIMER) clearTimeout(nextTIMER);
	
	new Effect.Fade(document.getElementById('IMAGE_CONTAINER_'+imageON));
	imageON++;
	expandIMAGE_init();
}