function AddPhotoBlock() {
	var counter = document.getElementById('phot_counter');
	var id = parseInt(counter.value);

	if (document.getElementById('allowed_photos')) {
		var allowed = parseInt(document.getElementById('allowed_photos').value);
		if (id >= allowed) return alert(too_many_msg);
	}

	var blocks_div = document.getElementById('photo_blocks');
	var src = document.getElementById('photo_block_id_');
	counter.value = ++id;
	var new_block = document.createElement('DIV');
	new_block.id = 'photo_block'+id;
	new_block.innerHTML = (id > 1 ? '<hr />' : '')+src.innerHTML.replace(/_id_/g, id);
	blocks_div.appendChild(new_block);
}
function RemoveLastPhotoBlock() {
	var blocks_div = document.getElementById('photo_blocks');
	if (blocks_div.lastChild.id == 'photo_block1') return;
	blocks_div.removeChild(blocks_div.lastChild);

  	var counter = document.getElementById('phot_counter');
	var id = parseInt(counter.value);
	counter.value = --id;
}
function TagsEdit() {
	var tags_block = document.getElementById('tags_block');
	var tags_block_hidden = document.getElementById('tags_block_hidden');
	tags_block.innerHTML = tags_key + ': <input type="text" id="new_tags" value="'+tags_block_hidden.innerHTML+'" style="width:240px;"/>'+
							'<input type="button" id="save_btn" onclick="javascript: SubmitTags();" value="Save" style="width:auto;"/>';
}
function TitleEdit() {
	var title_block = document.getElementById('title_block');
	var title_block_hidden = document.getElementById('title_block_hidden');
	title_block.innerHTML = '<input type="text" id="new_title" value="'+title_block_hidden.innerHTML+'" style="width:240px;"/>'+
							'<input type="button" id="save_btn_title" onclick="javascript: SubmitTitle();" value="Save" style="width:auto;"/>';
}
function EditProfilePhotoTitle() {
	var title_block = document.getElementById('sTitleDiv');
	file_id = document.getElementById('photoID').value;
	var title = document.getElementById('photo_title_'+file_id).value;
	title_block.innerHTML = '<input type="text" id="new_title" value="'+title+'" style="width:240px;" maxlength="150" />'+
							'<input type="button" id="save_btn_title" onclick="javascript: SubmitPhotoTitle();" value="Save" style="width:auto;"/>';

}
function SubmitTags() {
	tags = document.getElementById('new_tags').value;
	document.getElementById('save_btn').disabled='disabled';

	var req = new JsHttpRequest();
	req.onreadystatechange = function() {
		if (req.readyState == 4) {
			document.getElementById('tags_block').innerHTML = req.responseJS.TagsBlock;
			document.getElementById('tags_block_hidden').innerHTML = req.responseJS.TagsBlockHidden;
		}
	}
	req.open('POST', 'viewPhoto.php', true);
	req.send({ action: 'SaveTags', FileID: file_id, Tags: tags });
}
function SubmitTitle() {
	title = document.getElementById('new_title').value;
	document.getElementById('save_btn_title').disabled='disabled';

	var req = new JsHttpRequest();
	req.onreadystatechange = function() {
		if (req.readyState == 4) {
			document.getElementById('title_block').innerHTML = req.responseJS.TitleBlock;
			document.getElementById('title_block_hidden').innerHTML = req.responseJS.TitleBlockHidden;
		}
	}
	req.open('POST', 'viewPhoto.php', true);
	req.send({ action: 'SaveTitle', FileID: file_id, Title: title });
}
function SubmitPhotoTitle() {
	title = document.getElementById('new_title').value;
	document.getElementById('save_btn_title').disabled='disabled';
	file_id = document.getElementById('photoID').value;

	var req = new JsHttpRequest();
	req.onreadystatechange = function() {
		if (req.readyState == 4) {
			if (req.responseJS.Error) {
				alert( req.responseJS.Error);
				document.getElementById('save_btn_title').disabled='';
				return;
			}
			document.getElementById('sTitleDiv').innerHTML = req.responseJS.TitleBlock;
			document.getElementById('photo_title_'+file_id).value = req.responseJS.Title;
		}
	}
	req.open('POST', 'upload_media.php', true);
	req.send({ action: 'SavePhotoTitle', FileID: file_id, Title: title });
}


function checkForm()
{
	var el;
	var hasErr = false;
	var fild = "";

	var phot_counter = parseInt(document.getElementById('phot_counter').value);
	for (i = 1; i <= phot_counter; i++) {
		el = document.getElementById('mediaTitle'+i);
		if( el.value.length < title_length )
		{
			el.style.backgroundColor = "pink";
			el.style.border = "1px solid silver";
			hasErr = true;
			fild = '\n ' + title_error_msg;
		}
		else
		{
			el.style.backgroundColor = "#fff";
		}
	}
	if (hasErr)
	{
		alert( fild )
		return false;
	}
	else
	{
		return true;
	}
	return false;
}