$(document).ready(function() {

    //$('h1').val('<span class = "imgLeft"></span>' + $('h1').val() + '<span class = "imgRight"></span>');
    //$("h1").html("<span class = \"imgLeft\"></span>" + "<span class = \"imgRight\"></span>" + $("h1").text());
    $("h1").prepend("<span class = \"imgLeft\"></span>" + "<span class = \"imgRight\"></span>");
    $(".blueBoxContainer").html("<span class = \"blueLeft\"></span>" + "<span class = \"blueRight\"></span>" + $(".blueBoxContainer").html());
    $(".blueBoxContainer2").html("<span class = \"blueLeft\"></span>" + "<span class = \"blueRight\"></span>" + $(".blueBoxContainer2").html());
    $(".yellowBoxContainer").html("<span class = \"yellowLeft\"></span>" + "<span class = \"yellowRight\"></span>" + $(".yellowBoxContainer").html());
    $("#contentsCopy").html("<span class = \"copyHead\"></span>" + $("#contentsCopy").html() + "<span class = \"copyFoot\"></span>");
    //  $('#header').each(function() { $(this).html('<span><span><span><span>' + $(this).html() + '</span></span></span></span>'); });
    $("#header").html("<span class = \"headLeft\"></span>" + "<span class = \"headRight\"></span>" + $("#header").html());
    $("#iconBox").html("<span class = \"iconLeft\"></span><span class = \"iconRight\"></span>" + $("#iconBox").html());
    $("#blueBox").html("<span class = \"spanLeft\"></span><span class = \"spanRight\"></span>" + $("#blueBox").html());


    $("#iconBox a img").hover(function() {
        var t = $(this);
        t.attr('src', t.attr('src').replace('-off', '-on'));
    }, function() {
        var t = $(this);
        t.attr('src', t.attr('src').replace('-on', '-off'));
    });

    $(".iconBoxContainer img").hover(function() {
        var t = $(this);
        t.attr('src', t.attr('src').replace('-off', '-on'));
    }, function() {
        var t = $(this);
        t.attr('src', t.attr('src').replace('-on', '-off'));
    });

    $("a img").hover(function() {
        var t = $(this);
        t.attr('src', t.attr('src').replace('-off', '-on'));
    }, function() {
        var t = $(this);
        t.attr('src', t.attr('src').replace('-on', '-off'));
    });

    $("#logInbtn").click(function() {
        $(".required").addClass("addReq").removeClass("required");
        $(".error").removeClass("error");

       
   });





});