window.addEvent('domready', function(){
	// Create the Slider for the News bar
	new SlideItMoo({
		overallContainer: 'newContainer',
		elementScrolled: 'newItems',
		thumbsContainer: 'newStories',		
		itemsVisible:1,
		itemsSelector: '.WhatsNew',
		itemWidth: 758,
		showControls: 1,
		autoSlide: 5000,
		transition: Fx.Transitions.Sine.easeOut,
		duration: 500
	});
	
	// 
	// Toggle the Green Buttons in and out on the home page
	// When green buttons are hit, side panel is faded in displaying small excerpt and clickable link
	//
	
	// Set the default Variables
	var currentDiv = null;
	var oldDiv = null;
	var divOpen = '0px';
	var divClose = '-133px';
	
	// Fade out the panels to make them ready for the fade in
	['panel_prodInfo','panel_orderInfo','panel_techSupport'].each(function(el,i){ 
		 $(el).fade('out'); 
	});
	
	// Click actions to toggle the panels
    $$('a.HPButton').each(function(element,i) {
        var buttonSlide = new Fx.Tween(element);
        $(element).addEvent('click', function(e){
            var createVar = 'panel_' +  this.get('id');
            var currentPanel = $(createVar);
            var closeDiv, openDiv;

            currentDiv = this.get('id');
            if(!oldDiv){
                oldDiv = openDiv = currentDiv;
            }else{
                closeDiv = oldDiv;
                if(oldDiv == currentDiv){
                    oldDiv = null;
                }else{
                    oldDiv = openDiv = currentDiv;
                }
            }

            if(openDiv){
                buttonSlide.start('margin-left', divClose, divOpen);
                currentPanel.fade('in');
            }

            if(closeDiv){
                var closeVar = 'panel_' +  closeDiv;
                var closePanel = $(closeVar);
                var divSlide = new Fx.Tween(closeDiv);
                divSlide.start('margin-left', divOpen, divClose);
                if(closePanel)
                    closePanel.fade('out');
            }
        });
    });
});