// JavaScript Document
function updateElementClass(theElementName, theClassName) {
    if (theElementName != '-1') {
        var thisElement = document.getElementById(theElementName);
        if (thisElement != null) {
            thisElement.setAttribute('class', theClassName);
            thisElement.setAttribute('className', theClassName);
        }
    }
	return null;
}

function toggleTheStyle(theElementName, theClassStyle) {
    var thisElement = document.getElementById(theElementName);
    if (thisElement != null) {
        if (thisElement.className == theClassStyle) {
            thisElement.setAttribute('class', '');
            thisElement.setAttribute('className', '');
        } else {
            thisElement.setAttribute('class', theClassStyle);
            thisElement.setAttribute('className', theClassStyle);
        }
    } 
	return null;
}

function randomizeHeader() {
    var thisSection = getNextNumber();
    var availableHeaderDetails = createHeaderImageArray();
    var sectionColor = availableHeaderDetails[thisSection][0];
    var sectionImage = availableHeaderDetails[thisSection][1];
    var strapline = availableHeaderDetails[thisSection][2];
    $('#highlightLinks ul .endAreaSelected').removeClass('endAreaSelected').addClass('endArea');
    $('#highlightLinks ul .' + sectionColor).find('.endArea').removeClass('endArea').addClass('endAreaSelected');
    $('#homepageHighlightArea').css('background-image', 'url(/images/header_images/' + sectionImage + ')');
    $('#straplinebox').html(strapline);
    setTimeout(randomizeHeader, 7500);
};

function getNextNumber() {
    thisSection++;
    if (thisSection >= 4) {
        thisSection = 0;
    }
    return thisSection;
};

function setupFocusMouseOvers() {
    $('#highlightLinks ul li').mouseover(function () {
        $('.endAreaSelected').removeClass('endAreaSelected').addClass('endArea');
        $(this).find('.endArea').removeClass('endArea').addClass('endAreaSelected');
        var thisSelection = $(this).attr('class');
        var availableHeaderDetails = createHeaderImageArray();
        var sectionImage = '';
        var strapline = '';
        var linkURL = '#';
        switch (thisSelection) {
            case 'yellow':
                sectionImage = availableHeaderDetails[0][1];
                strapline = availableHeaderDetails[0][2];
                linkURL = availableHeaderDetails[0][3];
                break;
            case 'blue':
                sectionImage = availableHeaderDetails[1][1];
                strapline = availableHeaderDetails[1][2];
                linkURL = availableHeaderDetails[1][3];
                break;
            case 'green':
                sectionImage = availableHeaderDetails[2][1];
                strapline = availableHeaderDetails[2][2];
                linkURL = availableHeaderDetails[2][3];
                break;
            case 'red':
                sectionImage = availableHeaderDetails[3][1];
                strapline = availableHeaderDetails[3][2];
                linkURL = availableHeaderDetails[3][3];
                break;
            default:
                sectionImage = availableHeaderDetails[0][1];
                strapline = availableHeaderDetails[0][2];
                linkURL = availableHeaderDetails[0][3];
                break;
        }
        $(this).parent().parent().parent().parent().find('#homepageHighlightArea').css('background-image', 'url(/images/header_images/' + sectionImage + ')');
        $(this).parent().parent().parent().find('#straplinebox').html(strapline);
        $(this).parent().parent().parent().find('.' + thisSelection).find('a').attr("href", linkURL);
    });
}; //setupFocusMouseOvers

function createHeaderImageArray() {
    var imageArray = new Array(4);
    imageArray[0] = new Array(4);
    imageArray[0][0] = 'yellow';
    imageArray[0][1] = 'landscaping.png';
    imageArray[0][2] = 'Expert landscaping experience';
    imageArray[0][3] = '/services/landscaping.aspx';
    imageArray[1] = new Array(4);
    imageArray[1][0] = 'blue';
    imageArray[1][1] = 'snow_plough.png';
    imageArray[1][2] = 'Local, regional and national service';
    imageArray[1][3] = '/services/saltingandgritting.aspx';
    imageArray[2] = new Array(4);
    imageArray[2][0] = 'green';
    imageArray[2][1] = 'groundcare.png';
    imageArray[2][2] = 'Expert experience and equipment';
    imageArray[2][3] = '/services/groundcare.aspx';
    imageArray[3] = new Array(4);
    imageArray[3][0] = 'red';
    imageArray[3][1] = 'wheelie_bin.png';
    imageArray[3][2] = 'Cleaning, disinfecting and deodorising';
    imageArray[3][3] = '/services/wheeliebincleaning.aspx';
    return imageArray;
}; //createHeaderImageArray

function setupFormFocus() {
    $('input[type="text"]').focus(function () {
        $(this).addClass('active');
    });
    $('input[type="text"]').blur(function () {
        $(this).removeClass('active');
    });
    $('textarea').focus(function () {
        $(this).addClass('active');
    });
    $('textarea').blur(function () {
        $(this).removeClass('active');
    });
};