/* This module controls the panel to load and save scenes. */
// Uses DriveModule to access the files

var SceneStorageModule = {
	name: "scene_storage",
	localscene_prefix: "wgl_localscenes_",
	scene_templates: {
		"empty":null
	},
	
	preferences: {
		show_guest_warning: true
	},

	init: function()
	{
		var menubar = LiteGUI.menubar;
		
		menubar.add("Project/New", {callback: this.onNewScene.bind(this) });

		menubar.add("Project/Load/From Server", { callback: this.showLoadSceneFromServerDialog.bind(this) });
		// menubar.add("Project/Load/Local", { callback: this.showLoadLocalSceneDialog.bind(this) });
		menubar.add("Project/Load/From URL", { callback: this.showLoadFromURLDialog.bind(this) });
		// menubar.add("Project/Load/From File", { callback: this.showLoadFromFileDialog.bind(this) });
		menubar.add("Project/Load/From autobackup", { callback: this.recoverBackup.bind(this) });
		// menubar.add("Project/Load/From JSON text", { callback: this.showLoadFromJSONDialog.bind(this) });
		menubar.add("Project/Save/In Server", { callback: this.showSaveSceneInServerDialog.bind(this,null) });
		// menubar.add("Project/Save/Local", { callback: this.showSaveSceneInLocalDialog.bind(this) });
		//menubar.add("Project/Download", { callback: this.showDownloadSceneDialog.bind(this) });
		menubar.add("Project/Test", { callback: this.testScene.bind(this) });
		menubar.add("Project/Publish", { callback: this.showPublishDialog.bind(this) });

		menubar.separator("Project");
		menubar.add("Project/Reset All", { callback: EditorModule.showResetDialog.bind(EditorModule) });

		menubar.add("Scene/Show JSON", { callback: function() { EditorModule.checkJSON( LS.GlobalScene ); } });
		menubar.add("Scene/Show JSON Simple", { callback: function() { 
			var data = LS.GlobalScene.serialize(true);
			delete data.extra;
			EditorModule.checkJSON( data ); }
		});

		//feature in development...
		menubar.add("Scene/Create", { callback: function() { SceneStorageModule.showCreateSceneDialog(); } });
		menubar.add("Scene/Select active", { callback: function() { SceneStorageModule.showSelectSceneDialog(); } });
		
		//LiteGUI.mainmenu.separator();

		this.retrieveLocalScenes();

		//If you launch with a loading url
		/* UNSAFE
		if( LiteGUI.getUrlVar("session") )
			SceneStorageModule.loadLocalScene( LiteGUI.getUrlVar("session"));
		else if( LiteGUI.getUrlVar("server") )
			Scene.loadScene( ResourcesManager.path + "/scenes/" + LiteGUI.getUrlVar("server") );
		else if( LiteGUI.getUrlVar("scene") )
			Scene.loadScene( LiteGUI.getUrlVar("scene") );
		else if(window.SceneStorageModule && 0)
			SceneStorageModule.loadLocalScene("test");
		*/
	},

	onNewScene: function()
	{
		//cheap way to check for changed stuff
		var res = Object.keys( LS.GlobalScene.getResources() );
		var components = LS.GlobalScene.root._components.map(a=>a.constructor.name.toString()).join(" ");
		var modified = LS.GlobalScene.root.childNodes.length || res.length || components != "GlobalInfo Camera Light Skybox";

		if(!modified)
			inner_new()
		else
			LiteGUI.confirm("Are you sure?", function(v) {
				if(!v)
					return;
				inner_new();
			});

		function inner_new()
		{
			LS.ResourcesManager.reset();
			LS.Renderer.reset();
			EditorModule.resetScene(); //does the clear and attaches default components
			SceneStorageModule.showNewSceneDialog();
		}
	},

	showNewSceneDialog: function()
	{
		var dialog = LiteGUI.Dialog.getDialog("dialog_new_scene");
		if(dialog)
			return;

		dialog = new LiteGUI.Dialog( { id: "dialog_new_scene", title:"New Scene", close: true, minimize: true, width: 420, height: 320, scroll: false, draggable: true});

		var widgets = new LiteGUI.Inspector({ name_width: 160 });
		dialog.add(widgets);

		var name_widget = widgets.addString("Name","",{ placeHolder:"write name..." });
		var folder_widget = widgets.addFolder("Folder", ProfileModule.user ? ProfileModule.user.username + "/projects" : "" );
		var create_folder_widget = widgets.addCheckbox("Create project folder",true);
		var data_folder_widget = widgets.addString("data subfolder","data");

		var template_names = Object.keys( this.scene_templates );
		var template_widget = widgets.addCombo("Templates", "empty", { values: template_names });

		widgets.addButtons(null,["Create","Skip"], { className:"big", callback: function(button){
			if(button == "Skip")
			{
				dialog.close();
				return;
			}

			inner_create();
			
			dialog.close();
		}});

		dialog.show();
		dialog.adjustSize();
		name_widget.focus();

		function inner_create()
		{
			var name = name_widget.getValue();
			var folder = folder_widget.getValue();
			var template = SceneStorageModule.scene_templates[ template_widget.getValue() ];
			if(!name)
				return;

			name = name.toLowerCase();
			if(create_folder_widget.getValue() == true)
				folder += "/" + name;
			if( name.indexOf(".json") == -1 )
				name += ".json";

			LS.GlobalScene.extra.filename = name;
			LS.GlobalScene.extra.folder = folder;
			LS.GlobalScene.extra.fullname = folder + "/" + name;
			LS.GlobalScene.extra.data_folder = folder + "/" + data_folder_widget.getValue();

			if(!ProfileModule.user)
				return LiteGUI.alert("User not logged, cannot create folder");

			if(create_folder_widget.getValue())
			{
				DriveModule.serverCreateFolder( LS.GlobalScene.extra.folder );
				DriveModule.serverCreateFolder( LS.GlobalScene.extra.data_subfolder );
			}
		}
	},

	showLoadSceneFromServerDialog: function()
	{
		if(!ProfileModule.session)
		{
			var dialog = LiteGUI.alert("You must be logged in to load scenes, click the <button>Login</button> button.");
			var button = dialog.content.querySelector("button");
			button.addEventListener("click", function(){
				dialog.close();
				ProfileModule.showLoginDialog();
			});
			return;
		}

		var selected = "";
		var dialog = LiteGUI.Dialog.getDialog("dialog_load_scene");
		if(dialog)
			return;

		dialog = new LiteGUI.Dialog( { id: "dialog_load_scene", title:"Load Scene", close: true, minimize: true, width: 520, height: 320, scroll: false, draggable: true});
		dialog.show();

		var split = new LiteGUI.Split([50,50]);
		dialog.add( split );

		var right_pane_style = split.getSection(1).style;
		right_pane_style.backgroundColor = "black";
		right_pane_style.paddingLeft = "2px";
		right_pane_style.paddingTop = "2px";

		var list = null;
		var widgets = new LiteGUI.Inspector();
		var scenes = ["Loading..."];
		var searchbox = widgets.addString( null, "", { placeHolder: "search...", immediate: true, callback: function(v){
			list.filter(v);
		}});

		list = widgets.addList(null,scenes, { height: 230, callback: inner_selected, callback_dblclick: inner_dblclick});
		widgets.widgets_per_row = 2;
		widgets.addButton(null,"Load", { width: "80%", className:"big", callback: inner_load });
		widgets.addButton(null,"<img src='imgs/mini-icon-trash.png'/>", { width: "20%", className:"big", callback: inner_delete });
		widgets.widgets_per_row = 1;

		split.getSection(0).add( widgets );
		dialog.adjustSize(5);

		split.getSection(1).style.height = "100%";

		//load scenes
		DriveModule.serverSearchFiles({ category: "Scene" }, inner_files, inner_error );

		function inner_files(items)
		{
			var r = []
			for(var i = 0; i < items.length; ++i)
			{
				var item = items[i];
				if(!item.category == "Scene")
					continue;
				var name = item.filename.substr(0, item.filename.indexOf("."));
				r.push( { title: name, file: item } );
			}
			list.updateItems(r);
		}

		function inner_error(err)
		{
			list.updateItems(["Error loading"]);
		}

		function inner_selected( item )
		{
			var root = split.getSection(1);
			var file = item.file;
			selected = file.fullpath;
			var html = "<div style='height:260px'><img style='opacity: 0;' src='" + LFS.getPreviewPath( selected ) + "'/></div><span style='font-size:1.4em'>"+ file.timestamp +"</span>";
			root.innerHTML = html;
			root.querySelector("img").onload = function() { this.style.opacity = 1; }
		}

		function inner_dblclick( item )
		{
			selected = item.file.fullpath;
			inner_load();
		}

		function inner_load()
		{
			dialog.close();
			SceneStorageModule.loadScene( selected );
		}

		function inner_delete()
		{
			LiteGUI.confirm("Do you want to delete the file?", function() {

				//remove also the Pack
				var folder = LS.RM.getFolder(selected);
				var basename = LS.RM.getBasename(selected);
				var pack_fullpath = LS.RM.cleanFullpath( folder + "/" + basename + ".PACK.wbin" );
				DriveModule.serverDeleteFile( pack_fullpath );

				DriveModule.serverDeleteFile( selected, function(v) { 
					LiteGUI.alert(v?"File deleted":"Error deleting file");
					if(v)
						dialog.close();
				});
			});
		}

	},

	//loads scene from server (it has warning, and progress)
	loadScene: function( fullpath, on_complete, skip_warning )
	{
		var that = this;
		var msg_id = "res-msg-" + fullpath.hashCode(); //used for notification
		var msg = null;
		var real_path = fullpath;
		if( real_path.indexOf(":") == -1 ) //is a local path
			real_path = LS.ResourcesManager.path + "/" + fullpath;

		if(skip_warning)
			inner_load();
		else
			LiteGUI.confirm("Are you sure? you will loose the current scene", function(v) {
				if(!v)
					return;
				inner_load();
			});

		function inner_load()
		{
			SceneStorageModule.saveBackup();

			//clear
			LS.Renderer.reset();
			LS.ResourcesManager.reset();
			LS.GlobalScene.clear();

			//the Scene.load function bypasses the LS.RM (uses relative urls), something that is a problem when loading an scene stored in the Drive
			//SceneStorage also includes the url
			msg = NotifyModule.show("FILE: " + fullpath, { id: msg_id, closable: true, time: 0, left: 60, top: 30, parent: "#visor" } );
			LS.GlobalScene.load( real_path, inner_complete, inner_error, inner_progress ); 
			InterfaceModule.setStatusBar("Loading scene...");
		};

		function inner_complete( scene, url )
		{
			if(msg)
				msg.kill();

			scene.extra.filename = LS.ResourcesManager.getFilename( fullpath );
			scene.extra.folder = LS.ResourcesManager.getFolder( fullpath );
			scene.extra.fullpath = fullpath;
			that.onSceneReady( scene );
			InterfaceModule.setStatusBar("Scene loaded");
			if(on_complete)
				on_complete();
		}

		function inner_progress(e)
		{
			var partial_load = 0;
			if(e.total) //sometimes we dont have the total so we dont know the amount
				partial_load = e.loaded / e.total;
			if(msg)
				msg.setProgress( partial_load );
		}

		function inner_error(url, err)
		{
			if(msg)
				msg.kill();
			LiteGUI.alert("Error loading scene file: " + err );
		}
	},

	onSceneReady: function( scene )
	{
		scene = scene || LS.GlobalScene;

		if(scene.extra.editor && scene.extra.editor.selected_node)
		{
			var node = LS.GlobalScene.getNode( scene.extra.editor.selected_node );
			EditorModule.inspect(node);
		}
		else
		{
			//EditorModule.inspect(scene);
			EditorModule.inspect(scene.root);
		}

		if(scene.extra.folder)
			DriveModule.selectFolder(scene.extra.folder);

		LEvent.trigger( scene, "scene_loaded" );
	},

	showLoadFromURLDialog: function()
	{
		LiteGUI.prompt("Which URL? (Only load scenes from trusted sources)", function(url){
			if(!url)
				return;
			LS.Renderer.reset();
			LS.GlobalScene.clear();

			//very special case from the editor, trying to load from a URL that comes from a player.html
			var extension = LS.ResourcesManager.getExtension( url );
			if(extension == "html" && LS.ResourcesManager.getFilename(url) == "player.html" )
			{
				var index = url.indexOf("url=");
				var index2 = url.indexOf("&",index);
				if(index2 == -1)
					index2 = url.length;
				url = decodeURIComponent( url.substr(index + 4, index2 - index - 4) );
				extension = LS.ResourcesManager.getExtension( url );
			}

			LS.GlobalScene.load( url, function(scene, url) {
				//loaded...
			});
		},{width:300});
	},

	showLoadFromFileDialog: function()
	{
		var dialog = new LiteGUI.Dialog({ title:"Load File", width: 200 });
		var inspector = new LiteGUI.Inspector();
		var file = null;
		inspector.addFile("Select File","",{ read_file: true, callback: function(v){
			console.log(v);		
			file = v;
		}});
		inspector.addButton(null,"Load File", function(){
			if(!file || !file.data)
				return;
			LS.Renderer.reset();
			LS.GlobalScene.clear();
			LS.GlobalScene.setFromJSON( file.data );
			dialog.close();
		});
		dialog.add( inspector );
		dialog.adjustSize(2);
		dialog.show();
	},

	showSaveSceneInServerDialog: function( on_complete )
	{
		var scene = LS.GlobalScene;
		var scene_name = scene.extra.filename || "";
		var scene_folder = scene.extra.folder || ProfileModule.user ? ProfileModule.user.username : "";
		var scene = LS.GlobalScene;

		if(!ProfileModule.session)
		{
			var dialog = LiteGUI.alert("You must be logged in to save scenes, click the <button>Login</button> button.");
			var button = dialog.content.querySelector("button");
			button.addEventListener("click", function(){
				dialog.close();
				ProfileModule.showLoginDialog();
			});
			return;
		}

		if(LS.GlobalScene.has_errors)
		{
			var v = confirm("This scene contains errors. If you save this scene your could lose some data. Are you sure?");
			if(!v)
				return;
			LS.GlobalScene.has_errors = false;
		}

		if(ProfileModule.session.user.username == "guest" && this.preferences.show_guest_warning )
		{
			ProfileModule.showGuestAlert();
			return;
		}

		var dialog = new LiteGUI.Dialog({ id: "dialog_save_scene", title:"Save Scene", close: true, minimize: true, width: 530, height: 320, scroll: false, draggable: true});
		dialog.show('fade');

		var split = new LiteGUI.Split([50,"calc(50% - 1px)"]);
		dialog.add(split);

		if(scene.extra && scene.extra.filename)
			scene_name = scene.extra.filename;

		var pos = scene_name.indexOf(".");
		if(pos != -1) //strip extensions
			scene_name = scene_name.substr(0, pos);

		var widgets = new LiteGUI.Inspector();
		var filename_widget = widgets.addString("Filename", scene_name , { placeHolder: "choose a name", callback: function(v) { 
			scene_name = v;
		}});
		var folder_widget = widgets.addString("Folder", scene_folder, { callback: function(v) { 
			scene_folder = v;
		}});
		var scenes = { id:"Server", children: [] };
		var tree_widget = widgets.addTree(null, scenes, { height: 210, callback: inner_selected});
		var button = widgets.addButton(null,"Save", { className:"big", callback: inner_button });
		button.style.marginTop = "4px";

		split.getSection(0).add( widgets );

		//preview
		var img = new Image();
		img.src = RenderModule.takeScreenshot( DriveModule.preview_size, DriveModule.preview_size );
		img.width = DriveModule.preview_size;
		split.getSection(1).add( img );
		var right_pane_style = split.getSection(1).style;
		right_pane_style.backgroundColor = "black";
		right_pane_style.paddingLeft = "2px";
		right_pane_style.paddingTop = "2px";

		//load tree
		DriveModule.getServerFoldersTree(inner_tree);

		//load tree...
		function inner_tree(tree)
		{
			tree_widget.setValue( tree );
			if(scene.extra.fullpath)
			{
				tree_widget.tree.setSelectedItem( scene.extra.folder , true );
				scene_folder = scene.extra.folder;
				folder_widget.setValue(scene_folder);
			}
		}

		function inner_selected(item)
		{
			scene_folder = item.fullpath;
			folder_widget.setValue(scene_folder);
		}

		function inner_button(button)
		{
			if(!scene_name)
			{
				LiteGUI.alert("Scene must have a name");
				return;
			}

			if(!scene_folder)
			{
				LiteGUI.alert("You must choose a folder");
				return;
			}

			//check folder exist
			DriveModule.checkFolderExist( scene_folder, inner_check_folder );
		}

		function inner_check_folder(v)
		{
			if(v)
			{
				inner_save();
				return;
			}

			LiteGUI.confirm("Folder does not exist, do you want to create it?", function(v){
				if(!v)
					return;

				ProfileModule.session.createFolder( scene_folder, function(v){
					if(v)
						inner_save();
					else
						LiteGUI.alert("Couldnt create the folder");
				});
			});
		}

		function inner_save()
		{
			//remove extension
			var scene = LS.GlobalScene;

			var pos = scene_name.indexOf(".");
			if(pos != -1) //strip extensions
				scene_name = scene_name.substr(0, pos);
			//reinsert them
			scene.filename = scene_name + ".scene.json";
			scene.fullpath = scene_folder + "/" + scene.filename;

			if(scene.extra)
			{
				scene.extra.folder = scene_folder;
				scene.extra.filename = scene.filename;
				scene.extra.fullpath = scene.fullpath;
			}

			SceneStorageModule.saveSceneInServer( on_complete );
			dialog.close();
		}
	},

	//tries to save the scene without asking anything, unless is the first time, then shows the dialog to choose everything
	fastSaveScene: function( on_complete )
	{
		var scene = LS.GlobalScene;

		if(LS.GlobalScene.has_errors)
		{
			var v = confirm("This scene contains errors. If you save this scene your could lose some data. Are you sure?");
			if(!v)
				return;
			LS.GlobalScene.has_errors = false;
		}

		if(!scene.extra || !scene.extra.folder)
		{
			this.showSaveSceneInServerDialog( on_complete );
			return false;
		}

		var scene_name = scene.extra.filename;
		var scene_folder = scene.extra.folder;
		var pos = scene_name.indexOf(".");
		if(pos != -1) //strip extensions
			scene_name = scene_name.substr(0, pos);
		scene.filename = scene_name + ".scene.json";
		scene.fullpath = scene_folder + "/" + scene.filename;
		this.saveSceneInServer( on_complete );
		InterfaceModule.setStatusBar("Scene saved");
		return true;
	},

	showLoadLocalSceneDialog: function()
	{
		var dialog = new LiteGUI.Dialog({ id: "dialog_load_scene", title:"Load Scene", close: true, minimize: true, width: 520, height: 300, scroll: false, draggable: true });
		dialog.show('fade');

		var split = new LiteGUI.Split([50,50]);
		dialog.add(split);

		var selected = null;

		var widgets = new LiteGUI.Inspector();
		/*
		widgets.addString("Filename","", { callback_button: function(v) { 
			selected = {name: v};
		}});
		*/
		widgets.addInfo("Local scenes");
		var list = widgets.addList(null,SceneStorageModule.local_scenes, { height: 200, callback: inner_selected});
		widgets.addButtons(null,["Load","Delete"], { className:"big", callback: inner_button });

		split.sections[0].appendChild(widgets.root);

		function inner_selected(value)
		{
			selected = value;
			split.sections[1].innerHTML = "";
			if(!selected) return;

			var preview = localStorage.getItem( SceneStorageModule.localscene_prefix + "preview_" + value.name );
			if(!preview) return;
			var img = new Image();
			img.src = preview;
			split.sections[1].appendChild(img);
		}

		function inner_button(button)
		{
			if(!selected)
				return;

			if(button == "Load")
			{
				SceneStorageModule.loadLocalScene(selected.name);
				dialog.close();
			}
			else if(button == "Delete")
			{
				SceneStorageModule.removeLocalScene(selected.name);
				list[0].removeItem(selected.name);
				inner_selected(null);
			}
		}
	},

	showSaveSceneInLocalDialog: function()
	{
		var dialog = new LiteGUI.Dialog({ id: "dialog_save_scene", title:"Save Scene", close: true, minimize: true, width: 360, height: 400, scroll: false, draggable: true});
		dialog.show('fade');

		var name = "";
		var scene = LS.GlobalScene;
		if(scene.extra && scene.extra.name)
			name = scene.extra.name;

		var widgets = new LiteGUI.Inspector();
		widgets.addString("Name",name);
		widgets.addInfo("Snapshot", "<div id='snapshot' style='width:256px;height:256px'></div>");
		widgets.addButton("", "Take Snapshot").wclick(inner_preview);
		widgets.addSeparator();
		widgets.addButton(null,"Save", { className: "big", callback: inner_save });

		dialog.add( widgets );

		var preview_info = null;
		inner_preview();

		function inner_save()
		{
			var name = widgets.getValue("Name");
			if(!name) return;

			scene.extra.name = name;
			SceneStorageModule.saveLocalScene(name, {}, scene, preview_info);
			LiteGUI.alert("Scene saved locally");
			dialog.close();
		}

		function inner_preview()
		{
			var img = new Image();
			preview_info = SceneStorageModule.takeScreenshot(256,256);
			img.src = preview_info;
			LiteGUI.remove("#snapshot img");
			document.querySelector("#snapshot").appendChild(img);
		}
	},

	showLoadFromJSONDialog: function()
	{
		var dialog = new LiteGUI.Dialog({ id: "dialog_load_scene", title:"Load Scene from JSON", close: true, minimize: true, width: 520, height: 300, scroll: false, draggable: true });
		dialog.show('fade');

		var json = "";

		var widgets = new LiteGUI.Inspector();
		var info_widget = widgets.addInfo("Paste your JSON here");
		widgets.addTextarea(null,"",{ height: 300, callback: function(v){
			json = v;	
		}});
		widgets.addButtons(null,["Load","Cancel"], { className:"big", callback: inner_button });

		dialog.add( widgets );
		dialog.adjustSize(10);
		dialog.show();

		function inner_button(button)
		{
			if(button == "Load")
			{
				if(!json)
					return;
				var scene = null;
				try
				{
					scene = JSON.parse( json );
				}
				catch (err)
				{
					info_widget.setValue("error in JSON");
					return;
				}

				LiteGUI.confirm("Are you sure?", function(v) {
					if(!v)
						return;
					LS.ResourcesManager.reset();
					LS.GlobalScene.clear();
					LS.Renderer.reset();
					LS.GlobalScene.setFromJSON(scene);
					dialog.close();
				});

			}
			else if(button == "Cancel")
			{
				dialog.close();
			}
		}
	},


	showCreateSceneDialog: function()
	{
		var dialog = new LiteGUI.Dialog({ id: "dialog_create_scene", title:"New Scene", close: true, minimize: true, width: 200, scroll: false, draggable: true});

		var widgets = new LiteGUI.Inspector();

		var name = "";

		widgets.addString("Title",name, function(v){ name = v; });

		widgets.addButton(null,"Create", { className:"big", callback: function() { 

			var new_scene = new LS.Scene();
			new_scene.extra.title = name;
			CORE.addScene( new_scene );

			dialog.close();
			EditorModule.inspect( null );
			RenderModule.requestFrame();
		}});

		dialog.content.appendChild(widgets.root);

		function inner_selected(value)
		{
			selected_scene = value;
		}

		dialog.add(widgets);
		dialog.show();
		dialog.adjustSize(10);
	},

	showSelectSceneDialog: function()
	{
		var dialog = new LiteGUI.Dialog({ id: "dialog_select_scene", title:"Select Scene", close: true, minimize: true, width: 200, scroll: false, draggable: true});

		var widgets = new LiteGUI.Inspector();

		var scenes = [];
		for(var i in CORE.Scenes)
		{
			var scene = CORE.Scenes[i];
			scenes.push( { name: scene.extra.title || "Unnamed_" + i, scene: scene });
		}

		list_widget = widgets.addList(null, scenes, { height: 140, callback: inner_selected });

		widgets.addButton(null,"Set active", { className:"big", callback: function() { 
			if(!selected_scene)
			{
				dialog.close();
				return;
			}

			if( selected_scene.scene != LS.GlobalScene )
			{
				CORE.selectScene( selected_scene.scene );
			}

			dialog.close();
			EditorModule.inspect( null );
			RenderModule.requestFrame();
		}});

		function inner_selected(value)
		{
			selected_scene = value;
		}

		dialog.add(widgets);
		dialog.show();
		dialog.adjustSize(10);
	},

	testScene: function()
	{
		SceneStorageModule.saveLocalScene("_test", {}, LS.GlobalScene, SceneStorageModule.takeScreenshot(256,256) );
		var name = SceneStorageModule.localscene_prefix + "_test";
		var fullurl = "player.html?session=" + name;
		if(!this._test_window)
			this._test_window = window.open(fullurl,'_blank');
		else
		{
			this._test_window.location.replace(fullurl);
			this._test_window.focus();
		}
		var that = this;
		this._test_window.onclose = function()
		{
			if(that._test_window)
				this._test_window = null;
		}
	},

	showDownloadSceneDialog: function()
	{
		var scene = LS.GlobalScene;

		if(LS.RM.isLoading())
		{
			LiteGUI.alert("Cannot publish while loading assets.");
			return;
		}

		var dialog = new LiteGUI.Dialog({ id: "dialog_download_scene", title:"Download Scene", close: true, minimize: true, width: 400, scroll: false, draggable: true});

		var filename = LS.RM.getBasename( scene.extra.publish_name || scene.extra.filename || "scene" );
		var folder = scene.extra.folder;
		var include_resources = false;

		var widgets = new LiteGUI.Inspector({name_width:120});

		widgets.addButton("Scene JSON", "Download", function(v){
			dialog.close();
			var fullpath = LS.RM.cleanFullpath( folder + "/" + filename + ".json" );
			var scene = LS.GlobalScene.serialize();
			LiteGUI.downloadFile( LS.RM.getFilename(fullpath), JSON.stringify( scene ) );
		});

		widgets.addCheckbox("Include all resources", include_resources, { callback: function(v){ include_resources = v; }});

		widgets.addButton("PACK in WBIN", "Download", function(v){
			dialog.close();
			var fullpath = LS.RM.cleanFullpath( folder + "/" + filename );
			LS.GlobalScene.extra.publish_name = fullpath;
			var pack = LS.GlobalScene.toPack( fullpath, include_resources ? null : [] );
			LiteGUI.downloadFile( LS.RM.getFilename(pack.fullpath), pack.bindata );
		});

		dialog.add(widgets);
		dialog.show();
		dialog.adjustSize(10);
	},

	showPublishDialog: function()
	{
		var scene = LS.GlobalScene;

		if(LS.RM.isLoading())
		{
			LiteGUI.alert("Cannot publish while loading assets.");
			return;
		}

		//check if it has name
		if(!scene.extra.fullpath)
		{
			LiteGUI.alert("You must save the scene before publishing it.");
			return;
		}

		var dialog = new LiteGUI.Dialog({ id: "dialog_publish_scene", title:"Publish Scene", close: true, minimize: true, width: 400, scroll: false, draggable: true});

		var filename = LS.RM.getBasename( scene.extra.publish_name || scene.extra.filename );
		var folder = scene.extra.folder;
		var as_pack = false;
		var all_assets = false;

		var widgets = new LiteGUI.Inspector(null,{name_width:120});

		widgets.addString("Filename", filename, function(v){
			filename = v;
		});

		widgets.addFolder("Folder", folder, { callback: function(v){
			folder = v;
		}});

		widgets.widgets_per_row = 2;
		widgets.addCheckbox("Publish as PACK", as_pack, function(v){
			as_pack = v;
		});

		widgets.addCheckbox("Include all assets", all_assets, function(v){
			all_assets = v;
		});
		widgets.widgets_per_row = 1;

		if(LS.GlobalScene.extra.fullpath)
			widgets.addInfo("Links", "<a href='" + window.location.origin + window.location.pathname + LS.RM.getFullURL( LS.GlobalScene.extra.fullpath ) + "' target='_blank'>Scene data link</a>");

		widgets.addButton(null,"Publish", { className:"big", callback: inner_publish });
		widgets.addButton(null,"Download PACK", { callback: inner_download });

		function inner_publish(){
			dialog.close();
			RenderModule.requestFrame();
      var fullpath = LS.RM.cleanFullpath( folder + "/" + filename );
			SceneStorageModule.publishScene( fullpath, as_pack, all_assets );
		}

		function inner_download(){
			dialog.close();
			var fullpath = LS.RM.cleanFullpath( folder + "/" + filename );
			LS.GlobalScene.extra.publish_name = fullpath;
			var pack = LS.GlobalScene.toPack( fullpath, all_assets );
			LiteGUI.downloadFile( LS.RM.getFilename(pack.fullpath), pack.bindata );
		}

		dialog.add(widgets);
		dialog.show();
		dialog.adjustSize(10);
	},

	publishScene: function( fullpath, as_pack, include_all )
	{
		if(!as_pack)
		{
			var scene_url = encodeURIComponent(LS.RM.path + LS.GlobalScene.extra.fullpath);
			return window.open("player.html?url=" + scene_url,'_blank');
		}
		
		LS.GlobalScene.extra.publish_name = fullpath;
		var pack = LS.GlobalScene.toPack( fullpath, include_all );

		//save
		DriveModule.saveResource( pack, function(v){
			if(!v)
				return;

			//open in popup
			window.open("player.html?url=" + LS.RM.path + pack.fullpath,'_blank');
		});
	},

	retrieveLocalScenes: function()
	{
		var local_scenes = localStorage.getItem(SceneStorageModule.localscene_prefix + "list");
		if(local_scenes)
		{
			try
			{
				this.local_scenes = JSON.parse(local_scenes);
				return;
			}
			catch (err)
			{
				console.log("Error parsing local scenes list");
			}
		}
		else //no local scene found
		{
			//fill the default scenes cache
			this.resetLocalScenes();
		}
	},

	resetLocalScenes: function()
	{
		var local_scenes = localStorage.removeItem( SceneStorageModule.localscene_prefix + "list");
		this.local_scenes = {};
	},

	loadLocalScene: function( name )
	{
		LS.Renderer.reset();
		LS.GlobalScene.clear();

		if(!this.local_scenes)
			return;

		var scene_info = this.local_scenes[name];
		if(!scene_info)
		{
			trace("Local scene not found: " + name);
			return;
		}
		
		var data = null;
		
		//load local scene
		if(	scene_info.local )
		{
			var local_data = localStorage.getItem( scene_info.local );
			if(!local_data)
				return;

			try
			{
				data = JSON.parse( local_data );
			}
			catch (err)
			{
				console.log("Error: " + err );
				return;
			}
		}
		else if( scene_info.url )
		{
			LS.GlobalScene.load( scene_info.url, inner);
			return;
		}

		if(!data)
			return;
		LS.GlobalScene.configure(data);
		inner(data);

		function inner(data)
		{
			LS.GlobalScene.loadResources();
			LS.GlobalScene.name = name;
		}
	},

	setSceneFromJSON: function( data, on_complete, on_error )
	{
		var that = this;

		if(data.constructor === String)
			data = JSON.parse(data);

		LS.Renderer.reset();
		LS.GlobalScene.clear();

		LS.GlobalScene.setFromJSON( data, inner, on_error );

		function inner()
		{
			//LS.GlobalScene.configure(data); //configure twice?
			LS.GlobalScene.loadResources();
			that.onSceneReady();

			if(on_complete)
				on_complete();
		}
	},

	deleteServerScene: function(filename)
	{
	},		

	saveLocalScene: function(name, scene_info, scene, preview)
	{
		scene_info.name = name;

		//save the name
		if(scene) //url scenes dont have a full scene
		{
			scene.name = name;
			//store the scene locally
			scene_info.local = SceneStorageModule.localscene_prefix + name;
			localStorage.setItem( scene_info.local, JSON.stringify( scene.serialize() ) );
		}

		//store the preview (is a base64 image)
		var preview_name = SceneStorageModule.localscene_prefix + "preview_" + name;
		if(preview) 
		{
			scene_info.preview = preview_name;
			localStorage.setItem(preview_name, preview);
		}
		else
			localStorage.removeItem(preview_name);

		//update the local scenes list info
		this.local_scenes[ name ] = scene_info;

		//update local scenes index
		var local_scenes = JSON.stringify( this.local_scenes );
		localStorage.setItem( SceneStorageModule.localscene_prefix + "list", local_scenes);
	},

	removeLocalScene: function(name)
	{
		var info = this.local_scenes[ name ];

		if(info.preview)
			localStorage.removeItem( info.preview );

		if(info.local)
			localStorage.removeItem( info.local );

		delete this.local_scenes[ name ];
		var local_scenes = JSON.stringify( this.local_scenes );
		localStorage.setItem(SceneStorageModule.localscene_prefix + "list", local_scenes);
	},

	saveSceneInServer: function(on_complete, on_error, skip_alerts)
	{
		DriveModule.checkResourcesSaved( true, inner_save );

		function inner_save(){
			//grab the scene info here 
			DriveModule.saveResource( LS.GlobalScene, inner_complete, {skip_alerts: true} );
		}

		function inner_complete(v,err)
		{
			if(!v)
			{
				LiteGUI.alert("Error: " + err );
				if(on_error)
					on_error(err);
				return;
			}

			if(on_complete)
				on_complete();
		}
	},

	takeScreenshot: function(width, height)
	{
		LS.Renderer.render( LS.GlobalScene, RenderModule.camera, RenderModule.render_settings );

		//slow way of reading the pixels, but it is safe even with preserveDrawingBuffer being false
		var frame = document.createElement("canvas");
		frame.width = gl.canvas.width;
		frame.height = gl.canvas.height;
		var ctx = frame.getContext("2d");
		var imgdata = ctx.getImageData(0, 0, frame.width, frame.height);
		var pixels = new Uint8Array( imgdata.data.length );
		gl.readPixels(0,0,gl.canvas.width,gl.canvas.height, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
		imgdata.data.set( pixels );
		ctx.putImageData(imgdata, 0, 0);

		var canvas = document.createElement("canvas");
		canvas.width = width;
		canvas.height = height;

		var s = gl.canvas.height / height;
		var startx = (gl.canvas.width - width*s) * 0.5;
		var starty = (gl.canvas.height - height*s) * 0.5;

		var ctx = canvas.getContext("2d");
		ctx.translate(0,canvas.height);
		ctx.scale(1,-1);
		ctx.drawImage( frame, startx, starty, width*s, height*s,0,0, width, height );

		return canvas.toDataURL("image/png");
	},

	onUnload: function()
	{
		this.saveBackup();
	},

	saveBackup: function()
	{
		//move previous one slot further (one extra backup)
		var data = localStorage.getItem( "_webglstudio_recovery");
		if(data)
			localStorage.setItem( "_webglstudio_recovery1", data );

		//store current
		try
		{
			data = JSON.stringify( LS.GlobalScene.serialize() );
		}
		catch (err)
		{
			return;
		}
		localStorage.setItem( "_webglstudio_recovery", data );
	},

	recoverBackup: function()
	{
		var data = localStorage.getItem( "_webglstudio_recovery" );
		if(!data)
			return LiteGUI.alert("No recovery data found");
		this.setSceneFromJSON( JSON.parse( data ) );
	}
};

CORE.registerModule( SceneStorageModule );

