﻿// MAKE BANNER
// pass in...
// 1: name - should match img element id and image filenames with 'up_' and 'over_' prefix
// 2: path - link to page to load when img element is clicked
// 3: imagetype - file extension of image files without '.'

function makeBanner(name, path, imagetype)
{
    var element = document.getElementById(name);
    
    element.onclick=function()
    {
        window.location.href = path;
    };
    
    element.style.cursor = "pointer";
    
    var length;
    var imagepath = element.src;
    var pagepath = window.location.href;
    var startvalue;
    var samestring = new String('');
    
    if (imagepath.length > pagepath.length)
    {
        length = pagepath.length;
    }
    else
    {
        length = imagepath.length;
    };
    
    for (var i = 0; i < length; i++)
    {
        if (imagepath.charAt(i) == pagepath.charAt(i))
        {
            samestring += pagepath.charAt(i);
        }
        
        else
        {
            break;
        };
    };
    
    var overimage = new Image;
    overimage.src = samestring + "images/over_" + name + "." +imagetype;
	
    var upimage = new Image;
    upimage.src = samestring + "images/up_" + name + "." +imagetype;
	
    element.onmouseover = function()
    {
        element.src = overimage.src;
    };
    
    element.onmouseout = function()
    {
        element.src = upimage.src;
    };
    
};