window.onload = function() {
    showService('sales');
    document.getElementById('sales_service').style.display = 'block';
    preloadImages();
}

function showService(id) {
    clearServices();
    var service = document.getElementById(id+'_service');
    service.style.display = 'block';
    var link = document.getElementById(id+'_link');
    link.style.color = '#ff6600';
}

function clearServices() {
    var services = getElementsByClass('services');
    var links = getElementsByClass('links');
    for (i=0;i<services.length;i++) {
        services[i].style.display = 'none';
    }
    for (i=0;i<links.length;i++) {
        links[i].style.color = '#443311';
    }
}

function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		map_02_over = newImage("images/map_02-over.jpg");
		map_05_over = newImage("images/map_05-over.jpg");
		map_07_over = newImage("images/map_07-over.jpg");
		map_08_over = newImage("images/map_08-over.jpg");
		preloadFlag = true;
	}
}