var placeArray = new Array();
placeArray["envPlace"] = 0;
placeArray["conPlace"] = 0;
placeArray["docPlace"] = 0;

var pathArray = new Array();
pathArray["env"] = "environment/";
pathArray["con"] = "conceptual/";
pathArray["doc"] = "documentary/";
var ido = 'email';

var imgSrcArray = new Array();

$(document).ready(function(){   
	preLoadImages();
});

function scrollSect(section, num) {
	var secTitle = document.getElementById(section+"SubLink");
	var secLink = document.getElementById(section+"ImgLink");
	var secImg = document.getElementById(section+"Img");
	var envList = new Array("Wild Rivers","The Blue Edge","Battlegrounds");
	var envURLs = new Array("rivers","blueedge","battle");
	var conList = new Array("Clothes Inventory","Story of Creation","M&Ms","Two Mindsets","Snap Judgments");
	var conURLs = new Array("clothes","creation","mms","twominds","snap");
	var docList = new Array("Mexico en California","Aquarium","Rancho San Antonio");
	var docURLs = new Array("mexico","aquarium","rancho");
	var tempArray = eval(section+"List");
	var tempURLs = eval(section+"URLs");
	var tempPlace = placeArray[section+"Place"];
	var newPlace;
	
	if (num == 1) {
		if (tempPlace == tempArray.length-1) {
			newPlace = 0;
		} else {
			newPlace = tempPlace + 1;
		}
	} else {
		if (tempPlace == 0) {
			newPlace = tempArray.length-1;
		} else {
			newPlace = tempPlace - 1;
		}
	}
	secImg.src = imgSrcArray[tempURLs[newPlace]].src;
	secLink.href = pathArray[section] + tempURLs[newPlace] + ".html";
	secTitle.innerHTML = '<a href=\"' + pathArray[section] + tempURLs[newPlace] + '.html\">' +  tempArray[newPlace] + '</a>';
	placeArray[section+"Place"] = newPlace;
}

function view(objLink,imgName) {
	var objImage = document.images['largeHold'];
	var objTitle = document.getElementById('imageTitle');
	var objShow = document.getElementById('largeImg');
	var objLoad = document.getElementById('divLoadImage');
	var objGrad = document.getElementById('overgrad');
	var objNav = document.getElementById('imageNav');
	var objBox = document.getElementById('imageBox');
	var objPla = document.getElementById('imgPla');
	
	imgPreload = new Image();

	imgPreload.onload=function(){
			objImage.style.border = '1px solid #CCC';
			objTitle.innerHTML = imgName;
			objImage.src = objLink;
			objImage.style.width = imgPreload.width +"px";
			objImage.style.height = imgPreload.height +"px";
			if (navigator.appVersion.indexOf("MSIE")!=-1){
				pause(250);
			}
			objPla.style.width = imgPreload.width+30 +"px";
			objNav.style.width = imgPreload.width+11 +"px";
			objTitle.style.width = imgPreload.width-30 +"px";
			
			objLoad.style.visibility = "hidden";
			changeOpac(0, 'largeImg');
			objShow.style.visibility = "visible";
			opacity("largeImg",0,100,800);
		return false;
	}
	objGrad.style.visibility = "visible";
	imgPreload.src = objLink;
}

function audio() {
	document.getElementById('largeImg').style.top = '190px';
	document.getElementById('overgrad').style.visibility = "hidden";
	document.getElementById('imageBox').style.overflow = "auto";
}

function closeImage() {
	document.getElementById('imageBox').style.overflow = "auto";
	document.getElementById('overgrad').style.visibility = "hidden";
	document.getElementById('largeImg').style.visibility = "hidden";
}

function opacity(id, opacStart, opacEnd, millisec) {
	var objShow = document.getElementById('largeImg');
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
        //objShow.style.visibility = "hidden";
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
        //objShow.style.visibility = "visible";
    }
}

function swapop(idn, millisec) {
	var objout = document.getElementById(ido);
	var objin = document.getElementById(idn);
	objout.style.visibility ="visible";
	if (objin.style.visibility != "visible") {
		//speed for each frame
		var speed = Math.round(millisec / 100);
		var timer = 0;
		for(i = 100; i >= 0; i--) {
			setTimeout("changeOpac(" + i + ",'" + ido + "')",(timer * speed));
			timer++;
		}
		objout.style.visibility ="hidden";
		changeOpac(0, idn)
		objin.style.visibility ="visible";
		timer = 0;
		for(i = 0; i <= 100; i++) {
			setTimeout("changeOpac(" + i + ",'" + idn + "')",(timer * speed));
			timer++;
		}
		ido = idn;
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function swap(divName,imgName,flop) {
	var imageObj = document.images[imgName];
	if (loader == 1) {
		if (flop==0) {
			if(document.layers && divName) {
				document[divName].document[imgName].src = eval(imgName + ".src");
			}
			else {
				imageObj.src = eval(imgName + ".src");
			}
	   } else {
			if(document.layers && divName) {
			document[divName].document[imgName].src = eval(imgName + "_over.src");
			} else {
				imageObj.src = eval(imgName + "_over.src");
			}
	   }
	}
}

function preLoadImages() {
	if (!document.getElementsByTagName){ return; }
	var anchors = document.getElementsByTagName("a");

	// loop through all anchor tags
	for (var i=0; i<anchors.length; i++){
		var anchor = anchors[i];
		if (anchor.getAttribute("href") && (anchor.getAttribute("name") == "preloader")){
			imgSrcArray[anchor.getAttribute("id")] = document.createElement("img");
			imgSrcArray[anchor.getAttribute("id")].src = anchor.getAttribute("href");
		}
	}
}

function pause(numberMillis) {
	var now = new Date();
	var exitTime = now.getTime() + numberMillis;
	while (true) {
		now = new Date();
		if (now.getTime() > exitTime)
			return;
	}
}