var timerUp, timerDown, defaultStep = 66, step = defaultStep;


function showGallery(period, noreload) {
	// prepare variables
	var url = 'home/list/' + period;
	var targetDiv = 'cartoon-list';
	var http = false;

	if (navigator.appName == "Microsoft Internet Explorer") {
		http = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		http = new XMLHttpRequest();
	}

	var noreload2 = noreload;

	// do AJAX request
	http.open("GET", url, true);
	http.onreadystatechange = function(noreload2) {
		if (http.readyState == 4) {
			document.getElementById(targetDiv).innerHTML = http.responseText;

			// alert(noreload2);

			if (!noreload) {
				showGalleryItem('home', 'view');
			}
		}
	}
	http.send(null);

}

function searchGallery() {
	// prepare variables
	var query = escape(document.getElementById('txtSearch').value);
	var url = 'home/search/' + query;
	var targetDiv = 'cartoon-list';
	var http = false;

	if (navigator.appName == "Microsoft Internet Explorer") {
		http = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		http = new XMLHttpRequest();
	}

	// do AJAX request
	http.open("GET", url, true);
	http.onreadystatechange = function() {
		if (http.readyState == 4) {
			document.getElementById(targetDiv).innerHTML = http.responseText;
		}
	}
	http.send(null);
}

function showGalleryItem(page, action, imageID, period) {

	// alert('showGalleryItem');
	// prepare variables
	var url;

	if (imageID) {
		url = page + '/' + action + '/' + imageID;
	} else {
		url = page + '/' + action
	}

	if (period) {
		// alert('showGallery from showGalleryItem');
		showGallery(period, true);
	}

	var targetDiv = 'content';
	var http = false;
	var printHTML;

	if (navigator.appName == "Microsoft Internet Explorer") {
		http = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		http = new XMLHttpRequest();
	}

	// do AJAX request
	http.open("GET", url, true);
	http.onreadystatechange = function() {
		if (http.readyState == 4) {
			document.getElementById(targetDiv).innerHTML = http.responseText;
			
			if (action == 'view') {
				// also set print div
				printHTML = '<img src="/user/images/header/bg_logo.gif">';
				printHTML += http.responseText;
				document.getElementById('print').innerHTML = printHTML;
			}
		}
	}

	http.send(null);

	scroll(0, 0);

}

function showGalleryItemByIndex(page, action, index) {
	// prepare variables
	var url;
	var stack = document.forms.hiddenForm.imageOrder.value.split(',')
	var imageID = stack[index]; 
	var max = stack.length;

	if (imageID) {
		url = page + '/' + action + '/' + imageID +','+ index +','+ max;
	} else {
		url = page + '/' + action
	}

	var targetDiv = 'content';
	var http = false;

	if (navigator.appName == "Microsoft Internet Explorer") {
		http = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		http = new XMLHttpRequest();
	}

	// do AJAX request
	http.open("GET", url, true);
	http.onreadystatechange = function() {
		if (http.readyState == 4) {
			document.getElementById(targetDiv).innerHTML = http.responseText;
		}
	}

	http.send(null);

	scroll(0, 0);

}




function showImageEditor(page, imageID) {

	// We can use one Request object many times.
	var req = new Request.HTML( {
		url : page + '/editimage/' + imageID,
		onSuccess : function(html) {
			// Clear the text currently inside the results div.
		$('imageEditor').set('text', '');
		alert(html);
		// Inject the new DOM elements into the results div.
		$('imageEditor').adopt(html);
		ImageEditor.init("frog.png");
	},
	// Our request will most likely succeed, but just in case, we'll add an
		// onFailure method which will let the user know what happened.
		onFailure : function() {
			$('result').set('text', 'The request failed.');
		}
	});

	req.send();

}

function checkForm(form) {
	
	if (form.image.value == '') {
		alert('Selecteer een plaatje om te uploaden.');
		return false;
	}
	
	

	return true;
}

// tellafriend
function tellafriend(imageID,action) {
	if (!action) {
		action = 'form';
	}
	
	var url = 'home/tellafriend/' + imageID;
	
	var targetDiv = 'tellafriend';
	var http = false;
	
	
	if (navigator.appName == "Microsoft Internet Explorer") {
		http = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		http = new XMLHttpRequest();
	}

	// do AJAX request
	http.open("GET", url, true);
	http.onreadystatechange = function() {
		if (http.readyState == 4) {
			document.getElementById(targetDiv).innerHTML = http.responseText;
		}
	}

	http.send(null);
}

var http_request = false;
function makePOSTRequest(url, parameters) {
   http_request = false;
   if (window.XMLHttpRequest) { // Mozilla, Safari,...
      http_request = new XMLHttpRequest();
      if (http_request.overrideMimeType) {
      	// set type accordingly to anticipated content type
         //http_request.overrideMimeType('text/xml');
         http_request.overrideMimeType('text/html');
      }
   } else if (window.ActiveXObject) { // IE
      try {
         http_request = new ActiveXObject("Msxml2.XMLHTTP");
      } catch (e) {
         try {
            http_request = new ActiveXObject("Microsoft.XMLHTTP");
         } catch (e) {}
      }
   }
   if (!http_request) {
      alert('Cannot create XMLHTTP instance');
      return false;
   }
   
   http_request.onreadystatechange = alertContents;
   http_request.open('POST', url, true);
   http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   http_request.setRequestHeader("Content-length", parameters.length);
   http_request.setRequestHeader("Connection", "close");
   http_request.send(parameters);
}

function alertContents() {
   if (http_request.readyState == 4) {
      if (http_request.status == 200) {
         //alert(http_request.responseText);
         result = http_request.responseText;
         document.getElementById('tellafriend').innerHTML = result;            
      } else {
         alert('There was a problem with the request.');
      }
   }
}

function get(imageID) {
	var poststr = "txtEmail=" + escape(encodeURI(document.getElementById("txtEmail").value)) +
                 "&txtSubject=" + escape(encodeURI(document.getElementById("txtSubject").value)) +
                 "&txtBody=" + escape(encodeURI(document.getElementById("txtBody").value)) +
                 "&code=" + escape(encodeURI(document.getElementById("code").value)) +
				 "&id=" + imageID;
	
	makePOSTRequest('home/tellafriend', poststr);
}