/**
 * @author juventinomejia
 */
var req;
var resultLength;
var timerId;
var intervalId;
var count = 0;
var current = null;
var video_value;
var v_old = -1;
var w;
var h;
var brwsr;
var frameSet = document.getElementById("frames");
var loadingt = document.getElementById("loading");
//tst = document.getElementById("debug");
var im;

if(document.all || window.attachEvent || window.createPopup || (document.compactMode && document.all) || (window.XMLHttpRequest && document.all)){
	brwsr = "IE";
}else{
	brwsr = "Other";
}

makeRequest = function() {
	//tst = document.getElementById("debug");
	while((video_value = Math.round(Math.random()*4)) == v_old){}
	v_old = video_value;
	//tst.innerHTML = v_old;
	url = "request/readFrames.php?video=video"+video_value;
	req = false;
    if(window.XMLHttpRequest && !(window.ActiveXObject)) {
    	try {
			req = new XMLHttpRequest();
        } catch(e) {
			req = false;
        }
    } else if(window.ActiveXObject) {
       	try {
        	req = new ActiveXObject("Msxml2.XMLHTTP");
      	} catch(e) {
        	try {
          		req = new ActiveXObject("Microsoft.XMLHTTP");
        	} catch(e) {
          		req = false;
        	}
		}
    }
	if(req) {
		req.onreadystatechange = processReqChange;		
		req.open("GET", url, true);
		req.send("");
	}else{
		//show static image
	}
}

processReqChange = function() {
    // only if req shows "loaded"
	tst = document.getElementById("debug");
	if (req.readyState == 4) {
		results = req.responseText;
		result = results.split(";");
		w = result.shift();
		h = result.shift();
		resultLength = result.length-1;
		//tst.innerHTML += "<br>"+w + "<br>" + h+"<br>"+resultLength+"<br>";
		layoutRequest(result);    
	}
}

layoutRequest = function(result){
	//tst = document.getElementById("debug");
	loadingt = document.getElementById("loading");
	frameSet = document.getElementById("frames");
	cnt = document.getElementById("content");
	frameSet.style.width = w;
	frameSet.style.height = h;
	cnt.style.width = w;
	cnt.style.height = h;
	
	if(brwsr == "Other"){
		for(i=0;i<resultLength;i++){
			frame = document.createElement('img');
			frame.src = "video"+video_value+"/"+result[i];
			frame.setAttribute("class", "frame");
			frame.setAttribute("id", "frame"+i);
			frame.style.visibility = "hidden";
			frame.width = "320";
			frame.height = "240";
			frameSet.appendChild(frame);
			//tst.innerHTML += frame.src+"<br>";
		}
	}else{
		for(i=0;i<resultLength;i++){
			frame = "<img style=\"visibility:hidden;\" id=\"frame"+i+"\" class=\"frame\" src=\"video"+video_value+"/"+result[i]+"\">";
			frameSet.innerHTML += frame;
		}
	}
	
	loadingt.style.visibility = "hidden";
	//show = document.getElementById('frame0');
	//show.style.visibility = "visible";
	//135
	intervalId = window.setInterval("update()", 150);
}

update = function(){
	//tst = document.getElementById("debug");
	//tst.innerHTML += count;

	if(current){
		current.style.visibility = "hidden";
	}else{
		loadingt.style.visibility = "hidden";		
	}
	
	current = document.getElementById('frame'+count);
	current.style.visibility ="visible";

	if((resultLength-1) == count){
		loadingt.style.visibility = "visible";
		cleanUp();
		//timeoutId = window.setInterval("cleanUp()", 1000);
	}else{
		count++;
	}
}

cleanUp = function(){
	//tst = document.getElementById("debug");
	//loadingt.style.visibility = "visible";
	//tst.innerHTML += "done with: "+current.src+";"+count;
	if(intervalId){
		window.clearInterval(intervalId);
	}
	
	//if(timeoutId){
		//window.clearInterval(timeoutId);
	//}
	
	current = null;
	count = 0;
	frameSet.innerHTML = "";
	makeRequest();
}

mouseOver = function(id){	
	im = document.getElementById(id);
	im.src = "images/"+id+"_ovr.gif";
}

mouseOut = function(id){
	im = document.getElementById(id);
	im.src = "images/"+id+".gif";
}