var sizeIndex = 0;
var img = document.getElementById('textsize');
var sizeArray = new Array();
sizeArray[0] = "12px";
sizeArray[1] = "14px";
sizeArray[2] = "16px";
sizeArray[3] = "18px";

function changeText(size)
{
    if (size == "up")
    {
        if (sizeIndex < (sizeArray.length - 1))
        {
            sizeIndex++;
            var elements = document.getElementsByTagName('p');
            for (x = 0; x < elements.length; x++)
            {
                elements[x].style.fontSize = sizeArray[sizeIndex];
            }

            changeImage();
        }
    }
    else
    {
        if (sizeIndex != 0)
        {
            sizeIndex--;
            var elements = document.getElementsByTagName('p');
            for (x = 0; x < elements.length; x++)
            {
                elements[x].style.fontSize = sizeArray[sizeIndex];
            }

            changeImage();
        }
    }
}

function changeImage()
{
    document.getElementById('textsize').style.background = "url('/images/textsize" + (sizeIndex + 1) + ".jpg')";
}