var loadUrl = '/img/load';
var textureURL, heightmapURL;
function getCookie(name) {
	var arg = name + "=";
	var alen = arg.length;
	var clen = document.cookie.length;
	var i = 0;
	while (i < clen) {
		var j = i + alen;
		if (document.cookie.substring(i, j) == arg) {
			return getCookieVal(j);
		}
		i = document.cookie.indexOf(" ", i) + 1;
		if (i == 0)
			break;
	}
	return null;
}

function saveScene(){
	if (!renderer) {
		alert("WebGL Rendering was not started yet!");
	} else {
		// Prepare data
		var dataUrl = renderer.domElement.toDataURL("image/png");
		//Remove header
		dataUrl = dataUrl.replace("data:image/png;base64,", "");
		var seconds = new Date() / 1000;
		seconds = seconds.toFixed(0);
		var userName = getCookie("imname");
		var filename;
		if (!userName) {
			filename = seconds + "_imgrid";
		} else {
			filename = seconds + "_imgrid_" + userName;
		}
		filename += ".png";
		
		// Send post request
	    $.post(
		        '/cgi-bin/saveImg.cgi',
		        { name: filename, picture: dataUrl },
		        function(response) {
               console.log(response);
		        }
		); 		
	}
}


function loadNew() {
	//Get values for url
	textureURL = document.getElementById("texture").value.replace(/\s/,"");
	heightmapURL = document.getElementById("heightmap").value.replace(/\s/,"");
	
  is_generating = true;
  toggle_background();
  console.log(textureURL);
  console.log(heightmapURL);
    stop_animating();
    var new_texture = '/cgi-bin/proxy?'+textureURL;
    var new_heightmap = '/cgi-bin/proxy?'+heightmapURL;
    initGraphics(new_texture, new_heightmap, function(){ animate() } );
}

function isUrl(s) {
	var regexp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?\.(jpg|JPG|jpeg|JPEG)/;
	return regexp.test(s);
}