// JavaScript Document

// ---------------------------------------------------------------------------------------------

function showCompany(){
	// fade existing element
	new Effect.Fade('stores', {delay: 0.0, duration: 0.4, queue: {scope: 'unload'}});
	new Effect.Fade('stores_header', {delay: 0.2, duration: 0.4, queue: {scope: 'unload'}});

	new Effect.Fade('franchise', {delay: 0.4, duration: 0.4, queue: {scope: 'unload'}});
	new Effect.Fade('franchise_header', {delay: 0.6, duration: 0.4, queue: {scope: 'unload'}});
	
	new Effect.Fade('company_more', {delay: 0.8, duration: 0.4, queue: {scope: 'unload'}}); 
	new Effect.Fade('company', {delay: 1.0, duration: 0.4, queue: {scope: 'unload'}});
	new Effect.Fade('company_header', {delay: 1.2, duration: 0.4, queue: {scope: 'unload'}});	
	 
	new Effect.Fade('stores_holder', {delay: 1.4, duration: 0.2, queue: {scope: 'unload'}}); 
	new Effect.Fade('franchise_holder', {delay: 1.6, duration: 0.2, queue: {scope: 'unload'}});
	
	// show extended content
	new Effect.Appear('company_header_expanded', {delay: 1.8, duration: 0.4, queue: {scope: 'unload'}}); 
	new Effect.BlindDown('company_expanded', {delay: 1.8, duration: 0.4, queue: {scope: 'unload'}}); 
	new Effect.Appear('company_close', {delay: 2.2, duration: 0.4, queue: {scope: 'unload'}});	

}

function hideCompany(){
	// remove the expanded elements
	new Effect.Fade('company_close', {delay: 0.0, duration: 0.4, queue: {scope: 'restore'}}); 
	new Effect.BlindUp('company_expanded', {delay: 0.0, duration: 0.4, queue: {scope: 'restore'}});
	new Effect.Fade('company_header_expanded', {delay: 0.2, duration: 0.2, queue: {scope: 'restore'}});
	
	new Effect.Appear('franchise_holder', {delay: 0.5, duration: 0.0, queue: {scope: 'restore'}});
	new Effect.Appear('stores_holder', {delay: 0.5, duration: 0.0, queue: {scope: 'restore'}});
	
	// restore the original elements
	new Effect.Appear('company_header', {delay: 0.5, duration: 0.3, queue: {scope: 'restore'}});
	new Effect.Appear('franchise_header', {delay: 0.8, duration: 0.3, queue: {scope: 'restore'}});
	new Effect.Appear('stores_header', {delay: 1.1, duration: 0.3, queue: {scope: 'restore'}});
	
	new Effect.Appear('company', {delay: 1.4, duration: 0.4, queue: {scope: 'restore'}}); 
	new Effect.Appear('company_more', {delay: 1.4, duration: 0.4, queue: {scope: 'restore'}});
	new Effect.Appear('franchise', {delay: 1.4, duration: 0.4, queue: {scope: 'restore'}}); 
	new Effect.Appear('stores', {delay: 1.4, duration: 0.4, queue: {scope: 'restore'}});
}

// ---------------------------------------------------------------------------------------------

function showFranchise(){
	// fade existing element
	new Effect.Fade('stores', {delay: 0.0, duration: 0.4, queue: {scope: 'unload'}});
	new Effect.Fade('stores_header', {delay: 0.2, duration: 0.4, queue: {scope: 'unload'}});

	new Effect.Fade('company', {delay: 0.0, duration: 0.4, queue: {scope: 'unload'}});
	new Effect.Fade('company_header', {delay: 0.2, duration: 0.4, queue: {scope: 'unload'}});
	
	new Effect.Fade('franchise_more', {delay: 0.6, duration: 0.4, queue: {scope: 'unload'}}); 
	new Effect.Fade('franchise', {delay: 1.0, duration: 0.4, queue: {scope: 'unload'}});
	new Effect.Fade('franchise_header', {delay: 1.2, duration: 0.4, queue: {scope: 'unload'}});	
	 
	new Effect.Fade('stores_holder', {delay: 1.4, duration: 0.2, queue: {scope: 'unload'}}); 
	new Effect.Fade('company_holder', {delay: 1.6, duration: 0.2, queue: {scope: 'unload'}});
	
	// show extended content
	new Effect.Appear('franchise_header_expanded', {delay: 1.8, duration: 0.4, queue: {scope: 'unload'}}); 
	new Effect.Appear('franchise_expanded', {delay: 1.8, duration: 0.4, queue: {scope: 'unload'}}); 
	new Effect.Appear('franchise_close', {delay: 2.2, duration: 0.4, queue: {scope: 'unload'}});	

}

function hideFranchise(){
	// remove the expanded elements
	new Effect.Fade('franchise_close', {delay: 0.0, duration: 0.4, queue: {scope: 'restore'}}); 
	new Effect.Fade('franchise_expanded', {delay: 0.0, duration: 0.4, queue: {scope: 'restore'}});
	new Effect.Fade('franchise_header_expanded', {delay: 0.2, duration: 0.2, queue: {scope: 'restore'}});
	
	new Effect.Appear('company_holder', {delay: 0.5, duration: 0.0, queue: {scope: 'restore'}});
	new Effect.Appear('stores_holder', {delay: 0.5, duration: 0.0, queue: {scope: 'restore'}});
	
	// restore the original elements
	new Effect.Appear('franchise_header', {delay: 0.5, duration: 0.3, queue: {scope: 'restore'}});
	new Effect.Appear('company_header', {delay: 0.8, duration: 0.3, queue: {scope: 'restore'}});
	new Effect.Appear('stores_header', {delay: 0.8, duration: 0.3, queue: {scope: 'restore'}});
	
	new Effect.Appear('franchise', {delay: 1.4, duration: 0.4, queue: {scope: 'restore'}}); 
	new Effect.Appear('franchise_more', {delay: 1.4, duration: 0.4, queue: {scope: 'restore'}});
	new Effect.Appear('company', {delay: 1.4, duration: 0.4, queue: {scope: 'restore'}}); 
	new Effect.Appear('stores', {delay: 1.4, duration: 0.4, queue: {scope: 'restore'}});
}

// ---------------------------------------------------------------------------------------------

function showStores(){
	// fade existing element
	new Effect.Fade('company', {delay: 0.0, duration: 0.4, queue: {scope: 'unload'}});
	new Effect.Fade('company_header', {delay: 0.2, duration: 0.4, queue: {scope: 'unload'}});

	new Effect.Fade('franchise', {delay: 0.4, duration: 0.4, queue: {scope: 'unload'}});
	new Effect.Fade('franchise_header', {delay: 0.6, duration: 0.4, queue: {scope: 'unload'}});
	
	new Effect.Fade('stores_more', {delay: 0.8, duration: 0.4, queue: {scope: 'unload'}}); 
	new Effect.Fade('stores', {delay: 1.0, duration: 0.4, queue: {scope: 'unload'}});
	new Effect.Fade('stores_header', {delay: 1.2, duration: 0.4, queue: {scope: 'unload'}});	
	 
	new Effect.Fade('franchise_holder', {delay: 1.4, duration: 0.2, queue: {scope: 'unload'}}); 
	new Effect.Fade('company_holder', {delay: 1.6, duration: 0.2, queue: {scope: 'unload'}});
	
	// show extended content
	new Effect.Appear('stores_header_expanded', {delay: 1.8, duration: 0.4, queue: {scope: 'unload'}}); 
	new Effect.Appear('stores_expanded', {delay: 1.8, duration: 0.4, queue: {scope: 'unload'}}); 
	new Effect.Appear('stores_close', {delay: 2.2, duration: 0.4, queue: {scope: 'unload'}});	

}

function hideStores(){
	// remove the expanded elements
	new Effect.Fade('stores_close', {delay: 0.0, duration: 0.4, queue: {scope: 'restore'}}); 
	new Effect.Fade('stores_expanded', {delay: 0.0, duration: 0.4, queue: {scope: 'restore'}});
	new Effect.Fade('stores_header_expanded', {delay: 0.2, duration: 0.2, queue: {scope: 'restore'}});
	
	new Effect.Appear('company_holder', {delay: 0.5, duration: 0.0, queue: {scope: 'restore'}});
	new Effect.Appear('franchise_holder', {delay: 0.5, duration: 0.0, queue: {scope: 'restore'}});
	
	// restore the original elements
	new Effect.Appear('stores_header', {delay: 0.5, duration: 0.3, queue: {scope: 'restore'}});
	new Effect.Appear('franchise_header', {delay: 0.8, duration: 0.3, queue: {scope: 'restore'}});
	new Effect.Appear('company_header', {delay: 1.1, duration: 0.3, queue: {scope: 'restore'}});
	
	new Effect.Appear('stores', {delay: 1.4, duration: 0.4, queue: {scope: 'restore'}}); 
	new Effect.Appear('stores_more', {delay: 1.4, duration: 0.4, queue: {scope: 'restore'}});
	new Effect.Appear('franchise', {delay: 1.4, duration: 0.4, queue: {scope: 'restore'}}); 
	new Effect.Appear('company', {delay: 1.4, duration: 0.4, queue: {scope: 'restore'}});
}

// ---------------------------------------------------------------------------------------------