﻿// Setup global Vars

//Add the startup code to the page
window.addEvent('domready', function() {
    // get items that need to change on mouse over
$$("#blogmenu .innerblogmenu").each(function(e, i, a) {
    //Mouse Enter
        
        e.addEvent("mouseenter", function() {

            e.setStyle("background-color", "#bbbdbf");
            e.getFirst('.BlogContainer').getFirst('.BlogTextContent').getFirst().setStyle("color", "#000000");
            e.getFirst('.BlogContainer').getFirst('.BlogTextTitle').getFirst().setStyle("color", "#000000");
        });
                
        //Mouse Leave
        e.addEvent("mouseleave", function() {
            e.setStyle("background-color", "#f1f1f2");
            e.getFirst('.BlogContainer').getFirst('.BlogTextContent').getFirst().setStyle("color", "#9E9FA1");
            e.getFirst('.BlogContainer').getFirst('.BlogTextTitle').getFirst().setStyle("color", "#9E9FA1");
        });
    });
});
