window.addEvent('resize', function() {

// Detects Screen Resolutions
// -----------------------------------------------------------------------------------
    var windowWidth = window.getWidth();
    var currentClass = $$('body').getProperty('class');
    $$('body').removeClass(currentClass);

    if (windowWidth <= 1024) {
        $$('body').addClass('r1024');
    } else if (windowWidth > 1024 && windowWidth <= '1280') {
        $$('body').addClass('r1280');
    } else if (windowWidth > 1280 && windowWidth <= 1680) {
        $$('body').addClass('r1680');
    } else {
        $$('body').addClass('r1920');
    }
// -----------------------------------------------------------------------------------

});


	var overlayDiv = new Element('div');
	var modalContainer = new Element('div');

    function closeModal(){
        overlayDiv.fade('out');
        modalContainer.fade('out');
        (function(){overlayDiv.dispose()}).delay(500);
        (function(){modalContainer.dispose()}).delay(500);
    }

window.addEvent('domready', function() {

// Scrollbar
// -----------------------------------------------------------------------------------
    var scrollBox1 = new MooScroll({disabledOpacity:0});
// -----------------------------------------------------------------------------------



// Opens link in new window
// -----------------------------------------------------------------------------------
    $$('#answer a').setProperty('target', '_blank');
// -----------------------------------------------------------------------------------



// Question Scrolling
// -----------------------------------------------------------------------------------
    if($('scrollUp')){
        var questionArray = $$('div.scrolling');
        var j = 0;
        var total = -1;
        var scrollAmt = 3;
        
        // count the number of questions
        questionArray.each(function(){total++;});
        
        // show the first questions
        if(total > 2){            
            for(var i = 0; i <= total; i++){
                questionArray[i].fade('hide');
            }
            for(var i = 0; i < 3; i++){
                questionArray[i].fade('show');
            }
        }
        $('scrollUp').addClass('noScroll');
        if(!Browser.Engine.trident){$('scrollUp').fade(0.25);}
            
        // Scrolling Down
        $('scrollDown').addEvent('click', function(){
            var i = 0;        
            if (j+scrollAmt <= total){
            
                if($('scrollUp').hasClass('noScroll')){
                    $('scrollUp').removeClass('noScroll');
                    if(!Browser.Engine.trident){$('scrollUp').fade('in');}
                }
            
                for(i; i < scrollAmt && j <= total; i++){
                    questionArray[j].fade('out');
                    j++;
                } 
                for(i; i > 0 && j <= total; i--){
                    questionArray[j].fade('in');
                    j++;
                }
                j = j - (scrollAmt - i);
                
                if (j+scrollAmt > total){
                    $('scrollDown').addClass('noScroll');
                    if(!Browser.Engine.trident){$('scrollDown').fade(0.25);}
                }
            }
            return false;
        });
        
        // Scrolling Up
        $('scrollUp').addEvent('click', function(){
            if (j > 0){
            
                if($('scrollDown').hasClass('noScroll')){
                    $('scrollDown').removeClass('noScroll');
                    if(!Browser.Engine.trident){$('scrollDown').fade('in');}
                }
                
                j = j+scrollAmt - 1;
                
                for(var i = 0; i < scrollAmt && j >= 0; i++){
                    if (j <= total){
                        questionArray[j].fade('out');
                    }
                    j--;
                }
                for(var i = 0; i < scrollAmt && j >= 0; i++){
                    questionArray[j].fade('in');
                    j--;
                }
                j++;  
                if(j <= 0){
                    $('scrollUp').addClass('noScroll'); 
                    if(!Browser.Engine.trident){$('scrollUp').fade(0.25);}          
                }
            }
            return false;
        });
    }
// -----------------------------------------------------------------------------------




// Modal Controls
// -----------------------------------------------------------------------------------


    $$('#about a').addEvent('click', function(){
        var location = this.getAttribute('href');
        showModal(location);
    });

    $$('#privacy a, #inlineprivacy a').addEvent('click', function(){
        var location = this.getAttribute('href');
        showPrivacyModal(location);
    });
	
	function showModal(parameter){
        overlayDiv.injectInside(document.body).addClass('modal-background').set('text', ' ').set('onclick', 'javascript:closeModal();').setStyle('height', window.getHeight()).fade('hide');
        modalContainer.injectInside(document.body).addClass('modal-container').set('html', '<iframe src="' + parameter + '" style="width:650px; height:362px" frameborder="0"></iframe>');   
        overlayDiv.fade(0.5);
        modalContainer.fade('in');
	}

	function showPrivacyModal(parameter){
        overlayDiv.injectInside(document.body).addClass('modal-background').set('text', ' ').set('onclick', 'javascript:closeModal();').setStyle('height', window.getHeight()).fade('hide');
        modalContainer.injectInside(document.body).addClass('privacy-modal').addClass('modal-container').set('html', '<a href="#" id="closeButton" onclick="javascript:closeModal(); return false;">close<span>&nbsp;</span></a><div class="paddingDiv"><iframe src="' + parameter + '" style="width:612px; height:429px;" frameborder="0" scrolling="no"></iframe></div>');   
        overlayDiv.fade(0.5);
        modalContainer.fade('in');
	}
	
// -----------------------------------------------------------------------------------
	
	
	
// Dropdown Controls
// -----------------------------------------------------------------------------------
    $$('#header ul.dropDown li').addEvent('mouseover', function() {
        this.addClass('on');
    });
    $$('#header ul.dropDown li').addEvent('mouseleave', function() {
        this.removeClass('on');
    });
    $$('.row ul.dropDown li a').addEvent('click', function() {
        if (this.getParent().hasClass('on')){
            this.getParent().removeClass('on');
        }else{
            this.getParent().addClass('on'); 
        }   
    });
    if($('sent')){
        $('sent').fade('hide');
    }
    $$('li#email ul li input#sendBtn').addEvent('click', function() {
        $('sent').fade('in');
    });
    $$('li#email ul li#sent a').addEvent('click', function() {
        $$('li#email').removeClass('on')
        this.getParent().getPrevious().setStyle('display', 'block');
        var bgImage = 'images\bg-email.png';
        this.getParent().getParent().setStyle('backgroundPosition', '0');
        $('sent').fade('out');
    });
    $$('li#email ul li a.close').addEvent('click', function() {
        $$('li#email').removeClass('on');
    });
    $$('li#email ul li input#sendBtn').addEvent('click', function() {
        this.getParent().getParent().setStyle('display', 'none');
        this.getParent().getParent().getParent().setStyle('backgroundPosition', '-100000px');
    });
// -----------------------------------------------------------------------------------



// Footer Controls
// -----------------------------------------------------------------------------------
    $$('#footer ul li ul').addEvent('mouseover', function() {
        this.getParent().addClass('on');
    });
    $$('#footer ul li ul').addEvent('mouseleave', function() {
        this.getParent().removeClass('on');
    });
// -----------------------------------------------------------------------------------



// Detects Screen Resolutions
// -----------------------------------------------------------------------------------
    var windowWidth = window.getWidth();

    if (windowWidth <= 1024) {
        $$('body').addClass('r1024');
    } else if (windowWidth > 1024 && windowWidth <= '1280') {
        $$('body').addClass('r1280');
    } else if (windowWidth > 1280 && windowWidth <= 1680) {
        $$('body').addClass('r1680');
    } else {
        $$('body').addClass('r1920');
    }
// -----------------------------------------------------------------------------------



//// Sets vertical height
//// -----------------------------------------------------------------------------------
//    var headerHeight = $('header').getHeight();
//    var contentHeight = $('content').getHeight();
//    var footerHeight = $('footer').getHeight();
//    var totalHeight = headerHeight + contentHeight + footerHeight;
//    var windowHeight = window.getHeight();
//      
//    if (windowHeight > 1200){
//        windowHeight = 1200;
//    }

//    if(totalHeight < windowHeight){
//        $('header').setStyle('margin-top', ((windowHeight - totalHeight) / 2));
//    }    
//// -----------------------------------------------------------------------------------



// Clears searchboxes
// -----------------------------------------------------------------------------------
    var legacyValue = ""
    
    $$('input[type=\"text\"]', 'textarea').addEvent('click', function(){
        if(!this.hasClass('changed')){
            legacyValue = this.value
            this.value = "";
        }
    });
    
    $$('input[type=\"text\"]', 'textarea').addEvent('keydown', function(){
        this.addClass('changed');
    });
    
    $$('input[type=\"text\"]', 'textarea').addEvent('blur', function(){
        if(!this.hasClass('changed')){
            this.value = legacyValue;
        }
    });
// -----------------------------------------------------------------------------------



// rating controls
// -----------------------------------------------------------------------------------
    var stars = $$('li.stars a');
    var rating = $$('#divRating ul').getProperty('rel');
    var width = $$('li.stars').getWidth();
    var percentage = (rating / stars.length);    
    var clicked = false;
    
    // sets mercury width
    function setRating (width, percentage){
        $$('.mercury').setStyle('width', (width * percentage));
    }
    
    // rollovers
    stars.addEvent('mouseover', function() {
        if (!clicked){
            var currentStar = stars.indexOf(this) + 1;
            var percentage = (currentStar / stars.length);
            setRating(width, percentage);
        }
    });
    stars.addEvent('click', function(){
        clicked = true;
    });
// -----------------------------------------------------------------------------------



// Expert identification
// -----------------------------------------------------------------------------------
    $$('#expertBioButton').addEvent('click', function(){
        var expertName = this.getProperty('class');
        var theExpert = Cookie.write('expert', expertName, {duration:0, path:'/'});       
    });
// -----------------------------------------------------------------------------------


});