// open panel
function panelClose() {
	document.getElementById('panelGalery').style.display = 'none';
	document.getElementById('panelClose').style.display = '';
}

// hide panel
function panelOpen() {
	document.getElementById('panelClose').style.display = 'none';
	document.getElementById('panelGalery').style.display = '';
}

// open default (ukraine || world || contact)
function showPanel(value) {
	if (value == 'ukraine' || value == 'world' || value == 'contact') {
		document.getElementById('loader').style.display = '';
		
		var req = new JsHttpRequest();

		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				document.getElementById('panelClose').style.display = 'none';
				document.getElementById('panelGalery').style.display = '';
				document.getElementById('panelGalery').innerHTML = req.responseText;
				document.getElementById('loader').style.display = 'none';
			}
		}
		req.open("GET", '/ajax-showPanel', true);
		req.send( {what: value} );

	}
}

// send contact
function sendContact(form) {
	document.getElementById('send_ok').style.display = 'none';

	if (form.name.value == '') {document.getElementById('error_sending').innerHTML = 'ÍÀÏÈزÒÜ ÑÂΪ ²Ì\'ß';}
	else if (form.email.value == '') {document.getElementById('error_sending').innerHTML = 'ÍÀÏÈزÒÜ ÑÂ²É E-MAIL';}
	else if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/.test(form.email.value))) {document.getElementById('error_sending').innerHTML = 'E-MAIL ÍŠ²ÐÍÈÉ';}
	else if (form.theme.value == '') {document.getElementById('error_sending').innerHTML = 'ÍÀÏÈزÒÜ ÒÅÌÓ ÏβÄÎÌËÅÍÍß';}
	else if (form.mess.value == '') {document.getElementById('error_sending').innerHTML = 'ÍÀÏÈزÒÜ ÏβÄÎÌËÅÍÍß';}
	else {
		document.getElementById('loader').style.display = '';
		document.getElementById('error_sending').innerHTML = '';
		var req = new JsHttpRequest();

		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				document.getElementById('name').value = '';
				document.getElementById('email').value = '';
				document.getElementById('theme').value = '';
				document.getElementById('mess').value = '';
				document.getElementById('send_ok').style.display = '';
				document.getElementById('loader').style.display = 'none';
			}
		}
		req.open("GET", '/ajax-sendMessage', true);
		req.send( {name: form.name.value, email: form.email.value, theme: form.theme.value, mess: form.mess.value} );	
	}
}

// hide ok
function hideOk() {
	document.getElementById('send_ok').style.display = 'none';
}

// change page
function categoryPage(what,page) {
	if (what == 'ukraine' || what == 'world') {
		document.getElementById('loader').style.display = '';
		var req = new JsHttpRequest();

		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				document.getElementById('panelGalery').style.display = '';
				document.getElementById('panelGalery').innerHTML = req.responseText;
				document.getElementById('loader').style.display = 'none';
			}
		}
		req.open("GET", '/ajax-changePagecategory', true);
		req.send( {what: what, page: page} );
	}
}

// show category
function showCategory(value) {
		document.getElementById('loader').style.display = '';
		var req = new JsHttpRequest();

		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				document.getElementById('panelGalery').style.display = '';
				document.getElementById('panelGalery').innerHTML = req.responseText;
				document.getElementById('loader').style.display = 'none';
			}
		}
		req.open("GET", '/ajax-showCategory', true);
		req.send( {id: value} );
}

// change album
function albumPage(id,page) {
		document.getElementById('loader').style.display = '';
		var req = new JsHttpRequest();

		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				document.getElementById('changeAlbumPage').innerHTML = req.responseText;
				document.getElementById('loader').style.display = 'none';
			}
		}
		req.open("GET", '/ajax-changePagealbum', true);
		req.send( {id: id, page: page} );
}


// show album
function showAlbum(value) {
		document.getElementById('loader').style.display = '';
		var req = new JsHttpRequest();

		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				document.getElementById('showAlbum').innerHTML = req.responseText;
				document.getElementById('loader').style.display = 'none';
			}
		}
		req.open("GET", '/ajax-showAlbum', true);
		req.send( {id: value} );
}

// photo page
function photoPage(album_id,page) {
		document.getElementById('loader').style.display = '';
		var req = new JsHttpRequest();

		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				document.getElementById('showAlbum').innerHTML = req.responseText;
				document.getElementById('loader').style.display = 'none';
			}
		}
		req.open("GET", '/ajax-changePagephoto', true);
		req.send( {album_id: album_id, page: page} );
}