/**
 * Functions.js
 */
window.onload = function() {
	toggleValue('search');
	
	if(document.getElementById('accordion')) {
		var acc = new accordion('accordion');
		acc.activate($$('.accordion_toggle')[0]);
	}
	
	if(document.getElementById('tabs')) {
		var tabs = new ProtoTabs('tabs', {
			defaultPanel: 'info'
		});
	}
	
	/**
	 * References gallery
	 */
	if(document.getElementById('thumbs')) {
		if($$('.slide').length > 1) {
			var carousel = new Carousel($('thumbs'), $$('.slide'), $$('a.carousel-control'), {
				duration: 0.5
			});
		}
		
		var mainImage = $('main-image');
		var selectedThumb = $$('.slide .selected');
		$$('.gallery-thumb').each(function(el) {
			el.observe('click', function(e) {
				Event.stop(e);
				newImage = new Image();
				newImage.src = el.down().src.replace(/-thumb/, '');
				if(/msie/i.test(window.navigator.userAgent)) {
					mainImage.width = newImage.width;
					mainImage.height = newImage.height;
					mainImage.src = newImage.src;
				}
				else {
					newImage.onload = function() {
						mainImage.width = this.width;
						mainImage.height = this.height;
						mainImage.src = this.src;
					}
				}
				selectedThumb[0].removeClassName('selected');
				el.addClassName('selected');
				selectedThumb[0] = el;
				
			});
		});
	}
	
	if(document.getElementById('submit')) {
		var hoverImg = new Image();
		hoverImg.src = 'resources/img/search-btn-hover.gif';
		
		document.getElementById('submit').onmouseover = function() {
			this.src = hoverImg.src;
		}
		document.getElementById('submit').onmouseout = function() {
			this.src = 'resources/img/search-btn.gif';
		}
	}
}

/**
 * Hides and reveals default input value
 * @param {String} id
 */
function toggleValue(id) {
	var el = document.getElementById(id);
	var v = el.value;
	el.onfocus = function() {
		if(this.value == v)
			this.value = "";
	}
	el.onblur = function() {
		if(this.value == "")
			this.value = v;
	}
}