// ensure jquery is in no confict mode to work in WordPress
jQuery.noConflict();
window.onload = function() {

    // detect IE compatibility mode
    //console.log(navigator.userAgent);
    var ms = navigator.userAgent.indexOf('MSIE 7.0');
    var tr = navigator.userAgent.indexOf('Trident/4.0');
    if(ms != -1 && tr != -1) {
        alert('You are viewing the site in compatibility mode. This site is best viewed by turning compatibility mode off.');
    }

    // position logo and navigation
    logoNav();

    // ------------------------------------------------------------------------
    // navigation menu
    var menuOut = false;
    jQuery('.menu_container').hover(function() {
        if(!menuOut) {
            menuOut = true;
            jQuery(this).find('div.menu_list').slideDown('slow').show();
            jQuery(this).find('img.menu_image_one').hide();
            jQuery(this).find('img.menu_image_two').show();
        }
    },
    function() {
        jQuery(this).find('div.menu_list').slideUp('fast');
        jQuery(this).find('img.menu_image_one').show();
        jQuery(this).find('img.menu_image_two').hide();
        menuOut = false;
    });
    
    jQuery('.menu_list').hover(function() {
        this.stop('clearQueue');
        this.parent().stop('clearQueue');
        jQuery(this).show();
    },
    function() {
        jQuery(this).slideUp('fast');
    });
    // End ---
    // ------------------------------------------------------------------------

    // vertical bars
    // first to see if #content_vbar1 exists
    if(jQuery('#content_vbar1').length != 0) {
        // check if there are more vertical bars (shopping)
        if(jQuery('#content_vbar3').length != 0) {
            // shopping page
            //shoppingVBs();
            landingVBs();
        }
        else {
            // landing page
            landingVBs();
        }        
    }
    else {
        // there are no vertical bars on this page
    }
    
    // slide show
    if(jQuery('.slideshow').length > 0) {
        crSlideShow();
        setInterval(crSlideShow, 5000);
    }
    
    // home slider
    if(jQuery('#slider').length > 0) {
        carousel();
        interval = setInterval(moveLeft, 5000);
    }
}

// position logo and navigation images
function logoNav() {
    windowMargin = jQuery(window).width() - 960;
    margin = windowMargin / 2;
    jQuery('#logo_link').css('left', margin + 'px');
    
    var navPos = margin + 351;
    
    jQuery('.nav_images').css('left', navPos + 'px');
    jQuery('.nav_images').css('top', 0 + 'px');
}

// position vertical bars on landing page
function landingVBs() {
    // calculate margin
    windowMargin = jQuery(window).width() - 960;
    margin = windowMargin / 2;
    
    // get height
    height = jQuery('#content_container').height();
    
    vbar1 = margin + 300;
    jQuery('#content_vbar1').css('left', vbar1 + 'px');
    jQuery('#content_vbar1').css('height', height + 'px');
    
    vbar2 = margin + 610;
    jQuery('#content_vbar2').css('left', vbar2 + 'px');
    jQuery('#content_vbar2').css('height', height + 'px');
}

// position vertical bars on shopping page
function shoppingVBs() {
    // calculate margin
    windowMargin = jQuery(window).width() - 960;
    margin = windowMargin / 2;
    
    // get height
    height = jQuery('#content_container:first').height();
    
    //vbar1 = margin + 300;
    //jQuery('#content_vbar1').css('left', vbar1 + 'px');
    //jQuery('#content_vbar1').css('height', height + 'px');
    
    //vbar2 = margin + 610;
    //jQuery('#content_vbar2').css('left', vbar2 + 'px');
    //jQuery('#content_vbar2').css('height', height + 'px'); 
    
    //height = jQuery('#content_container:nth-child(2)').height();
    
    //vbar3 = margin + 300;
    //jQuery('#content_vbar3').css('left', vbar3 + 'px');
    //jQuery('#content_vbar3').css('top', height + 15 + 'px');
    //jQuery('#content_vbar3').css('height', height + 'px');
    
    //vbar4 = margin + 610;
    //jQuery('#content_vbar4').css('left', vbar4 + 'px');
    //jQuery('#content_vbar4').css('top', height + 15 + 'px');
    //jQuery('#content_vbar4').css('height', height + 'px');
}

var ssi;
function crSlideShow() { 
    var as = jQuery('.slideshow a');
    if( jQuery('#slideshow-img').attr('src') == undefined) {
        ssi = jQuery('#slideshow-img');
        ssi.attr('src', as[0].href);
        return;
    }
    
    var currentSrc = jQuery('#slideshow-img').attr('src');
    var l = as.length - 1;
    var i = 0;
    while(l >= i) {
        var renew = false;
        if(l == i) {
            renew = true;
        }
        
        if(as[i].href == currentSrc) {
            if(renew) {
                i = 0;
            }
            else {
                i++;
            }
            
            jQuery('#slideshow-img').fadeOut('slow', function() {
                ssi.attr('src', as[i].href).delay(200).fadeIn();
            });
            
            return;
        }
        
        i++;
    }
}

var interval;
function carousel() {
    // adjust arrows
    windowMargin = jQuery(window).width() - 960;
    margin = windowMargin / 2;
    var adjustL = 10;
    var adjustR = 890;
    jQuery('#arrow_left').css('left', margin + adjustL + 'px');
    jQuery('#arrow_right').css('left', margin + adjustR + 'px');
    
    // set right arrow to light
    jQuery('#arrow_right').attr('src', 'http://www.beaverton.org/wp-content/themes/beavertonchamber/images/arrow-right-light.png');
    
    // set functions
    jQuery('#arrow_left').click(function() {
        // clear interval
        // run function
        
        window.clearInterval(interval);
        moveLeft();
    });
    
    jQuery('#arrow_right').click(function() {
        // clear interval
        // run funtion
        
        window.clearInterval(interval);
        moveRight();
    });
    
    // dots
    var closedDot = '<img src="http://www.beaverton.org/wp-content/themes/beavertonchamber/images/slider-dot-filled.png" />';
    var emptyDot = '<img src="http://www.beaverton.org/wp-content/themes/beavertonchamber/images/slider-dot-open.png" />';
    var first = true;
    var entries = jQuery('.slider-entry').length;
    while(entries > 0) {
        if(first) {
            jQuery('#dots').append(closedDot);
            first = false;
        }
        else {
            jQuery('#dots').append(emptyDot);
        }
        
        entries--;
    }
}

var slideCount = 0;
function moveLeft() {
    var length = jQuery('.slider-entry').length - 1;
    if(slideCount >= length) { 
        // clear interval
        // return empty
        
        window.clearInterval(interval);
        return; 
    }
    
    // set right arrow to dark
    jQuery('#arrow_right').attr('src', 'http://www.beaverton.org/wp-content/themes/beavertonchamber/images/arrow-right.png');
    
    jQuery('.slider-entry').eq(slideCount).hide('slow', function() {});
    slideCount = slideCount + 1;
    
    // change to light
    if(slideCount >= length) {
        // change image
        jQuery('#arrow_left').attr('src', 'http://www.beaverton.org/wp-content/themes/beavertonchamber/images/arrow-left-light.png');
    }
    
    // handle dot
    var closedDot = 'http://www.beaverton.org/wp-content/themes/beavertonchamber/images/slider-dot-filled.png';
    var emptyDot = 'http://www.beaverton.org/wp-content/themes/beavertonchamber/images/slider-dot-open.png';
    var dots = jQuery('#dots img');
    var next = false;
    jQuery.each(dots, function() {
        if(next) {
            // set this dot to closed
            jQuery(this).attr('src', closedDot);
            next = false;
            return;
        }
        
        if(jQuery(this).attr('src') == closedDot) {
            // change to open
            // set next to true so the next entry is changed
            jQuery(this).attr('src', emptyDot);
            next = true;
        }
    });
}

function moveRight() {
    var length = jQuery('.slider-entry').length - 1;
    if(slideCount == 0) { 
        return; 
    }
    
    slideCount = slideCount - 1;
    if(slideCount == 0) {
        // set right arrow to dark
        jQuery('#arrow_right').attr('src', 'http://www.beaverton.org/wp-content/themes/beavertonchamber/images/arrow-right-light.png');
    }
    jQuery('.slider-entry').eq(slideCount).show('slow', function() {});
    
    // change left back to dark
    if(slideCount < length) {
        // change image
        jQuery('#arrow_left').attr('src', 'http://www.beaverton.org/wp-content/themes/beavertonchamber/images/arrow-left.png');
    }
    
    // handle dot
    var closedDot = 'http://www.beaverton.org/wp-content/themes/beavertonchamber/images/slider-dot-filled.png';
    var emptyDot = 'http://www.beaverton.org/wp-content/themes/beavertonchamber/images/slider-dot-open.png';
    var dots = jQuery('#dots img');
    var arr = jQuery.makeArray(dots);
    arr.reverse();
    var next = false;
    jQuery.each(arr, function() {
        if(next) {
            // set this dot to closed
            jQuery(this).attr('src', closedDot);
            next = false;
            return;
        }
        
        if(jQuery(this).attr('src') == closedDot) {
            // change to open
            // set next to true so the next entry is changed
            jQuery(this).attr('src', emptyDot);
            next = true;
        }
    });
}