// JavaScript Document
function modifyCentersImg(){
	theImages = new Array(6);
	
	theImages[0] = new Array(2);
	theImages[0][0] = "images/centers1.jpg";//cancer
	theImages[0][1] = "http://www.bmhsc.org/services_cancer_keyserling.htm"; //page header

	theImages[1] = new Array(2);
	theImages[1][0] = "images/centers2.jpg";//orthopedics
	theImages[1][1] = "services_ortho_main.htm";
	
	theImages[2] = new Array(2);//blufton medical services
	theImages[2][0] = "images/centers3.jpg";
	theImages[2][1] = "services_bluffton_main.htm";
	
	theImages[3] = new Array(2);
	theImages[3][0] = "images/centers4.jpg";//gi services
	theImages[3][1] = "services_gi.htm";
	
	theImages[4] = new Array(2);
	theImages[4][0] = "images/centers5.jpg";//vascular
	theImages[4][1] = "services_vascular.htm";
	
	theImages[5] = new Array(2);
	theImages[5][0] = "images/centers6.jpg";//spinal
	theImages[5][1] = "services_ortho_spine.htm";
	
	var k, j, l;
	
	j = Math.floor(Math.random() * theImages.length);
	k = Math.floor(Math.random() * theImages.length);
	l = Math.floor(Math.random() * theImages.length);	
	
	while (j == k){
		j = Math.floor(Math.random() * theImages.length);
	}
	
	while (l == j || l == k){
		l = Math.floor(Math.random() * theImages.length);
	}
	
	document.getElementById('centersImg1').src = theImages[j][0];
	document.getElementById('centersImg2').src = theImages[k][0];
	document.getElementById('centersImg3').src = theImages[l][0];
	if(theImages[j][1] != ""){
		document.getElementById('centersImg1').onclick = function(){doRedirect(theImages[j][1]);}
		document.getElementById('centersImg1').style.cursor = "pointer";
	}
	if(theImages[k][1] != ""){
		document.getElementById('centersImg2').onclick = function(){doRedirect(theImages[k][1]);}
		document.getElementById('centersImg2').style.cursor = "pointer";
	}
	if(theImages[l][1] != ""){
		document.getElementById('centersImg3').onclick = function(){doRedirect(theImages[l][1]);}
		document.getElementById('centersImg3').style.cursor = "pointer";
	}
}
function doRedirect(url){
	document.location = url;
}

function fadeImgIn() {
	setTimeout("opacity('centersImg1', 0, 100, 500)",2500);
	setTimeout("opacity('centersImg2', 0, 100, 500)",3000);
	setTimeout("opacity('centersImg3', 0, 100, 500)",3500);
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}