var Feedback = {
    start: function() 
    {
        if ($('feedbackbox'))
        {
            var panelOption = $$('.optionpanel')[0];
            var panelFeedback = $$('.feedbackpanel')[0];
            var panelThanks = $$('.thankspanel')[0];
            var feedbacktext = $$('.feedbacktext')[0];
            var memberID = $$('.memberid')[0];
            var tellUsHow = 'Please tell us how';
            var whatDoYouLike = 'What do you like about it?';

            //Clear the feedback textbox when clicked into if it contains the default text
            
            feedbacktext.addEvent('click', function()
            {
                if (feedbacktext.value == tellUsHow || feedbacktext.value == whatDoYouLike)
                {
                    feedbacktext.value = '';
                }
            });
            
            $$('.feedbackyes')[0].addEvent('click', function()
            {
                $('HfFeedbackType').value = 'true';
                panelOption.addClass('displaynone');
                panelFeedback.removeClass('displaynone');
                feedbacktext.value = tellUsHow;
            });
            
            $$('.feedbackno')[0].addEvent('click', function()
            {
                $('HfFeedbackType').value = 'false';
                panelOption.addClass('displaynone');
                panelFeedback.removeClass('displaynone');
                feedbacktext.value = whatDoYouLike;
            });
            
            $$('.feedbacksend')[0].addEvent('click', function()
            {
                panelFeedback.addClass('displaynone');
                panelThanks.removeClass('displaynone');
                
                var params = Json.toString({canBeImproved: $('HfFeedbackType').value, description: feedbacktext.value, url: $$('.feedbackurl')[0].value, memberID: memberID.value });         
                var myAjax = new Ajax
                (
                    '/WebServices/FeedbackWS.asmx/SaveCustomerFeedback', 
                    {
                        postBody: params, 
                        onComplete: function(result){}, 
                        onFailure: function(result){}
                    }
                );
                myAjax.setHeader('Content-Type','application/json');
                myAjax.request();                   
                
            });
        }
    }
};

var MainNavigation = Class(
{
    initialize: function() 
    {
        this.setupLeftCorner();
        this.setupRightCorner();
    },
    
    setupLeftCorner: function()
    {
        //Setup rollover for left corner
        var corner = $$('.mainnavigationleft')[0];
        var anchor = $$('.leftcornerrollover')[0];
        
        if ((corner != null) && (anchor != null))
        {
            anchor.addEvent('mouseover', function()
            {
                corner.removeClass('mainnavigationleft');
                corner.addClass('mainnavigationleftselected');
            });
            
            anchor.addEvent('mouseout', function()
            {
                corner.removeClass('mainnavigationleftselected');
                corner.addClass('mainnavigationleft');
            });
        }
    },
    
    setupRightCorner: function()
    {
        //Setup rollover for left corner
        var corner = $$('.mainnavigationright')[0];
        var anchor = $$('.rightcornerrollover')[0];
        
        if ((corner != null) && (anchor != null))
        {
            anchor.addEvent('mouseover', function()
            {
                corner.removeClass('mainnavigationright');
                corner.addClass('mainnavigationrightselected');
            });
            
            anchor.addEvent('mouseout', function()
            {
                corner.removeClass('mainnavigationrightselected');
                corner.addClass('mainnavigationright');
            });
        }
    }
});

var SubNavigation = Class(
{
    initialize: function()
    {
        if ($('subnavigation'))
            this.animateMenu($('subnavigation'));
           
        if ($('subnavigationhcs'))
            this.animateMenu($('subnavigationhcs'));
    },
    
    animateMenu: function(container)
    {
        container.getElements('li').each(function(item)
        {
            item.addEvent('mouseover', function()
            {
                if (item.hasClass('title'))
                {
                    $$('.subnavigationtop')[0].addClass('subnavigationtopselected');
                    item.addClass('titlehovering');
                }
                else if (!item.hasClass('selected'))
                {
                    $$('.subnavigationtop')[0].removeClass('subnavigationtopselected');
                    item.addClass('hovering');
                }
            });
            item.addEvent('mouseout', function()
            {
                if (item.hasClass('title'))
                {
                    $$('.subnavigationtop')[0].removeClass('subnavigationtopselected');
                    item.removeClass('titlehovering');
                }
                else if (!item.hasClass('selected'))
                {
                    $$('.subnavigationtop')[0].removeClass('subnavigationtopselected');
                    item.removeClass('hovering');
                }
            });
        });
    }
});

window.addEvent('domready', function()
{
    Feedback.start();
    new MainNavigation();
    new SubNavigation();
});