/**
 *	Login Slide Control
 */ 
var defaultLoginBoxOptions		= 	{
	/* transition	:	Effect.Transitions.spring, */
	delay		:	0.2,
	duration	:	0.2
}
var loginToggleText = '';
 

Event.observe(document, 'dom:loaded', function() {

	/* base variables */
	
	if($('login-panel')) {
	
		var loginArea			= 	$('login-area'); 		
		var loginPanel 			= 	$('login-panel'); 					// container for login	
		var loginPanelInner 	= 	$('login-panel-inner'); 			// inner div inside login container [above]
		var loginToggle			= 	$('login-toggle-link'); 					// container for login toggler
		
		loginToggleText		=	loginToggle.down('a').innerHTML;	// store original HTML for use later
	
		
		loginPanel.hide();			// hide main panel
		loginPanelInner.show(); 	// overide inline "display: none" to allow for effects on inner container
		
		loginToggle.down('a').observe('click', function( event ) {

			Event.stop( event );	// cancel all events

			oAnchor = Event.element( event );	// get DOM reference to the anchor element that the click occured on

			Element.writeAttribute(oAnchor, { href : '#' });

			if ( loginArea.hasClassName('login-expanded') ) {		
				loginPanel.blindUp(defaultLoginBoxOptions);
				loginArea.removeClassName('login-expanded');
				Element.update.delay( 0.5, oAnchor, loginToggleText );
			} else {
				loginPanel.blindDown(defaultLoginBoxOptions);
				loginArea.addClassName('login-expanded');
				Element.update.delay( 0.5, oAnchor, "Close Panel" );
			}
			
		});
	}
});

Event.observe(window, 'keyup', function(event) {
	if ( event.keyCode == Event.KEY_ESC ) {
		var loginArea	= 	$('login-area'); 
		loginPanel = $('login-panel');
		if ( loginArea.hasClassName('login-expanded') ) {		
			loginPanel.blindUp(defaultLoginBoxOptions);
			loginArea.removeClassName('login-expanded');
			Element.update.delay( 0.5, oAnchor, loginToggleText );
		}
	}
});
 
 
 
 
 
 
 
 
 
if ( 0 ) {
	Event.observe(document, 'dom:loaded', function() {
		$$('ul.profile-blocks li .profile-block-header a').each(function(e) {
		
			/* assign hidden inner div to var profileInner */
			var profileInner = e.up('li').down('.profile-inner');
			
			/* calculate a "fixed" height */
			profileInner.setStyle({
				height: profileInner.getHeight() + 'px'
			});
			// console.log("Height: " +  profileInner.getHeight());
			
			/* hide inner div */
			profileInner.hide();
			
			/* assign onClick event handler to anchor inside header */
			e.observe('click', function(event) {
				event.preventDefault(); // stop default anchor firing
				$$('ul.profile-blocks li.expanded-profile-block').each(function(el) {
					el.removeClassName('expanded-profile-block');
					el.down('.profile-inner').slideUp({duration:0.25});
				});
				profileInner.up('li').addClassName('expanded-profile-block');
				profileInner.slideDown({duration:0.25});
			});
		});
	});
}




/**
 *	Protip GoodBetterBest Tooltips
 */
if ( 0 ) {
	Event.observe(document, 'dom:loaded', function() {
		$$('#bodycontent .product-list') && 
		$$('#bodycontent .product-list li.product-list-item').each(function(element){
			eTooltip = element.select('.js-prodlist-tooltip');
			if (  eTooltip.length && ( eTooltip = eTooltip[0] ) ){
				new Tip( $(element), eTooltip, {
				  title: element.title,
				  style: 'default',
				  stem: 'topRight',
				  hook: { tip: 'topRight', mouse: true },
				  width: 400,
				  viewport: true
				});
			}
		});
	});
}