// =============================
// = Arkitema                  =
// = www.arkitema.dk           =
// = Site JavaScript functions =
// =============================

var Site = {
	
	SITE_CONTAINER_ID: 'container',
	SEARCHBOX_ID: 'search_input',
	SEARCHBOX_CLASS_NAME: 'formfield search',
	SEARCHBOX_DEFAULT_VALUE	: 'Skriv s\u00F8geord',
	SEARCHBOX_DEFAULT_COLOR: '#cccccc',
	SEARCHBOX_FOCUS_COLOR: '#000000',
	
	domReady: function()
	{
		new SmoothScroll();
		Site.addSearchboxEvents(Site.SEARCHBOX_ID);
	},
	
	load: function()
	{
		Site.projectSlider();
		Site.projectGallery();
	},
	
	projectSlider: function()
	{
		if($('element'))
		{
			var mySlide = new Fx.Slide('element');
			
			mySlide.hide();
			
			var element = $('toggler-element');
			element.addEvent('click', function(e){
				e = new Event(e);
				mySlide.toggle();
				element.toggleClass('selected');
				e.stop();
			});
		}
	},
	
	projectGallery: function()
	{
		var elements = $$('a.openGallery');
		
		if(elements)
		{
			elements.each(function(currentElement)
			{
				currentElement.addEvent('click', function(e){
					e = new Event(e).stop();
					
					var lightboxElement = $E('a[class=lightbox]');
					
					if(lightboxElement)
					{
						/* Fire light box window */
						Lightbox.click(lightboxElement);
					}
				});
			});
		}
	},
	
	addSearchboxEvents: function(element)
	{
		/*var inputElements = $$(Site.SEARCHBOX_CLASS);
		
		inputElements.each(function(currentElement)
		{
			currentElement.addEvents({
				'focus': function()
				{
					alert("!")
					if (currentElement.value != currentElement.defaultValue)
						currentElement.style.color = Site.SEARCHBOX_FOCUS_COLOR;
				},
				'blur': function()
				{
					if (currentElement.value == currentElement.defaultValue)
						this.style.color = Site.SEARCHBOX_DEFAULT_COLOR;
				}
			});
		});*/
		
		var inputElement = document.getElementById(element);
		
		if(inputElement)
		{
			/* Set default value and color */
			inputElement.style.color = Site.SEARCHBOX_DEFAULT_COLOR;
			inputElement.value = Site.SEARCHBOX_DEFAULT_VALUE;
			
			Site.addEvent(inputElement, 'focus', function()
			{
				/* Clear value on focus*/
				if(this.value == Site.SEARCHBOX_DEFAULT_VALUE)
				{
					this.value = '';
					this.style.color = Site.SEARCHBOX_FOCUS_COLOR;
				}
			});
			
			Site.addEvent(inputElement, 'blur', function()
			{
				/* Bring back default text if value is empty */
				if(this.value == '')
				{
					this.value = Site.SEARCHBOX_DEFAULT_VALUE;
					this.style.color = Site.SEARCHBOX_DEFAULT_COLOR;
				}
			});
		}
	}
}

window.addEvent('domready', Site.domReady);
window.addEvent('load', Site.load);