// JavaScript Document
$(document).ready(function() {

	// GENERAL
	$('.message span.btnOk').live('click',function(){
		$(this).parents('.message').fadeOut(300);
	});

	$('.editToggle').live('click',function(){
		$('.toggleIndicator').toggle();
	});
	
	$('.trigger').live('click',function(){
		var tElement = $(this).attr('id');
		$('.'+tElement).toggle();
	});

	$('.ufAlertTrigger').live('click',function(){
		$('.ufAlertBox').toggle();
	});

	// MENU
	var timeout    = 0;
	var closetimer = 0;
	var iaatbmenuitem = 0;
	
	function menu_open() {
		$(this).addClass('open');
		menu_canceltimer();
		menu_close();
		iaatbmenuitem = $(this).find('ul').css('visibility', 'visible');
	}
	
	function menu_close() {
		//$('li').removeClass('open');
		if(iaatbmenuitem) iaatbmenuitem.css('visibility', 'hidden');
	}
	
	function menu_timer() {
		closetimer = window.setTimeout(menu_close, timeout);
		$('li').removeClass('open');
	}
	
	function menu_canceltimer() {
		if(closetimer) {
			window.clearTimeout(closetimer);
			closetimer = null;
		}
	}
	
 		$('#main_menu > li').bind('mouseover', menu_open);
		$('#main_menu > li').bind('mouseout',  menu_timer);
	
	document.onclick = menu_close;


	// GALLERY
	$('div.images span.thumbnail').live('click',function(){
		$('span.thumbnail').removeClass('selected');
		$(this).addClass('selected');
		var fileName = $(this).attr('id');
		$('div#placeholder').html('<img src="'+fileName+'" />');
		//$(this).parents('.message').fadeOut(300);
	});
	
	$('div.images div#placeholder img').live('click',function(){
		var fileName = $(this).attr('src');
		//fileName = fileName.replace('.jpg','_large.jpg');
		//alert('Make a large image of '+fileName);
		$('div#overlayBubble').html('<img src="'+fileName+'" />');
		$('div#overlay').fadeIn(300);
		$('body').addClass('stopscroll');
	});
	
	$('div#overlay').live('click',function(){
		$('body').removeClass('stopscroll');
		$('div#overlay').fadeOut(300);
		$('div#overlayBubble').html(null);
	});

});