//createlist.js

var videos;
var currentVideoId = "";

SWFAddress.onChange = function () {
	
	var pathNames = SWFAddress.getPathNames();
	
	if(pathNames[1]){
		setCurrentVideoId(pathNames[1]);
		
		}
	}


function appInit() {
	
	document.getElementById("videoList").style.visibility = "visible";
	}


function loadList() {
	
	document.getElementById("videoList").innerHTML = "<div class=\"loading\">Loading...<\/div>";
	}

function writeList(v) {
	
	
	var listString = "<ul id='videoScroll'>";
	videos = v;

	document.getElementById("videoList").innerHTML = "";
	
	for(var i=0;i<videos.length;i++){
		listString += "<li><a href='#' onClick='select("+videos[i].difficulty+",\""+videos[i].fileName+"\");return false;' id='"+videos[i].fileName+"'>"+videos[i].arabicTitle+"<\/a><\/li>";
		}
		
	listString += "<\/ul>";
	
	document.getElementById("videoList").innerHTML = listString;
	
	var pathNames = SWFAddress.getPathNames();
	
	if(currentVideoId != "" && document.getElementById(currentVideoId))
		document.getElementById(currentVideoId).className = "selected_"+document.aasite.getDiff();
	}
	
function select(diff,fileName) {
	
	setCurrentVideoId(fileName);
	document.aasite.chooseVideo(diff,fileName);
	}
	
function setCurrentVideoId(value) {
	
	
	if(currentVideoId != value){
		if(currentVideoId != "" && document.getElementById(currentVideoId))
			document.getElementById(currentVideoId).className = "";
		
		currentVideoId = value;
		
		if(document.getElementById(currentVideoId)){
			document.getElementById(currentVideoId).className = "selected_"+document.aasite.getDiff();
			}
		}
	}

function scrollList(top) {

	document.getElementById("videoScroll").style.top = top+"px";
	}