window.loc='sailorjacks';
window.page='staff';
function showModal(e,scroll){
	$(e).className = window.loc;
	$(e).setStyle('display','block');
  	var myValues = $('main_content_area').getCoordinates();
	var myNum = ((myValues['width']-450)/2);
    new Element('div', {
          'class': 'modal_bg',
          'styles': {
                'position': 'absolute',
                'top': 0,
                'left': 0,
                'z-index': 17,
                'opacity': '0.80',
                'display': 'block',
                'background-color': '#000',
                'width': '972px',
                'height': '597px'
          }
    }).injectInside('main_content_area');
    $(e).setStyle('opacity','1');
    $(e).setStyle('display','block');
    $(e).setStyle('left',myNum);
    $(e).setStyle('overflow','visible');
    $(e).tween('top','20px');
	ScrollReload(scroll);
}
function closeModal(e){
    $$('.modal_bg').setStyle('display','none');
    $(e).tween('top','600px');
    (function() { $(e).setStyle('display','none'); }).delay(1000);
}
function anchorItem(e,type){
	if(type=='image'){
		$(e).src = "sj_files/images/headers/" + e + "_over.gif";
	}else{
		
	}
}
function resetItem(e,type){
	if(type=='image'){
		$(e).src = "sj_files/images/headers/" + e + ".gif";
	}else{
		$(e).setStyle('color','#461d05');
	}
}
var myaccordion = new Accordion($('accordion'), 'p.toggler', 'div.element', {
	opacity: false,
	alwaysHide: false,
	display: -1,
	onActive: function(toggler, element){
		toggler.setStyle('color', '#461d05');
		toggler.setStyle('borderTop', '2px solid #461d05');
		toggler.setStyle('paddingTop', '7px');
		element.setStyle('borderBottom', '2px solid #461d05');
		element.setStyle('paddingBottom', '3px');
		element.setStyle('marginBottom', '7px');
		anchorItem('loc_' + window.loc,'text');
		anchorItem(window.loc, 'text');
	},
	onBackground: function(toggler, element){
		toggler.setStyle('color', '#ffffff');
		toggler.setStyle('borderTop', '2px solid #461d05');
		toggler.setStyle('paddingTop', '0');
		element.setStyle('borderBottom', '2px solid #461d05');
		element.setStyle('paddingBottom', '0');
		element.setStyle('marginBottom', '0');
		anchorItem('loc_' + window.loc,'text');
		anchorItem(window.loc, 'text');
	}
});
function hideElem(e)
{
	e.getNext().setStyle('right','0px');
}

function showElem(e)
{
	e.getNext().setStyle('right','50px');
}

function closeAccordion(){
	$('dot_left').dispose();
	$('dot_right').dispose();
	myAccordion.display(-1);
}

function closeAndAnchorAccordion(accordion_id,what){
	$(what).getPrevious().getFirst().setStyle('color', '#461d05');
	$(what).getPrevious().setStyle('borderTop', '2px solid #461d05');
	$(what).setStyle('borderBottom', '2px solid #461d05');
	myAccordion.display(-1);
}
function displaySection(what){
	myAccordion.display(what);
}      
function closePage()
{
	$$('.submenu').each(function(el){
		$(el).setStyle('display', 'none');
	});
	$('side_box').tween('left','120px');
	$('vert_box').tween('bottom','-560px');
	$('sub_page').tween('left','-400px');
	$('sub_page_nav').tween('left','-400px');
	//$('sub_page_right').tween('left','-400px');

	$('main_image').setStyle('background-image','url(sj_files/images/bg/home_image.jpg)');
	(function(){$('main_image').fade('in');}).delay(250);
	
	$$('.locations').each(function(el){
		var myChildImageId = $(el).getFirst().getFirst().getFirst().id; 
		resetItem(myChildImageId,'image');
		
	});  
	$$('.call_page').each(function(el){
		var myChildImageId = $(el).getFirst().id;  
		$(el).getFirst().src = "sj_files/images/headers/" + myChildImageId + ".gif";
		
	}); 
	
	/*(function(){anchorItem('sj_nav_home','image');}).delay(1000);*/
	
}


function sidepageFlyout()
{
	$('side_box').set('tween', {duration: 'long'});
	$('sub_page').tween('left','-400px');
	$('sub_page_nav').tween('left','-400px');
	//$('sub_page_right').tween('left','-400px');
	$('side_box').tween('left','120px');
	$('vert_box').tween('bottom','-560px');
	(function(){$('side_box').tween('left','480px');}).delay(1000);	
}

function subpageFlyout()
{
	$('sub_page').set('tween', {duration: 'long'});
	$('sub_page_nav').set('tween', {duration: 'long'});
	//$('sub_page_right').set('tween', {duration: 'long'});
	$('side_box').tween('left','120px');
	$('vert_box').tween('bottom','-560px');
	$('sub_page').tween('left','180px');
	$('sub_page_nav').tween('left','20px');
	//$('sub_page_right').tween('left','567px');
}

function vertpageFlyout()

{
	$('vert_box').set('tween', {duration: 'long'});
	$('sub_page').tween('left','-400px');
	$('sub_page_nav').tween('left','-400px');
	//$('sub_page_right').tween('left','-400px');
	$('side_box').tween('left','120px');
	$('vert_box').tween('bottom','-560px');	
	$('vert_box').setStyle('z-index','90');	

	(function(){$('vert_box').tween('bottom','15px');}).delay(1000);
}

function preloadPage(){
	$('header').fade('hide');
	$('inner_footer').fade('hide');
	(function(){$('header').fade('in');}).delay(4500);		
	(function(){$('inner_footer').fade('in');}).delay(4500);	
	
	(function(){$('side_box').setStyle('left','120px');}).delay(1500);	
	(function(){$('vert_box').setStyle('bottom','-560px');}).delay(2500);	
	(function(){$('sub_page').setStyle('left','-400px');}).delay(1500);	
	(function(){$('sub_page_nav').setStyle('left','-400px');}).delay(1500);	
	//(function(){$('sub_page_right').setStyle('left','-400px');}).delay(1500);	
	(function(){$('preload').setStyle('display','none');}).delay(5000);		
	(function(){$('preload').setStyle('z-index','1');}).delay(4500);	
	
	(function(){$('side_box').setStyle('z-index','10');}).delay(1500);		
	(function(){$('vert_box').setStyle('z-index','10');}).delay(1500);		
	(function(){$('sub_page').setStyle('z-index','16');}).delay(1500);		
	(function(){$('sub_page_nav').setStyle('z-index','16');}).delay(1500);		
//	(function(){$('sub_page_right').setStyle('z-index','15');}).delay(1500);	
	
	(function(){$('preload_box').tween('left','120px');}).delay(4000);	
	(function(){$('preload_box').fade('hide');}).delay(5000);	
}
window.addEvent('domready', function() {
	$('inner_right').getElements('img').each(function(el){	
		var myID = $(el).id;
		$(el).addEvent('mouseenter', function(){
			$(el).src = "sj_files/images/headers/" + myID + "_over.gif";
		});
		$(el).addEvent('mouseleave', function(){
			$(el).src = "sj_files/images/headers/" + myID + ".gif";
		});
		$(el).addEvent('click', function(){
			anchorItem(myID,'image');
		});
	});
	$('nav').getElements('img').each(function(el){	
		var myID = $(el).id;
		$(el).addEvent('mouseenter', function(){
			$(el).src = "sj_files/images/headers/" + myID + "_over.gif";
		});
		$(el).addEvent('mouseleave', function(){
			$(el).src = "sj_files/images/headers/" + myID + ".gif";
		});
		$(el).addEvent('click', function(){
			anchorItem(myID,'image');
		});
	});
	$$('.locations').getFirst().getFirst().getFirst().each(function(el){
		var myID = $(el).id;
		$(el).addEvent('mouseenter', function(){
			$(el).src = "sj_files/images/headers/" + myID + "_over.gif";
		});
		$(el).addEvent('mouseleave', function(){
			$(el).src = "sj_files/images/headers/" + myID + ".gif";
		});
	});
	$$('.menu_content').fade('hide');
	
	$$('.submenu').each(function(el){
		$(el).setStyle('display', 'none');
	});
	$$('.locations').each(function(el){
		var myID = $(el).getFirst().getFirst().id;
		var myimageID = $(el).getFirst().getFirst().getFirst().id;
		var myEffect = new Fx.Morph($('menu_' + myID), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
		$$('.menu_content').fade('hide');
		$$('.menu_content').set('tween', {duration: 'long'});
//change "click" event to "domready"
//change this effect to have a delay.
		$(el).addEvent('click', function(){
			$$('.locations').each(function(el){
				var myChildImageId = $(el).getFirst().getFirst().getFirst().id; 
				resetItem(myChildImageId,'image');
				
			});  
			$$('.call_page').each(function(el){
				var myChildImageId = $(el).getFirst().id;  
				$(el).getFirst().src = "sj_files/images/headers/" + myChildImageId + ".gif";
				
			});   
			resetItem('sj_nav_home','image');
			var myWidth = $('menu_' + myID).getStyle('width');
			if (myWidth == '269px'){
				(function(){$('menu_' + myID).tween('height','1px');}).delay(100);
				(function(){$('menu_' + myID).tween('width','1px');}).delay(750);
				(function(){$('menu_' + myID).setStyle('overflow', 'hidden');}).delay(100);
				(function(){$('menu_' + myID).setStyle('display', 'none');}).delay(1000);
				(function(){$('menu_' + myID).getFirst().fade('hide');}).delay(1000);
			}else{
				$$('.submenu').each(function(el){
					var subID = $(el).id;
				
					if ($(el).getStyle('width') == '269px'){
						(function(){$(el).tween('height','1px');}).delay(100);
						(function(){$(el).tween('width','1px');}).delay(750);
						(function(){$(el).setStyle('overflow', 'hidden');}).delay(100);
						(function(){$(el).setStyle('display', 'block');}).delay(1000);
						(function(){$(el).getFirst().fade('hide');}).delay(1000);
					}else{
						$('menu_' + myID).getFirst().fade('hide');
						$(el).setStyle('display', 'none');
						$('menu_' + myID).setStyle('width','1px');
						$('menu_' + myID).setStyle('height','1px');
						$('menu_' + myID).setStyle('overflow', 'hidden');	
						$('menu_' + myID).setStyle('borderLeft', '0px solid #461d05');
						$('menu_' + myID).setStyle('borderRight', '0px solid #461d05');
					}		
				});
				$('menu_' + myID).setStyle('borderLeft', '1px solid #461d05');
				$('menu_' + myID).setStyle('borderRight', '1px solid #461d05');
				(function(){$('menu_' + myID).tween('height','40px');}).delay(100);
				(function(){$('menu_' + myID).tween('width','269px');}).delay(750);
				(function(){$('menu_' + myID).setStyle('overflow', 'visible');}).delay(100);
				(function(){$('menu_' + myID).setStyle('display', 'block');}).delay(100);
				(function(){$('menu_' + myID).getFirst().fade('in');}).delay(1000);
			}
			/*(function(){anchorItem(myimageID,'image');}).delay(1000);*/
		});
	});
	preloadPage();
		
	$$('.call_page').each(function(el){
		var myImageId = $(el).getFirst().id;
		$(el).addEvent('click', function(){

			$$('.locations').each(function(el){
				var myChildImageId = $(el).getFirst().getFirst().getFirst().id; 
				resetItem(myChildImageId,'image');

			});  
			$$('.call_page').each(function(el){
				var myChildImageId = $(el).getFirst().id;  
				$(el).getFirst().src = "sj_files/images/headers/" + myChildImageId + ".gif";

			});   

			$$('.submenu').each(function(el){
				$(el).setStyle('display', 'none');
			});
			var page_name = $(el).getProperty('rel');
			if($(el).hasClass('side')){

				loadPage('side',page_name);				
			}else{
				loadPage('vert',page_name);
			}
			(function(){anchorItem(myImageId,'image');}).delay(1000);
			resetItem('sj_nav_home','image');
		});
	});     
	
	$$('.close_modal').each(function(el){
		$(el).addEvent('click', function(){

		});
	});
	
	$('sub_page_nav_locs').getElements('a').each(function(el){

		$(el).addEvent('click', function(){
			closeAccordion();
		});
	});
	
	$$('.call_sub_page').each(function(el){
		$(el).addEvent('click', function(){
			$$('.call_sub_page').each(function(el){
				$(el).erase('style');
			});
			if($('dot_left')){
				$('dot_left').dispose();
			}
			if($('dot_right')){
				$('dot_right').dispose();
			}
			if($(el).hasClass('sailorjacks')){ 
				window.loc = 3;
			}
			
			$$('.submenu').each(function(el){
				$(el).setStyle('display', 'none');
			});
			$('sub_page').set('tween', {duration: 'normal'});
			$('sub_page_nav').set('tween', {duration: 'long'});
			var page_name = $(el).getProperty('rel');
			loadPage('sub',page_name);
			new Element('span', {
				'class': 'dot_left',
				'id': 'dot_left',
				'html': '•',
				'styles': {
						'padding': '0px 5px'
				}
			}).injectAfter($(el)); 
			new Element('span', {
				'class': 'dot_right',
				'id': 'dot_right',
				'html': '•',
				'styles': {
						'padding': '0px 5px'
				}
			}).injectBefore($(el));			
			$(el).setStyle('color', '#ffffff');
		});
	});
	$$('.close_page').each(function(el){
		$(el).addEvent('click', function(){
			closePage();
		});
	});

});