/***************************************************************
  SITE.JS
  Top-level site functions.
 ***************************************************************/
 

/********************** FORMS *********************************/

var SEARCH_PREFILL = 'title, description, tags';

function initSearchForm(){
	var searchField = $('searchWords');
	searchField.value = SEARCH_PREFILL;
	searchField.className = 'searchBarOff';
	searchField.onfocus = function(){
		this.value='';
		this.className='searchBarOn';
	}
	searchField.onblur = function(){
		if(this.value.length){ return; }
		this.value = SEARCH_PREFILL;
		this.className='searchBarOff';
	}
}

function validateSearchForm(){
	var field = 'searchWords';
	var val = $F(field);
	if(val == SEARCH_PREFILL || val == String.EMPTY){
		Field.clear(field);
		Field.focus(field);
		return false;
	}
	return true;
}

function initRegForm(){
	var val = $F('reg_user_name');
	var disabled = (val.length < 4 || val.length > 16);
	$('checkUsernameButton').disabled = disabled;
	$('reg_user_name').onkeyup = refreshButtonState;
	AjaxStatus.addListener('status');
}

function refreshButtonState(){
	$('checkUsernameButton').disabled = (this.value.length < 4 || this.value.length > 16);
}

function initVideoForm(){

	$('format1').onclick = function(){
		if(!this.checked){
			Field.clear('url1');
		}
		Element.toggle('display_url1');
	}

	$('format2').onclick = function(){
		if(!this.checked){
			Field.clear('url2');
		}
		Element.toggle('display_url2');
	}

	$('format3').onclick = function(){
		if(!this.checked){
			Field.clear('url3');
		}
		Element.toggle('display_url3');
	}

	$('is_pay').onclick = function(){
		if(!this.checked){
			Field.clear('price');
		}
		Element.toggle('display_price');
	}

	if(!$('format1').checked){
		Element.toggle('display_url1');
	}

	if(!$('format2').checked){
		Element.toggle('display_url2');
	}

	if(!$('format3').checked){
		Element.toggle('display_url3');
	}

	if(!$('is_pay').checked){
		Element.toggle('display_price');
	}

}

function deleteImage(){
	if(!confirm('Are you sure you want to delete this image?')){ return; }
	Field.clear('image_url');
	Field.setValue('image_deleted', 'Y');
	Element.remove('display_image');
}

function initDetailsForms(){
	AjaxStatus.addListener('tagsStatus');
	AjaxStatus.addListener('commentsStatus');
}

function initProfileFavoritesForm(){
	AjaxStatus.addListener('status');
}

function initProfileTagsForm(){
	AjaxStatus.addListener('status');
}

function initProfileVideosForm(){
	AjaxStatus.addListener('status');
}

/********************** UI *********************************/

function toggleFaq(itemId){
	var faqLink = $('faq_link_' + itemId);
	var faqItem = $('faq_display_' + itemId);
	faqLink.className = (faqItem.style.display == 'none' ? 'faqOn' : 'faqOff');
	Element.toggle(faqItem);
}

function togglePreviews(itemId){
	var previewLink = $('view_all_' + itemId);
	previewLink.style.display = (previewLink.style.display == 'none' ? '' : 'none');

	var previewItem = $('hidden_previews_' + itemId);
	previewItem.style.display = (previewLink.style.display == '' ? 'none' : '');
	
	var closeItem = $('close_all_' + itemId);
	closeItem.style.display = (previewLink.style.display == '' ? 'none' : '');
}

function hide(id) {
	var item = $(id);
//	item.style.display = '';
	item.style.visibility = 'hidden';
}

function show(id) {
	document.getElementById(id).style.visibility = "visible";
}