var btnLevel1 = new Array();
btnLevel1 = ["home", "projects", "about-show", "tips-demos", "download-files"];
for (var i = 0; i < btnLevel1.length; i++) {
	eval("A" + i + "on = new Image();"); eval("A" + i + "off = new Image();");
	eval("A" + i + "on.src = \"images/l1-" + btnLevel1[i] + "-r.png\";");
	eval("A" + i + "off.src = \"images/l1-" + btnLevel1[i] + "-0.png\";");
}

var btnLevel2 = new Array();
btnLevel2 = ["project1", "project2", "project3"];
for (var i = 0; i < btnLevel2.length; i++) {
	eval("B" + i + "on = new Image();"); eval("B" + i + "off = new Image();");
	eval("B" + i + "on.src = \"images/l2-" + btnLevel2[i] + "-r.png\";");
	eval("B" + i + "off.src = \"images/l2-" + btnLevel2[i] + "-0.png\";");
}


function changeImages() 
{
  if (document.getElementById) {
    for (var i = 0; i < changeImages.arguments.length; i += 2) { 
  		document.getElementById(changeImages.arguments[i]).src = eval(changeImages.arguments[i + 1] + ".src"); 
	}
  }
}

function swapCommentTabs(activeTab)
{
	if (activeTab == "comments")
	{
		$('#discussProject').parent().addClass('selected');
		$('#submitProjectIdea').parent().removeClass('selected');
	} 
	else if (activeTab == "submitProjectIdea")
	{
		$('#discussProject').parent().removeClass('selected');
		$('#submitProjectIdea').parent().addClass('selected');
	}
}

function hideCommentPanes()
{
	document.getElementById("project1CommentsWrapper").style.display = "none";
}

function loadCommentPane(showThisEpisode)
{
	eval("$\('#project1CommentsWrapper'\).css\({display:\"block\"}); ");
	eval("$\('#projectComments'\).jScrollPane\({scrollbarWidth:9,scrollbarMargin:3 }\);");
}

function hideSummaries()
{
	for (var i = 0; i < episodeCount; i++)
	{ 
		eval("$\('#summaryProject" + currentProject + "Episode" + i + "'\).css\({display:\"none\"}); ");
	}
}

function loadEpisodeSummary(showThisSummary)
{
	hideSummaries();

	// show summary which was requested
	eval("$\('#summaryProject" + currentProject + "Episode" + showThisSummary + "'\).css\({display:\"block\"}); ");

}

function hidePolls()
{
	for (var i = 0; i < episodeCount + 1; i++)
	{ 
		eval("$\('#pollProject" + currentProject + "Episode" + i + "'\).css\({display:\"none\"}); ");
	}
}

function loadPoll(showThisSummary)
{
	hidePolls();

	// show poll which was requested
	eval("$\('#pollProject" + currentProject + "Episode" + showThisSummary + "'\).css\({display:\"block\"}); ");

}

function thumbnailOn(theDiv)
{
	var episodeNumber = theDiv.id.slice(theDiv.id.length-1,theDiv.id.length);
	loadEpisodeSummary(episodeNumber);
}

function thumbnailOff(theDiv)
{
	loadEpisodeSummary(currentEpisode);
}

function loadVideo(filename, youtube, autoplay, xml, tracking, firstFrame, cueXml) {
	if (cueXml != 'none')
	{
		var flashvars = {
	        autostart: autoplay,
	        skin: 'includes/flash/beelden.zip',
	        controlbar: 'over',
	        file: filename + '.flv',
			image: firstFrame,
			plugins: 'includes/flash/action-new.swf,includes/flash/embed.swf,includes/flash/cuepoint.swf',
			'embed.youtube': youtube,
			'action.tracking': tracking,
			'action.path': xml,
			'cuepoint.path': cueXml
	    };
	} else {
		var flashvars = {
	        autostart: autoplay,
	        skin: 'includes/flash/beelden.zip',
	        controlbar: 'over',
	        file: filename + '.flv',
			image: firstFrame,
			plugins: 'includes/flash/action.swf,includes/flash/embed.swf',
			'embed.youtube': youtube,
			'action.tracking': tracking,
			'action.path': xml
	    };
	}
    var params = {
        menu: false,
        allowfullscreen: true,
		allowscriptaccess: 'always',
        id: 'flashPlayer',
		wmode: 'transparent'
    }
    swfobject.embedSWF("includes/flash/player.swf", "flashPlayer", "640", "360", "10.0.22", null, flashvars, params, null);
}

function thumbnailSelect(theDiv)
{
	var youtubeVideo = theDiv.getElementsByTagName("div")[0].innerHTML;
	var xmlPath = theDiv.getElementsByTagName("div")[1].innerHTML;
	var tracking = theDiv.getElementsByTagName("div")[2].innerHTML;
	var firstFrame = theDiv.getElementsByTagName("div")[3].innerHTML;
	var fileName = theDiv.getElementsByTagName("div")[4].innerHTML;
	if (theDiv.getElementsByTagName("div")[5])
	{
		var cueXml = theDiv.getElementsByTagName("div")[5].innerHTML;
	} else {
		var cueXml = 'none';
	}
	var episodeNumber = theDiv.id.slice(theDiv.id.length-1,theDiv.id.length);
	var episodeRank = theDiv.id.slice(theDiv.id.length-1,theDiv.id.length);
	loadEpisodeSummary(episodeNumber);
	loadPoll(episodeNumber);
	$('#submitIdeaForm').css({display:"none"});
	loadCommentPane(episodeNumber);
	selectThumbnail(episodeNumber, youtubeVideo, xmlPath, tracking, firstFrame, fileName, cueXml);
	currentEpisode = episodeNumber;
	currentRank = episodeRank;
}

function selectThumbnail(thisOne, youtubeVideo, xmlPath, tracking, firstFrame, fileName, cueXml)
{
	$('#episodeThumbnails').find('div.selected').removeClass('selected');
	// add the selected class
	eval("$\('#thumbnail" + thisOne + "'\).addClass\('selected'\)");
	loadVideo(fileName, youtubeVideo, true, xmlPath, tracking, firstFrame, cueXml);
}

function swapFocusBG(theImage, theState)
{
	if (theState == "on")
	{
		theImage.style.background = "transparent url(images/bg-focus-image-r.png) top left no-repeat";
	} else {
		theImage.style.background = "transparent url(images/bg-focus-image-0.png) top left no-repeat";
	}
}

$(document).ready(function(){
	
	/* drop down menus */
	$("ul#navigation li#projectNav").hover(
		 function(){
			 $(this).find("ul").show();
			 document.getElementById("A1").src = "images/l1-projects-r.png";
		}, 
		 function(){
			$(this).find("ul").hide();
			document.getElementById("A1").src = "images/l1-projects-0.png";
		}
	);

});