<!--
var i = 0;
function albumcounter() {
  for (i=0; i < document.getElementsByTagName("number").length; i++) {
    //document.getElementsByTagName("number")[i].innerHTML = i+1;
	document.getElementsByTagName("number")[i].getElementsByTagName("input")[0].value = i+1;
  }
}

function picasaPrivateSubmit(){
    var picasaUrlInput = document.userform.URLInput.value;
	var formData2 = 'urlinput='+picasaUrlInput;
	//The next line is to encode the variables values e.g. weird characters to make it safe for transfer
	//formData2 = encodeURI(formData);
	var url ="form/picasaprivateresult.php";
    Spry.Utils.loadURL('POST', url, true, ReturnWithEffect2, {postData: formData2, headers: {"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"}});
    } 
             
function ReturnWithEffect2(req){
    //We use xhRequest to received notification from server side, usually the process file will return with an echo/write.
	var result = req.xhRequest.responseText; 
    document.getElementById("formresponse").insertAdjacentHTML("BeforeEnd", result);
	document.getElementById('noalbumadded').style.display = 'none';
	//document.getElementById("addedAlbumsDiv2").innerHTML = result;
	InitPage();
	albumcounter();
	document.getElementById("URLInput").value ="";
    //FadeEfx.start();
    }

function addallvalue() {
	var checked = document.userform.addall.value;
	if (checked == 1) {
		document.userform.addall.value = 0;
		} else {
		document.userform.addall.value = 1;
		}
	}
	
function imagallerySubmit(){
    var galleryname = document.userform.galleryname.value;
	var email = document.userform.email.value;
	var tou = document.userform.tou.checked;
	var formData = 'galleryname='+galleryname+'&email='+email+'&tou='+tou;
	//The next line is to encode the variables values e.g. weird characters to make it safe for transfer
	formData = encodeURI(formData);
	var url ="form/imagallerysave.php";
    Spry.Utils.loadURL('POST', url, true, returnImagallery, {postData: formData, headers: {"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"}});
    } 
             
function returnImagallery(req){
    //We use xhRequest to received notification from server side, usually the process file will return with an echo/write.
	var result = req.xhRequest.responseText; 
    //document.getElementById("addedAlbumsDiv").innerHTML = result;
	document.getElementById("customAlbums").innerHTML = result;
	document.getElementById('noalbumadded').style.display = 'none';
	InitPage();
    //FadeEfx.start();
    }

function picasaPublicSubmit(){
	document.getElementById("loadingdiv").style.display = "block";
    var picasaUserName = document.userform.user.value;
	var addAllAlbums = document.userform.addall.value;
	var formData = 'user='+picasaUserName+'&addall='+addAllAlbums;
	//The next line is to encode the variables values e.g. weird characters to make it safe for transfer
	formData = encodeURI(formData);
	var url ="form/startpublic.php";
    Spry.Utils.loadURL('POST', url, true, ReturnWithEffect, {postData: formData, headers: {"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"}});
    } 
             
function ReturnWithEffect(req){
    //We use xhRequest to received notification from server side, usually the process file will return with an echo/write.
	var result = req.xhRequest.responseText; 
    //document.getElementById("addedAlbumsDiv").innerHTML = result;
	document.getElementById("formcontent").innerHTML = result;
	document.getElementById("status").innerHTML = "2/3";
	InitPage();
	albumcounter();
	document.getElementById("loadingdiv").style.display = "none";
    //FadeEfx.start();
    }


function showNext(remo, target) {
	remo.style.display = 'none';
	document.getElementById(target).style.display = 'block';
	}

function showsavepart() {
	if (i == 0 ) {
		document.getElementById('noalbumadded').style.display = 'block';
		} else {
		var url ="form/imagallerysave.php";
    	Spry.Utils.loadURL('POST', url, true, returnSavepart, {headers: {"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"}});
		}
	}

function returnSavepart(req){
    //We use xhRequest to received notification from server side, usually the process file will return with an echo/write.
	var result = req.xhRequest.responseText; 
    //document.getElementById("addedAlbumsDiv").innerHTML = result;
	document.getElementById("customAlbums").innerHTML = result;
	document.getElementById('noalbumadded').style.display = 'none';
	document.getElementById("status").innerHTML = "3/3";
	InitPage();
	albumcounter();
    //FadeEfx.start();
    }

function addOne() {
	var addedid = document.getElementById("addid").value;
	var addedatk = document.getElementById("addatk").value;
	
	if (addedid.length < 15 || isNaN(addedid)) {
		document.getElementById("inputhalbs").className = "textfieldInvalidFormatState";
		} else {
		pasteFields();
		document.getElementById("hiddenformplaceholder").lastChild.getElementsByTagName("input")[0].value = addedid;
		document.getElementById("hiddenformplaceholder").lastChild.getElementsByTagName("input")[2].value = addedatk;
	
		//document.getElementById("addid").reset();
		document.getElementById("addid").value = " ";
		document.getElementById("addatk").value = " ";
		document.getElementById("inputhalbs").removeAttribute("class");

		}
}

function pasteFields() {
		i++;
		var formelement = document.getElementById("hiddenformelement").cloneNode(true);
		//document.getElementById("hiddenformplaceholder").appendChild(formelement);
		document.getElementById("addedAlbumsDiv").appendChild(formelement);
		InitPage();
	}

function changebg() {
	bgcolorvalue = document.getElementById("bgclr").value;
	document.body.style.backgroundColor = bgcolorvalue;
	}
	
function addUrl() {
		var url = document.getElementById("URLInput").value;	
		var checkpart = url.substring(0, 24);
		var checkurl = "http://picasaweb.google.";
		var checkfeedstring = url.split("/");
		var checkfeeddata = checkfeedstring[3];
		
		
		if (checkpart != checkurl || checkfeeddata != "data") {
			document.getElementById("byurl").className = "textfieldInvalidFormatState";
			document.getElementById("URLInput").value ="";
			} else {
					var checkfeeduser = checkfeedstring[7];
					var params = Spry.Utils.getURLParamsAsObject(url);
					var params2 = Spry.Utils.urlComponentToObject(url, "album", "/");
					var params3 = params2.id;
					//var params4 = Spry.Utils.urlComponentToObject(params3, "?", "=");
					var albumstring = params3.split("?");
					var albumid = albumstring[0];
					
					pasteFields();
				//	document.getElementById("hiddenformplaceholder").lastChild.getElementsByTagName("input")[0].value = checkfeeduser;
				//	document.getElementById("hiddenformplaceholder").lastChild.getElementsByTagName("input")[1].value = albumid;
				//	document.getElementById("hiddenformplaceholder").lastChild.getElementsByTagName("input")[3].value = params.authkey;
				//	document.getElementById("hiddenformplaceholder").lastChild.getElementsByTagName("number")[0].innerHTML = i;
					document.getElementById("addedAlbumsDiv").lastChild.getElementsByTagName("input")[0].value = checkfeeduser;
					document.getElementById("addedAlbumsDiv").lastChild.getElementsByTagName("input")[1].value = albumid;
					document.getElementById("addedAlbumsDiv").lastChild.getElementsByTagName("input")[3].value = params.authkey;
					document.getElementById("addedAlbumsDiv").lastChild.getElementsByTagName("number")[0].innerHTML = i;
					document.getElementById("URLInput").value ="";
			}
}

function removeMe(thi) {
	thi.parentNode.parentNode.parentNode.parentNode.parentNode.removeChild(thi.parentNode.parentNode.parentNode.parentNode);
	i--;
	albumcounter();
	for (var j = 0; j < i; j++) {
	  document.getElementById("hiddenformplaceholder").getElementsByTagName("number")[j].innerHTML = j + 1;
	}
}

function toggleit() {
	if (document.userform.saveit.checked == true) {
		document.userform.galleryname.disabled = false;
		document.userform.email.disabled = false;
		}	else {
		document.userform.galleryname.disabled = true;
		document.userform.email.disabled = true;
	}
}

function openWindow (adr) {
  thewindow = window.open(adr, "legal", "width=600,height=400,left=100,top=200,resizable=yes,scrollbars=yes");
  thewindow.focus();
}

	function updateResponseDiv(req) {	
		Spry.Utils.setInnerHTML('response_form', req.xhRequest.responseText);
		//document.getElementById('form1').reset();
	}
	function validateonsubmit(form){
		alert ("hello!");
		if (Spry.Widget.Form.validate(form) == true){
			//document.getElementById("submit").disabled = true;
			Spry.Utils.submitForm(form, updateResponseDiv);	
		}
		return false;
	}

-->