// -------------
// Navigation --
// -------------
var BtnStates 		= 2; // Anzahl der Button-Zustände

var BtnNames		= new Array('blog', 'about', 'contact');
var BtnLinks		= new Array('', 'about/', 'contact/');
var ActiveButton	= 0;

// Browser Alpha FIX
var arVersion 		= navigator.appVersion.split("MSIE");
var version 		= parseFloat(arVersion[1]);

var Buttons = new Array(); // Button Array erzeugen
for(i = 0; i < BtnNames.length; i++)
{
	Buttons[i] = new Array;
}

// Bilder laden
function LoadNavImages() 
{	
	if(document.images) 
	{
		var temp = '';		
		for(i = 0; i< Buttons.length; i++) 
		{
			temp = BtnNames[i];
			for(z = 1; z <= BtnStates; z++) 
            {
              Buttons[i][z] = new Image();
              Buttons[i][z].src = 'imgs/navi/' + temp + '_' + z + '.png';
            }
        }
	}
}

// Navigation erzeugen
function init(StartButton)
{
	// Bilder preloaden
	LoadNavImages();

	var navigation	= document.getElementById('navigation');
	// Text-Navi loeschen
	navigation.innerHTML = '';
	
	ActiveButton = StartButton;
	
	for(i = 0; i < Buttons.length; i++)
	{
		var z = 1;
		
		var btn = document.createElement('a');
		btn.id = BtnNames[i];
		btn.onmouseover = new Function("swap(" + i + ",1);");
		btn.onmouseout 	= new Function("swap(" + i + ",2);");
		btn.onclick		= new Function("swap(" + i + ",3);");
		btn.onfocus		= new Function("swap(" + i + ",1);");
		btn.onblur		= new Function("swap(" + i + ",2);");
		if(StartButton == i)
		{
			z = 2;
			btn.href = BtnLinks[i];
			btn.className = 'active';			
		} else {
			btn.className = '';
			btn.href = BtnLinks[i];
		}
		// Alpha Fix die Zweite
		if ((version >= 5.5) && (version < 7) && (document.body.filters)) 
		{
			var span = document.createElement('span');
			span.style.display = 'block';
			span.style.width = Buttons[i][z].width;
			span.style.height = Buttons[i][z].height;
			span.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + Buttons[i][z].src + '\', sizingMethod=\'scale\');';
			btn.appendChild(span);
		} else {
			var img = document.createElement('img');
			img.src = Buttons[i][z].src;
			btn.appendChild(img);
		}
		navigation.appendChild(btn);
	}
}

// Navigation / Bilder swappen beim MouseOver
function swap(ButtonID, BtnState)
{
	var navigation	= document.getElementById("navigation");
	var menulinks	= navigation.getElementsByTagName('a');
	
	if ((version >= 5.5) && (version < 7) && (document.body.filters)) 
	{
		switch(BtnState)
		{
			case 1: // Mouseover
			if(ButtonID != ActiveButton)
			{
				menulinks[ButtonID].firstChild.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + Buttons[ButtonID][2].src + '\', sizingMethod=\'scale\');';
			}
			break;
			
			case 2: // MouseOut
			if(ButtonID != ActiveButton)
			{	
				menulinks[ButtonID].firstChild.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + Buttons[ButtonID][1].src + '\', sizingMethod=\'scale\');';
			}
			break; 
			
			case 3: // MouseDown bzw. Klick
			for(i = 0; i < BtnNames.length; i++)
			{
				if(i == ButtonID)
				{
					menulinks[i].firstChild.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + Buttons[i][2].src + '\', sizingMethod=\'scale\');';
					menulinks[i].className = 'active';
					ActiveButton = i;
				} else {
					menulinks[i].href = BtnLinks[i];
					menulinks[i].className = '';
					menulinks[i].firstChild.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + Buttons[i][1].src + '\', sizingMethod=\'scale\');';
				}
			}		
			break;
		} 
	} else {
		switch(BtnState)
		{
			case 1: // Mouseover
			if(ButtonID != ActiveButton)
			{
				menulinks[ButtonID].firstChild.src = Buttons[ButtonID][2].src;
			}
			break;
			
			case 2: // MouseOut
			if(ButtonID != ActiveButton)
			{	
				menulinks[ButtonID].firstChild.src = Buttons[ButtonID][1].src;
			}
			break;
			
			case 3: // MouseDown bzw. Klick
			for(i = 0; i < BtnNames.length; i++)
			{
				if(i == ButtonID)
				{
					menulinks[i].firstChild.src = Buttons[i][2].src;
					menulinks[i].className = 'active';
					ActiveButton = i;
				} else {
					menulinks[i].href = BtnLinks[i];
					menulinks[i].className = '';
					menulinks[i].firstChild.src = Buttons[i][1].src;
				}
			}		
			break;
		}
	}
}