var imgIdA = new Array('Top"iservices"',
             'Top"imarketing"',
             'Top"icustom_software"',
             'Top"iportfolio"',
             'Top"iabout"',
             'Top"icontact"' ); 
             
var imgSrcA = new Array('images/webdesign.png',
             'images/internetmarketing.png',
             'images/webprogramming.png',
             'images/portfolio.png',
             'images/aboutus.png',
             'images/contactus.png' ); 
var imgSrcA_o = new Array('images/webdesign_o.png',
             'images/internetmarketing_o.png',
             'images/webprogramming_o.png',
             'images/portfolio_o.png',
             'images/aboutus_o.png',
             'images/contactus_o.png' ); 
             
var gNodeNameA= new Array( 'services',
             'marketing',
             'custom_software',
             'portfolioId',
             'about',
             'contact');         
                               
var globalNodeName = null; 
var globalNodeNameP = null; 
var timedAction = null; 
function renderSub(nodeName){ 
	globalNodeNameP = globalNodeName; 
	globalNodeName=nodeName; 
	//timedAction =  setTimeout( "renderSubX()", 100); 
	renderSubX();
}	
function turnOffTimedAction() { 
	//if( timedAction) { clearTimeout( timedAction ); } 
} 	 
 
function renderSubX(){ 

    if( globalNodeNameP && globalNodeNameP != globalNodeName ) { 
    	for( var k=0; k<gNodeNameA.length; k++){
    		if( gNodeNameA[k]==globalNodeNameP){
    			var x = document.getElementById( imgIdA[k] );
    			x.src = imgSrcA[k]; 
    			 
    		} else { 
     			//var x = document.getElementById( imgIdA[k] );
   			    //x.src = imgSrcA[k];
    		}
    	}
    }

	nodeabout.style.left='-2300px';
	nodeportfolio.style.left='-2300px';
	nodeservices.style.left='-2300px';
	nodemarketing.style.left='-2300px';
	nodecontact.style.left='-2300px';
	nodecustom_software.style.left='-2300px';

 
	
	var yTop    = locateNodeY(leftMenuNode); 

	var ieLeftAdj=0; 
	
	if(navType == 'ie' ) { 
		yTop +=26; 
	} else if (navType == 'ie8' ) {
		yTop -=15 ; 
		ieLeftAdj +=0; 
	} else if (navType == 'ie9' ) {
		yTop -=15 ; 
		ieLeftAdj +=0; 
	} else if (  (navigator.appVersion).indexOf('Chrome') > -1  ) {    
		yTop +=26 ; 
	} else if (  navType=='safarimac'  ) {    
		yTop +=25 ; 
	} else if (  navType=='firefoxmac'  ) {    
		yTop -=5 ; 
	}
	
	topMenuNodePos=yTop; 
	leftMenuNodePos  = locateNodeX( leftMenuNode ); 

//alert( 'topMenuNodePos='+topMenuNodePos  +'* leftMenuNodePos='+leftMenuNodePos  + '* nodeName='+nodeName+'*' ) ; 
	 
	var fNode = document.getElementById( globalNodeName ); 

//alert( 'yTop='+yTop+'* nodeName='+nodeName ); 


	fNode.style.left = (leftMenuNodePos+19+ieLeftAdj) + 'px'; 	
	fNode.style.top = (yTop+17) + 'px'; 
}

