function showPortfolio(vFile, w, h) {	
	var w = (w == undefined ? 700 : w)
	var h = (h == undefined ? 400 : h)
    window.open(vFile ,"cdot","height=" + h + ",width=" + w + ",toolbar=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no");
}

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

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

function changeImages() {
	changeImagesArray(changeImages.arguments);
}

function toggleImages() {
	for (var i=0; i<toggleImages.arguments.length; i+=2) {
		if (selected == toggleImages.arguments[i]){
            changeImagesArray(toggleImages.arguments[i+1]);
        }
	}
}

var selected = '';
var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		about_down = newImage("images/site/about-down.jpg");
		about_overservicessel = newImage("images/site/about-overservicessel.jpg");
		about_over = newImage("images/site/about-over.jpg");
		services_down = newImage("images/site/services-down.jpg");
		services_overaboutsel = newImage("images/site/services-overaboutsel.jpg");
		services_over = newImage("images/site/services-over.jpg");
		portfolio_down = newImage("images/site/portfolio-down.jpg");
		portfolio_overaboutsel = newImage("images/site/portfolio-overaboutsel.jpg");
		portfolio_over = newImage("images/site/portfolio-over.jpg");
		links_down = newImage("images/site/links-down.jpg");
		links_overaboutsel = newImage("images/site/links-overaboutsel.jpg");
		links_over = newImage("images/site/links-over.jpg");
		contact_down = newImage("images/site/contact-down.jpg");
		contact_overaboutsel = newImage("images/site/contact-overaboutsel.jpg");
		contact_over = newImage("images/site/contact-over.jpg");
		preloadFlag = true;
	}
}
//portfolio
function init() {
    imgNum = -1;
    nextImage();
}
function nextImage(){
    imgNum++;
    if(imgNum == aryImages.length){
        imgNum = 0;
    }
    document.getElementById('image').innerHTML = aryImages[imgNum].src;
    document.getElementById('copy').innerHTML = "<b>" + aryImages[imgNum].copy + "</b>";
    document.getElementById('count').innerHTML = (imgNum + 1) + " of " + aryImages.length;
}
function previousImage(){
    imgNum--;
    if(imgNum < 0 ){
        imgNum = (aryImages.length - 1);
    }
    document.getElementById('image').innerHTML = aryImages[imgNum].src;
    document.getElementById('copy').innerHTML = "<b>" + aryImages[imgNum].copy + "</b>";
    document.getElementById('count').innerHTML = (imgNum + 1) + " of " + aryImages.length;
}