// JavaScript Document
dojo.require("dojo.event.*");
dojo.require("dojo.widget.*");
dojo.require("dojo.widget.Button");
dojo.require("dojo.io.*");
dojo.require("dojo.lfx.*");

var dom = Sarissa.getDomDocument();
var domImages = Sarissa.getDomDocument();
var currentDir = "";
var imgIndx = 0;
var imgArray;
var animStyle = 0;
var playable = 0;
var pageLoad = 1;
var playPauseBtn;


function createTable(cntentDiv, menueDiv, dirDiv){
str = "";
str = '<table id="imgCnt" width="80%" border="0" align="center">'; //align="center"
str += '<tr >';
	str += '<td id="cnt" width="90%" > ';
		str += "Content";
	str += '</td>';
str += "</tr>";
str += '</table>';	
document.getElementById(cntentDiv).innerHTML=str;
str = '<table id="imgMenue" align="center">';
str += '<tr align="center">';
	str += '<td id="menue1" > ';
		//str += "Menues";
	str += "</td>";
		str += '<td id="menue2" > ';
		//str += "Menues";
	str += "</td>";
		str += '<td id="menue3" > ';
		//str += "Menues";
	str += "</td>";
str += "</tr>";
str += '</table>';
document.getElementById(menueDiv).innerHTML=str;
str = '<table id="imgDir" width="85%" border="0" align="center">';
str += '<tr align="center">';
	str += '<td id="dir"  > ';//width="100%"
		//str += "directories";
	str += "</td>";
str += "</tr>";
str += '</table>';	
document.getElementById(dirDiv).innerHTML=str;
}

function previousImg()
{
	//alert("previous clicked");
	
	var btn = window.document.getElementById("imgMenue"); //.tBodies[0].rows[0].cells[0];
	var elemnt = btn.firstChild.getElementsByTagName("td");
	//alert(elemnt[0].firstChild.innerHTML);
	var toggle2 = btn.tBodies[0].rows[0].cells[0];
	//alert(toggle2.firstChild.innerHTML);
	toggle2.firstChild.style.visibility = "hidden";
	btn.tBodies[0].rows[0].cells[1].childNodes[0].childNodes[0].innerHTML = "Play";
	playable = 0;
	
	if(animStyle == 0)
	{
		//alert(imgIndx);
		//if(imgIndx != 0)
		if(imgIndx > 1)
		{
			var pos = (imgArray.length - 1) - (imgIndx - 1);
		}
		else
		{
			var pos = (imgArray.length - 1);
		}
		//alert(pos);
			var crntPic = imgArray[pos];
			
			if(imgIndx > 0)
				imgIndx -= 1;
			//alert(imgIndx);
			//alert(pos)
			if(pos != 0){
				dojo.lfx.html.wipeIn(crntPic,2000, dojo.lfx.easeDefault(20)).play();
				toggle2.firstChild.style.visibility = "visible";
			}
			else{
				//startAnimation();
				}
	}
	else
	{
		//alert(imgIndx);
		if(imgIndx < imgArray.length  && imgIndx >= 0)
		{
			var crntPic = imgArray[imgIndx];
		}
		else
		{
			var crntPic = imgArray[0];
		}
		//alert(imgIndx);
			if(imgIndx > 0)
				imgIndx -= 1;
			//alert(crntPic);
			if(imgIndx > 0){
				var anim = dojo.lfx.html.implode(crntPic, crntPic,1000, dojo.lfx.easeDefault(20)).play();
				toggle2.firstChild.style.visibility = "visible";
			}
			else{
				//startAnimation();
				}
	}
	toggle2.firstChild.style.visibility = "visible";
}

function ppImg ()
{
	//alert(playPauseBtn.innerHTML);
	//alert("play and Pause clicked");
	if(pageLoad == 1)
		pageLoad = 0;
	var btnpp = window.document.getElementById("imgMenue");
	btnpp = btnpp.tBodies[0].rows[0].cells[1];
	//alert(btnpp.innerHTML);
	var val = btnpp.childNodes[0].childNodes[0].innerHTML;
	if(val == "Play")
	{
		btnpp.childNodes[0].childNodes[0].innerHTML = "Pause";
		playable = 1;
		startAnimation();
	}
	else
	{
		btnpp.childNodes[0].childNodes[0].innerHTML = "Play";
		playable = 0;
	}
}

nextImg = function()
{
	var btn = window.document.getElementById("imgMenue"); 
	var elemnt = btn.firstChild.getElementsByTagName("td");
	var toggle2 = btn.tBodies[0].rows[0].cells[2];
	toggle2.firstChild.style.visibility = "hidden";
	btn.tBodies[0].rows[0].cells[1].childNodes[0].childNodes[0].innerHTML = "Play";
	playable = 0;
	
			if(imgIndx >= imgArray.length)
			{
				imgIndx = 0;
				if(animStyle == 0)
				{
					animStyle = 1;
				}
				else
				{
					animStyle = 0;
				}
			}
				
		if(animStyle == 0)
		{
			var pos = 	(imgArray.length - 1) - imgIndx;
			var crntPic = imgArray[pos];
			imgIndx += 1;
			if(pos != 0){
				var anim = dojo.lfx.html.implode(crntPic, crntPic,1000, dojo.lfx.easeDefault(10)).play();
			}
			else{
				//startAnimation();
				}
		}
		else
		{
			var crntPic = imgArray[imgIndx];
			imgIndx += 1;
			if(imgIndx != 1){
				dojo.lfx.html.wipeIn(crntPic,1000, dojo.lfx.easeDefault(10), startAnimation ).play();
			}
			else{
				//startAnimation();
				}
		}
	
	toggle2.firstChild.style.visibility = "visible";
}

function loadButtons()
{
	var tbMenue = window.document.getElementById("imgMenue");
//alert(tbMenue.innerHTML);

var rwMenue = tbMenue.tBodies[0].rows[0];
//alert(rwMenue.innerHTML);

var btnRwnd=document.createElement("button");
btnRwnd.setAttribute("dojoType", "Button");
btnRwnd.setAttribute("widgetId", "btnRwndI");
btnRwnd.innerHTML = "Previous";
tbMenue.cells[0].appendChild(btnRwnd);
btnRwnd.onClick = previousImg;

var btnPlayPs=document.createElement("button");
btnPlayPs.setAttribute("dojoType", "Button");
btnPlayPs.setAttribute("widgetId", "btnPlayPsId");
btnPlayPs.innerHTML = "Play";
tbMenue.cells[1].appendChild(btnPlayPs);
btnPlayPs.onClick = ppImg;
/*var btnpp = dojo.widget.byId('btnPlayPsId');
dojo.event.connect(btnPlayPs, 'onClick', 'ppImg')*/


var btnNxt=document.createElement("button");
btnNxt.setAttribute("dojoType", "Button");
btnNxt.setAttribute("widgetId", "btnNxt");
btnNxt.innerHTML = "Next";
tbMenue.cells[2].appendChild(btnNxt);
btnNxt.onClick = nextImg;


}

function dirSelected(str)
{
	alert(str);
	
	if( currentDir != str)
	{
		currentDir = str
		xmlHttpPost('files/phps/getImages.php', "?directory=" + str, "displayImagesCallback");
	}
}

/*function dirListingCallback(type, data, evt)
{
if (type == 'error')
  alert('Error when retrieving data from the server!');
else
  alert(data);
  /*var xmlobject = (new DOMParser()).parseFromString(data, "text/xml");
  alert(xmlobject);
  alert(data.firstChild.data);
  
  var root = data.getElementsByTagName("Directories");
  //alert(root);

}*/

function getDirs()
{
	dojo.io.bind({//'http://localhost:5080/ogosow.com/Scripts/
                       url: 'files/phps/dirListing.php',
                       handler: dirListingCallback,
					   mimetype: "text/plain"
                    });

}

function dirListingCallback(data)
{  
  dom.loadXML(data);
  //alert(dom.firstChild.nodeValue);
  //alert(dom.childNodes[1].nodeName);
  var root = dom.childNodes[1]; 
  //window.document.getElementById("directories").innerHTML = "";
  for (i=0; i<root.childNodes.length; i++){
		//alert(root.childNodes[i].firstChild.nodeValue);
		var links ='<a href=\'javascript:onClick=dirSelected(\"'+root.childNodes[i].firstChild.nodeValue +'\")\' class="dirListingClass"><img src="images/greenIcon.jpg" width="20" height="21" border="0" align="middle"/>'+ root.childNodes[i].firstChild.nodeValue +'</a> &nbsp;&nbsp;&nbsp;';
		if(i == 3 || i == 8)
			links += '<br />&nbsp;&nbsp;&nbsp;';
		if(i == 6 || i == 8)
			links += '<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
		/*links.setAttribute("onClick", "getDirs("+ root.childNodes[i].firstChild.nodeValue +")");
		links.setAttribute("className", "dirListingClass");*/
		var mydiv =	window.document.getElementById("directories"); //.innerHTML += links ;
		mydiv = mydiv.firstChild.firstChild.firstChild.firstChild;
		//alert(mydiv.innerHTML);
		mydiv.innerHTML += links ;
	
		if(i == 0)
			var strat = root.childNodes[i].firstChild.nodeValue;
	}
	
	if( null != strat && strat != "")
	{
		dirSelected(root.childNodes[0].firstChild.nodeValue);
		currentDir = strat;	
	}

}

function displayImagesCallback(data)
{
	
	domImages.loadXML(data);
	
	//alert(domImages.firstChild.nodeValue);
  //alert(domImages.childNodes[1].nodeName);
  //alert(domImages.childNodes[0].innerHTML);
  var root = domImages.childNodes[1];
  //alert(root.innerHTML);
  var photoFrm = '';
  if(root.childNodes.length > 0)
  {
	  //in future, implement the updating of the currentDir in here and remove it from
	//dirSelected
	  imgArray = [];
	  imgIndx = 0;
	  var mydiv =	window.document.getElementById("photos");
	  mydiv.innerHTML = "";
	  
	 /* var phtsTp = mydiv.style.top;
	  var phtsLft = mydiv.style.left;
	  alert(phtsTp);*/
	  //alert("ENTRANCE");
	  /**********************/
  	  window.document.getElementById("photos").innerHTML = "";
	  for (i=0; i<root.childNodes.length; i++){
		  var top = 0 ;//* -10;
		  var lyr = i + 1;
		  //alert(top);
		  //alert(root.childNodes[i].firstChild.nodeValue);
		  //imgArray[i] = root.childNodes[i].firstChild.nodeValue;
		  var divName = "photo"+i;
		  imgArray[i] = divName;
		  var photoDiv = '<div id="'+ divName +'" class="photoContainers" style="margin-top:'+ top +'px;  z-index:'+ lyr +'"><img src="images/galleria/'+ currentDir +'/'+ root.childNodes[i].firstChild.nodeValue +'" width="100%"  border="0"  /></ div>';
		  //alert(photoDiv);//align="middle"height="100%"
		  photoFrm += photoDiv; 
		 //window.document.getElementById("photos").innerHTML += photoDiv ;
		  //.innerHTML += links ;
		//var mydiv2 = mydiv.firstChild.firstChild.firstChild.firstChild;
		//alert(mydiv2.innerHTML);
		
	mydiv.innerHTML += photoDiv ;
	var frstTag = window.document.getElementById(imgArray[0]).style.top;
	//alert(parseInt(frstTag));
	  }
	  
	 /// if(imgArray.length > 0)/*width:250px; height:300px*/
	 //mydiv2.innerHTML += photoFrm
  	//loadPhotos(photoFrm);
	  
	  startAnimation();
  }
  /*if(imgArray.length > 0)
  	loadPhotos(photoFrm);*/
}

function loadPhotos(str)
{
	//alert(str);
	//in future, implement the updating of the currentDir in here and remove it from
	//dirSelected
	window.document.getElementById("photos").innerHTML = "";
	window.document.getElementById("photos").innerHTML += str;
	
}

function startAnimation()
{
	//alert("animation startting: *****");
	//alert("Current image index: " + imgIndx);
	//alert("Number of Pics :  "+ imgArray.length);
	if(playable == 1)
	{
		if(imgIndx >= imgArray.length)
			{
				imgIndx = 0;
				if(animStyle == 0)
				{
					animStyle = 1;
				}
				else
				{
					animStyle = 0;
				}
			}
		
		//alert(crntPic);
		
		if(animStyle == 0)
		{
			var pos = 	(imgArray.length - 1) - imgIndx;
		//alert(pos);
			var crntPic = imgArray[pos];
			imgIndx += 1;
			if(pos != 0){
				//alert(window.document.getElementById(crntPic).parentNode.innerHTML);
				//if(pageLoad != 1)  //********** keep eye on this. controlled by the play and pause button
			var anim = dojo.lfx.html.implode(crntPic, crntPic,3000, dojo.lfx.easeDefault(20), startAnimation).play(); 
		 //dojo.lfx.html.fadeOut(crntPic, crntPic,3000, dojo.lfx.easeDefault(20), startAnimation).play();
		 //var node = window.document.getElementById("photos");
		 //alert(crntPic);
		 //var cdiv = node.getElementById(crntPic);
		 //alert(cdiv.style.visibility);
			}
			else{startAnimation();}
		}
		else
		{
			var crntPic = imgArray[imgIndx];
			imgIndx += 1;
			//alert(crntPic);
			if(imgIndx != 1){
				dojo.lfx.html.wipeIn(crntPic,2000, dojo.lfx.easeDefault(20), startAnimation ).play();
			}
			else{startAnimation();}
			//dojo.lfx.html.fadeOut(imgArray, 3000, dojo.lfx.easeDefault(20), startAnimation).play();
			//var anim = dojo.lfx.html.explode(crntPic, crntPic,8000, dojo.lfx.easeDefault(3),startAnimation).play();
		}
	}
	// anim.play();
}