﻿$jq.fn.HomepageBannerFeatureMenuItem = function(options) {
    var defaults = {
        initialText: ""
    };
    options = $jq.extend(defaults, options);

    return this.each(function() {
        $jq(this).mouseover(function() {
            DisplayCorrectBanner($jq(this));
        });
        $jq(this).mouseout(function(ev) {
            ev.stopPropagation();
        });
    });
};

$jq(document).ready(function() {
    $jq('.textcontainer').mouseover(function(ev) {
            ev.stopPropagation();
    });
    DisplayDefaultBanner();
    $jq('#homepagebannerfeature').mouseout(function(ev) {
        if((ev.pageX < $jq(this)[0].offsetLeft || ev.pageX > ($jq(this)[0].offsetWidth + $jq(this)[0].offsetLeft)) ||
        (ev.pageY < $jq(this)[0].offsetTop || ev.pageY > ($jq(this)[0].offsetHeight + $jq(this)[0].offsetTop))) {
            DisplayDefaultBanner();
        }
    });
    $jq('.menu a').mouseout(function(ev) {
        if((ev.pageX < $jq('#homepagebannerfeature')[0].offsetLeft || ev.pageX > ($jq('#homepagebannerfeature')[0].offsetWidth + $jq('#homepagebannerfeature')[0].offsetLeft)) ||
        (ev.pageY < $jq('#homepagebannerfeature')[0].offsetTop || ev.pageY > ($jq('#homepagebannerfeature')[0].offsetHeight + $jq('#homepagebannerfeature')[0].offsetTop))) {
            DisplayDefaultBanner();
        }
    });
});

function HideAllBanners()
{
    $jq('#default_banners').fadeOut(1);
    $jq('#default_banners').css({'display':'none'});
    
    $jq('#about_banners').fadeOut(1);
    $jq('#about_banners').css({'display':'none'});
    
    $jq('#locate_banners').fadeOut(1);
    $jq('#locate_banners').css({'display':'none'});
    
    $jq('#visit_banners').fadeOut(1);
    $jq('#visit_banners').css({'display':'none'});
    
    $jq('#develop_banners').fadeOut(1);
    $jq('#develop_banners').css({'display':'none'});
    
    $jq('#live_banners').fadeOut(1);
    $jq('#live_banners').css({'display':'none'});
    
    $jq('#innovate_banners').fadeOut(1);
    $jq('#innovate_banners').css({'display':'none'});
}

function DisplayCorrectBanner(button)
{
    HideAllBanners();
    
    if(button[0].id.indexOf('About') > -1) {
        $jq('#about_banners').css({'display':'block'});
        $jq('#about_banners').animate({ 'opacity' : '1'});
        $jq('#about_banners').cycle({ 
            fx:     'fade', 
            timeout: 4500, 
            delay:  0 
        });
    }
    if(button[0].id.indexOf('Locate') > -1) {
        $jq('#locate_banners').css({'display':'block'});
        $jq('#locate_banners').fadeIn(1000);
        $jq('#locate_banners').cycle({ 
            fx:     'fade', 
            timeout: 4500, 
            delay:  0 
        });
    }
    if(button[0].id.indexOf('Visit') > -1) {
        $jq('#visit_banners').css({'display':'block'});
        $jq('#visit_banners').fadeIn(1000);
        $jq('#visit_banners').cycle({ 
            fx:     'fade', 
            timeout: 4500, 
            delay:  0 
        });
    }
    if(button[0].id.indexOf('Develop') > -1) {
        $jq('#develop_banners').css({'display':'block'});
        $jq('#develop_banners').fadeIn(1000);
        $jq('#develop_banners').cycle({ 
            fx:     'fade', 
            timeout: 4500, 
            delay:  0 
        });
    }
    if(button[0].id.indexOf('Live') > -1) {
        $jq('#live_banners').css({'display':'block'});
        $jq('#live_banners').fadeIn(1000);
        $jq('#live_banners').cycle({ 
            fx:     'fade', 
            timeout: 4500, 
            delay:  0 
        });
    }
    if(button[0].id.indexOf('Innovate') > -1) {
        $jq('#innovate_banners').css({'display':'block'});
        $jq('#innovate_banners').fadeIn(1000);
        $jq('#innovate_banners').cycle({ 
            fx:     'fade', 
            timeout: 4500, 
            delay:  0 
        });
    }
}

function DisplayDefaultBanner()
{
    HideAllBanners();
    $jq('#default_banners').fadeIn(1);
}