var audio_over = new Image();
audio_over.src = "/wp-content/themes/trigger/images_interface/audio_over.gif";

var video_over = new Image();
video_over.src = "/wp-content/themes/trigger/images_interface/video_over.gif";

var print_over = new Image();
print_over.src = "/wp-content/themes/trigger/images_interface/print_over.gif";

var interactive_over = new Image();
interactive_over.src = "/wp-content/themes/trigger/images_interface/interactive_over.gif";

function InitIcons() {
		
	for(var i=0; i<Media.length; i++) {
			
		var File = new String(Media[i]);
			
		if(File.indexOf(".jpg") != -1) {
			if(File.indexOf("interactive") != -1) var newImage = "url(/wp-content/themes/trigger/images_interface/interactive.gif)";
			else var newImage = "url(/wp-content/themes/trigger/images_interface/print.gif)";
		}
		else if(File.indexOf(".flv") != -1) {
			var newImage = "url(/wp-content/themes/trigger/images_interface/video.gif)";
		}
		else if(File.indexOf(".mp3") != -1) {
			var newImage = "url(/wp-content/themes/trigger/images_interface/audio.gif)";
		}
		else if(File.indexOf(".gif") != -1 || File.indexOf(".swf") != -1) {
			var newImage = "url(/wp-content/themes/trigger/images_interface/interactive.gif)";
		}
			
		var icon = document.getElementById("icon" + i);
		icon.innerHTML = "<a href=\"javascript:InitMedia(" + i + ")\" onmouseover=\"SwapIcon(" + i + ",true)\" onmouseout=\"SwapIcon(" + i + ")\" class=\"icon-link\">&nbsp;" + (i + 1) + "<\/a>";
		icon.style.backgroundImage = newImage;
		icon.style.backgroundRepeat = "no-repeat";
	}
			
	//load the first media item
	InitMedia(0);
}
		
function InitMedia(id) {

	//add the description
	//var Desc_ = new String(Desc[id]);
	//alert(Desc[id])
	//alert(TriggerData[id])
	//alert(document.getElementById("description-copy"))
	document.getElementById("description-copy").innerHTML = Desc[id];
	
	//add the trigger
	//var Trigger_ = new String(TriggerData[id]);
	//alert(TriggerData[id])
	document.getElementById("Trigger_copy").innerHTML = TriggerData[id];

	var loading = document.getElementById("media-loading");
	loading.style.display = "block";

	var File = new String(Media[id]);
			
	if(File.indexOf(".jpg") != -1 || File.indexOf(".gif") != -1) {
		LoadJPG(File);
		//timeoutID = window.setTimeout(LoadJPG, 50,File);
		//setTimeout(func, 1000);
	}
	else if(File.indexOf(".flv") != -1) {
		LoadFlash(File);
	}
	else if(File.indexOf(".mp3") != -1) {
		LoadFlash(File,"mp3");
	}
	else if(File.indexOf(".swf") != -1) {
		LoadFlash(File,"swf");
	}
			
	//flag the CurrMedia so we can turn off the icon
	var PrevMedia = CurrMedia;
			
	//turn on the new icon
	SetActive(id);
	SwapIcon(id,true);
			
	//set CurrMedia 
	CurrMedia = id;
			
	//now check to see if PrevMedia is undefined and if not turn off the icon
	if(PrevMedia != undefined) {
		SetActiveLink(PrevMedia);
		SwapIcon(PrevMedia);
	}
}
		
function SetActive(id) {
	var icon = document.getElementById("icon" + id);
	icon.innerHTML = "<span class=\"icon-active\">&nbsp;" + (id + 1) + "<\/span>"
}
		
function SetActiveLink(id) {
	var icon = document.getElementById("icon" + id);		
	icon.innerHTML = "<a href=\"javascript:InitMedia(" + id + ")\" onmouseover=\"SwapIcon(" + id + ",true)\" onmouseout=\"SwapIcon(" + id + ")\" class=\"icon-link\">&nbsp;" + (id + 1) + "<\/a>";
}
		
function SwapIcon(id,over) {
	var icon = document.getElementById("icon" + id);
			
	var IconType = new String(icon.style.backgroundImage);
		
	if(IconType.indexOf("print") != -1) {
			
		if(CurrMedia != id) {
			if(over) icon.style.backgroundImage = "url(/wp-content/themes/trigger/images_interface/print_over.gif)";
			else icon.style.backgroundImage = "url(/wp-content/themes/trigger/images_interface/print.gif)";
		}
	}
	else if(IconType.indexOf("video") != -1) {
			
		if(CurrMedia != id) {
			if(over) icon.style.backgroundImage = "url(/wp-content/themes/trigger/images_interface/video_over.gif)";
			else icon.style.backgroundImage = "url(/wp-content/themes/trigger/images_interface/video.gif)";
		}
	}
	else if(IconType.indexOf("audio") != -1) {
		if(over) icon.style.backgroundImage = "url(/wp-content/themes/trigger/images_interface/audio_over.gif)";
		else icon.style.backgroundImage = "url(/wp-content/themes/trigger/images_interface/audio.gif)";
	}
	else if(IconType.indexOf("interactive") != -1) {
		if(over) icon.style.backgroundImage = "url(/wp-content/themes/trigger/images_interface/interactive_over.gif)";
		else icon.style.backgroundImage = "url(/wp-content/themes/trigger/images_interface/interactive.gif)";
	}
}