// Global Variable // Holds all roll over images
var oImg = new Array();

if (document.images) {
	// Image URL
	var url = "http://portfolio.deuz.net/focoselectivo/images/";
	// Home
	oImg['home'] = new Image();
	oImg['home'].src = url+"home.jpg";
	// Home Over
	oImg['homeOver'] = new Image();
	oImg['homeOver'].src = url+"homeOver.jpg";
	
	// Who
	oImg['who'] = new Image();
	oImg['who'].src = url+"who.jpg";
	// Who Over
	oImg['whoOver'] = new Image();
	oImg['whoOver'].src = url+"whoOver.jpg";
	
	// Photographers
	oImg['photo'] = new Image();
	oImg['photo'].src = url+"photo.jpg";
	// Photographers Over
	oImg['photoOver'] = new Image();
	oImg['photoOver'].src = url+"photoOver.jpg";
	
	// Schools
	oImg['school'] = new Image();
	oImg['school'].src = url+"school.jpg";
	// Schools Over
	oImg['schoolOver'] = new Image();
	oImg['schoolOver'].src = url+"schoolOver.jpg";
	
	// News
	oImg['news'] = new Image();
	oImg['news'].src = url+"news.jpg";
	// News Over
	oImg['newsOver'] = new Image();
	oImg['newsOver'].src = url+"newsOver.jpg";
	
	// Contact
	oImg['contact'] = new Image();
	oImg['contact'].src = url+"contact.jpg";
	// Contact Over
	oImg['contactOver'] = new Image();
	oImg['contactOver'].src = url+"contactOver.jpg";
	
	// Courses
	oImg['courses'] = new Image();
	oImg['courses'].src = url+"courses.jpg";
	// Courses Over
	oImg['coursesOver'] = new Image();
	oImg['coursesOver'].src = url+"coursesOver.jpg";
	
	// Loader
	oImg['loader'] = new Image();
	oImg['loader'].src = url+"loader.gif";
}

function mroOn(imgName) {
   if (document.images) {
      var imgNameOn = imgName+"Over";
      document.getElementById(imgName).src = oImg[imgNameOn].src;
    }
 }

function mroOff(imgName) {
   if (document.images) {
      document.getElementById(imgName).src = oImg[imgName].src;
    }
 }
 
// Start Fade Effect

function initFade(id,type) {
	switch (type) {
		case 'up':
			for (var i=5;i<=10;i++) {
				setTimeout('setOpacity(\''+id+'\','+i+')',20*i);
			}
			break;
		
		case 'down':
			for (var i=10;i>=5;i--) {
				setTimeout('setOpacity(\''+id+'\','+i+')',1000/i);
			}
			break;
		
		case 'mainFadeIn':
			for (var i=0;i<=10;i++) {
				setTimeout('setOpacity(\''+id+'\','+i+');',100*i);
			}
			break;
		
		case 'picFadeIn':
			for (var i=0;i<=10;i++) {
				setTimeout('setOpacity(\''+id+'\','+i+');',20*i);
			}
			break;
			
		case 'picFadeOut':
			for (var i=10;i>=0;i--) {
				setTimeout('setOpacity(\''+id+'\','+i+');',1000/i);
			}
			break;
	}
}

function setOpacity(id,value) {
	switch (navigator.appName) {
		case 'Microsoft Internet Explorer':
			document.getElementById(id).style.filter = 'alpha(opacity=' + value*10 + ')';
			break;
		default:
			document.getElementById(id).style.opacity = value/10;
	}
	
	
}

// End Fade Effect

// Menu Loading

function loadMenus() {
	initFade('menu','mainFadeIn');
	setTimeout('initFade(\'thumbNails\',\'mainFadeIn\')',1000);
}

// End Menu

// Artist Page Function
function loadingScreen(id,bDisplay) {
	// Make it so it overlaps the entire table, if not, change the innerHTML of bio so it changes to the loader.
	var oLoader = document.getElementById(id);
	if (bDisplay == true) {
		oLoader.innerHTML = '<div id="loader"><img src="'+oImg['loader'].src+'" alt="loader" /><\/div>';
	}
}

function request(url,id,width,height) {
	
	var saved = saveContent(url,id);
	if (!saved) {
		loadingScreen(id,true);
	}

	var oXmlHttp = zXmlHttp.createRequest();
	oXmlHttp.open("get", url, true);
	oXmlHttp.onreadystatechange = function () {
		if (oXmlHttp.readyState == 4) {
			if (oXmlHttp.status == 200) {
				loadingScreen(id,false);
				if (!saved) {
					hide();
					display(id,oXmlHttp.responseText);
				} else {
					loadPic(id,oXmlHttp.responseText,width,height);
				}
			} else {
				loadingScreen(id,false);
				display(id,"Ha ocurrido un Error: " + oXmlHttp.statusText); //statusText is not always accurate
			}
		}
	};
	oXmlHttp.send(null);
}

function requestTwo(url, id) {
	
	loadingScreen(id,true);
	var oXmlHttp = zXmlHttp.createRequest();
	oXmlHttp.open("get", url, true);
	oXmlHttp.onreadystatechange = function () {
		if (oXmlHttp.readyState == 4) {
			if (oXmlHttp.status == 200) {
				loadingScreen(id,false);
				display(id,oXmlHttp.responseText);
			} else {
				loadingScreen(id,false);
				display(id,"Ha ocurrido un Error: " + oXmlHttp.statusText); //statusText is not always accurate
			}
		}
	};
	oXmlHttp.send(null);
}

function display(id,sText) {
	var oDisplay = document.getElementById(id);
	oDisplay.innerHTML = sText;
}

function saveContent(url,id) {
	var tmp = url.split('?');
	if (tmp[1]) {
		tmp = tmp[1].split('=');
		if (tmp[0] == 'img') {
			var currentContent = document.getElementById(id).innerHTML;
		} else if (tmp[0] == 'type') {
			var currentContent = document.getElementById(id).innerHTML;
		}
		return currentContent;
	} else {
		return false;
	}
	
}

function loadPic(id,sText,width,height) {
	var pic = document.getElementById(id);
	pic.innerHTML = sText;
	
	if (navigator.appName == 'Netscape') {
		pic.style.width = width+'px';
		pic.style.height = (parseInt(height)+60)+'px';
	} else {
		pic.style.width = width+'px';
		pic.style.height = height+'px';
	}
	pic.style.display = 'block';
	initFade("pic","picFadeIn");
}

function hide() {
	var pic = document.getElementById("pic");
	pic.style.display = 'none';

	switch (navigator.appName) {
		case 'Microsoft Internet Explorer':
			pic.style.filter = 'alpha(opacity=0)';
			break;
		default:
			pic.style.opacity = 0;
	}
}