//Hijax Controller Panoramic View
function HCPView()
{
	//alert("HCPView inicializado");
	var prepareAction = 
		function(element)
		{
			var xhr = new Hijax();
			xhr.setContainer(element);
			/*xhr.setUrl("album_server.php");*/
			xhr.setUrl("scripts/pview_server.php");
			xhr.setCanvas(document.getElementById("img_container"));
			xhr.setLoading(function(){displayLoading(document.getElementById("img_container"));});
			xhr.setCallback(function(){
				var all_divs = document.getElementsByTagName("div");
				for (var i=0; i<all_divs.length; i++){
					if (all_divs[i].className.match("pviewLink")){
						//fadeUp(all_divs[i],255,255,204);
						changeLink("btn_close_middle");
					}
				}
				all_divs = null;
			});
  			xhr.captureData();
 		};

	var prepareLoadAction = 
		function(element)
		{
  			var xhr = new Hijax();
			xhr.setContainer(element);
			/*xhr.setUrl("album_server.php");*/
			xhr.setUrl("scripts/pview_server.php");
			xhr.setCanvas(document.getElementById("img_container"));
			xhr.setLoading(function(){displayLoading(document.getElementById("img_container"));});
  			xhr.setCallback(function(){
   				//fadeUp(document.getElementById("img_container"),255,255,204);
				changeLink(document.getElementById("btn_close_middle"));
				var all_forms = document.getElementsByTagName("form");
				for (var i=0; i<all_forms.length; i++){
					if (all_forms[i].className.match("pviewForm")){
						prepareAction(all_forms[i]);
					}
				}
				all_forms = null;
				var all_divs = document.getElementsByTagName("div");
				for (var i=0; i<all_divs.length; i++){
					if (all_divs[i].className.match("pviewLink")){
						prepareLoadAction(all_divs[i]);
					}
				}
				all_divs = null;
			 });
  			xhr.captureData();
 		};

 var displayLoading = function(element) {
  var image = document.createElement("img");
  image.setAttribute("alt","loading...");
  image.setAttribute("src","images/progressbar.gif");
 /* image.className = "loading";*/
  image.style.border= "1px solid #FF9900";
  element.appendChild(image);
  element.style.visibility = 'visible';
 };

/*
 var fadeUp = function(element,red,green,blue) {
  if (element.fade) {
   clearTimeout(element.fade);
  }
  element.style.backgroundColor = "rgb("+red+","+green+","+blue+")";
  if (red == 255 && green == 255 && blue == 255) {
   return;
  }

  var newred = red + Math.ceil((255 - red)/10);
  var newgreen = green + Math.ceil((255 - green)/10);
  var newblue = blue + Math.ceil((255 - blue)/10);
  var repeat = function() {
   fadeUp(element,newred,newgreen,newblue)
  };
  element.fade = setTimeout(repeat,100);
 };*/
 
 var changeLink = function(element){
	/*var ele = document.createElement("img");
	ele.removeChild*/
	if(element)
	{
		try{
			element.removeChild(element.firstChild);
			element.innerHTML = "Cerrar";
			EventUtil.addEventHandler(element, 'click', onClickNoReload);
		} 
		catch (e)
		{ 
			alert(e);
		}
	}
};



 var all_forms = document.getElementsByTagName("form");
 for (var i=0; i<all_forms.length; i++) {
  if (all_forms[i].className.match("pviewForm")) {
   prepareAction(all_forms[i]);
  }
 }
 all_forms = null;
 var all_divs = document.getElementsByTagName("div");
 for (var i=0; i<all_divs.length; i++) {
  if (all_divs[i].className.match("pviewLink")) {
   prepareLoadAction(all_divs[i]);
  }
 }
 all_divs = null;

}

function onClickNoReload(){
	var ele_img_container = document.getElementById("img_container");
	var ele_btn = document.getElementById("btn_close_middle");
	if(ele_img_container.style.display == "none")
	{
		ele_img_container.style.display = "block";
		ele_btn.innerHTML = "Cerrar";
	}
	else
	{
		ele_img_container.style.display = "none";
		ele_btn.innerHTML = "Ver";
	}
}

/*window.onload = HCPView;*/