var gallery = {};

gallery.layer = new Array();
gallery.timer = null;

gallery.pop_up = function(obj, record_id){
	var body = document.getElementsByTagName("body")[0];
	
	var layer = document.createElement("div");
	if(Browser.Name == "MSIE" && Browser.Version == "6.0"){
		layer.style.position = "absolute";
	}else{
		layer.style.position = "fixed";
	}
	layer.style.width = "100%";
	layer.style.height = "100%";
	layer.style.top = "0px";
	layer.style.left = "0px";
	layer.className = "pop_up_layer";
	DocumentDOM.SetOpacity(layer, 70);
	gallery.layer[gallery.layer.length] = layer;
	body.appendChild(layer);
	
	var ajax = new Ajax();
	ajax.CallBack = "gallery.pop_up_response";
	ajax.FilePath = "templates/gallery.php";
	ajax.ClassName = "Gallery";
	ajax.MethodName = "x_render_details";
	ajax.RegisterArgument("record_id", record_id);
	ajax.Send();
	
}

gallery.load_image = function(load_type, slide){
	
	if(typeof(load_type) == "undefined"){
		load_type = 0;
	}
	
	if(load_type == 0 && gallery.timer != null && typeof(slide) == "undefined"){
		window.clearTimeout(gallery.timer);
		gallery.timer = null;
	}else{
		var ajax = new Ajax();
		ajax.CallBack = "gallery.load_image_response";
		ajax.FilePath = "templates/gallery.php";
		ajax.ClassName = "Gallery";
		ajax.MethodName = "x_navigation";
		ajax.RegisterArgument("load_type", load_type);
		ajax.Attributes = load_type;
		ajax.Send();
	}
}

gallery.load_image_response = function(XmlHttp, Attributes){
	document.getElementById("pop_up_content").innerHTML = XmlHttp.responseText;
	
	if(Attributes == 0){
		gallery.timer = window.setTimeout("gallery.load_image(0, 1);", 2000);
	}else{
		window.clearTimeout(gallery.timer);
		gallery.timer = null;
	}
}

gallery.pop_up_response = function(XmlHttp, Attributes){
	var body = document.getElementsByTagName("body")[0];
	
	var layer = document.createElement("div");
	layer.id = "pop_up_content";
	if(Browser.Name == "MSIE" && Browser.Version == "6.0"){
		layer.style.position = "absolute";
	}else{
		layer.style.position = "fixed";
	}
	layer.style.width = "100%";
	layer.style.height = "100%";
	layer.style.top = "0px";
	layer.style.left = "0px";
	layer.style.margin = "5% 0 0 0";
	layer.align = "center";
	layer.innerHTML = XmlHttp.responseText;
	gallery.layer[gallery.layer.length] = layer;//
	Event.RegisterEventHandler(layer, "onclick", gallery.load_image);
	body.appendChild(layer);
	
	var navigation = document.createElement("div");
	if(Browser.Name == "MSIE" && Browser.Version == "6.0"){
		navigation.style.position = "absolute";
	}else{
		navigation.style.position = "fixed";
	}
	navigation.style.top = "20px";
	navigation.style.left = "0px";
	navigation.style.width = "100%";
	navigation.style.textAlign = "center";
	var source = document.getElementById("pop_up_navigation").innerHTML;
	
	navigation.innerHTML = source;
	gallery.layer[gallery.layer.length] = navigation;
	body.appendChild(navigation);
}

gallery.pop_up_close = function(){
	for(var z = 0; z < gallery.layer.length; z++){
		Event.RemoveEventHandler(gallery.layer[z], "onclick", gallery.pop_up_close);
		gallery.layer[z].parentNode.removeChild(gallery.layer[z]);
	}
	window.clearTimeout(gallery.timer);
	gallery.timer = null;
	gallery.layer = new Array();
}