// JavaScript Document
function navslide(element) {
	// Home Button needs a separated handling
	if ($('navHeader1').hasClassName('navstartactive')){
		Element.removeClassName('navHeader1','navstartactive');
		Element.addClassName('navHeader1','navstart');
	}

	// Last element needs a separeted handling
	if ( element == 8) {
		Element.removeClassName('navHeader8', 'navend')
	}

	// the element we clicked on 
	Element.addClassName('navHeader' + element, 'active'); // add style
	Effect.BlindDown('nav' + element, {duration: 0.1 }); // show the subnavigation points
	for (I = 2; I<=8; I++) //all other hide the navigation points and set style back
		{
			if ((I != element) ) {
				Element.removeClassName('navHeader' + I, 'active');
				
				// the last element needs the separated Closing image again
				//if (I == 8) {
				//	Element.addClassName('navHeader' + I, 'navend');
				//	}			
				
				if (Element.getStyle('nav' + I, 'display') != 'hidden') {
					Effect.BlindUp('nav' + I, {duration: 0.1 });
				}
			}
		}
}

function navslideStart() {
	Element.addClassName('navHeader1', 'navstartactive');
	for (j = 2; j<9; j++)
		{
			Element.removeClassName('navHeader' + j, 'active');
			
			// the last element needs the separated Closing image again
			//if (j == 8) {
			//	Element.addClassName('navHeader' + j, 'navend');
			//	}
				
			if (Element.getStyle('nav' + j, 'display') != 'hidden') {
					Effect.BlindUp('nav' + j, {duration: 0.1 });
				}
		}
}

function navMainNavMouseOver(element, style){
	Element.addClassName(element,style);
	/*$(element).setStyle({'background-image': 'url(/_img_global/nav/nav_main_active.jpg)' });*/
	return true;
}

function navMainNavMouseOut(element, style){
	$(element).removeClassName(style);
	return true;
}