// JavaScript Document
// 
// copyright Bogdan Keric, 12 Mar 2009

	
	function enter_site() {
		
		$('navigation').setStyle({ opacity: 0, 'display': 'block' });
		$('puzzle').setStyle({ cursor: 'default', opacity: 0 });
		
		$('puzzle').writeAttribute("title", "Welcome to JROKdesign.com" );
		$('navigation').writeAttribute("class", "visible" );
		
		start = $R(1,81);
		Sortable.setSequence('puzzle', start);
		// Sortable.destroy('puzzle');
		
		new Effect.Opacity('navigation', { from: 0, to: 1, duration: 3, transition: Effect.Transitions.sinoidal });
		new Effect.Opacity('puzzle', { from: 0, to: 1, duration: 2, transition: Effect.Transitions.sinoidal });
		
		$('enter').stopObserving('click');
	}
	
	
	function addObservers() {
		$('enter').observe('click', enter_site);
		$('puzzle').setStyle({ cursor: 'pointer'});
		$('puzzle').writeAttribute("title", "Enter: JROKdesign.com" );
		$('loading_home').update('');
		
		//Create fade effect of div #puzzle
		new Effect.Opacity('puzzle', { from: 0, to: 1, duration: 4, transition: Effect.Transitions.sinoidal });
	}

	Event.observe(window, 'load', addObservers);