/*******************************************************
*
*	file: nav.js
*	author: Zwacky
*	date: 24.08.2008
*	description: handles mouseover and -out behaviour on links.
*
********************************************************/

var activeFlash;

var loginOptions = false;

var autoswitch = function(){ flashswitchnext(); };

function navinit() {
	
	[$('latestposts'), $('latestnews'), $('latestblogs')].each(function(item, index){
		
		item.addEvent('mouseover', function(event){ setmouseover(item);});
		item.addEvent('mouseout', function(event){ setmouseout(item, '');});
		setmouseout(item, '');
	});
	
	flashcomponents('obj').each(function(item, index){
		item.addEvent('mouseout', function(event){ setmouseout(item, '-inv');});
		item.addEvent('mouseover', function(event){ setmouseover(item); flashswitch(flashcomponents('img'), item); setactive(flashcomponents('obj'), item); flashcomponents('obj').each(function(item, index){ setmouseout(item, '-inv');})});
		setmouseout(item, '-inv');
	});
	
	$('flashnext').addEvent('click', function(event){ flashswitchnext(); });
	$('flashnext').addEvent('mouseover', function(event){ setmouseover($('flashnext'));  flashcomponents('obj').each(function(item, index){ setmouseout(item, '-inv');})});
	$('flashnext').addEvent('mouseout', function(event){ setmouseout($('flashnext'), '-inv'); });
	
}

function setmouseover(item) {
	item.style.background = "url("+path+"gfx/link-bg.jpg) repeat-x";
}

function setmouseout(item, inv) {

	if (item.className == 'active') {
		item.style.background = "url("+path+"gfx/link-bg.jpg) repeat-x";
	} else {
		item.style.background = "url("+path+"gfx/button-head"+inv+".jpg) repeat-x";
	}
}

function setactive(list, itemz) {
	var i = 1;
	list.each(function(item, index){
		item.className = '';
		if (item == itemz) {
			activeFlash = i;
		}
		i++;
	});
	itemz.className = 'active';
}

function setactivee(param, list, itemz) {
	var i = 1;
	list.each(function(item, index){
		item.className = '';
		if (item == itemz) {
			param = i;
		}
		i++;
	});
	itemz.className = 'active';
}

function updateinformation(str) {
	$('latestpostscontent').style.display = 'none';
	$('latestposts').className = '';
	$('latestnewscontent').style.display = 'none';
	$('latestnews').className = '';
	$('latestblogscontent').style.display = 'none';
	$('latestblogs').className = '';
	
	$('latest'+str+'content').style.display = 'block';
	$('latest'+str).className = 'active';
	
	setmouseout($('latestposts'), '');
	setmouseout($('latestnews'), '');
	setmouseout($('latestblogs'), '');
}

function flashcomponents(str) {
	switch (str) {
		case 'obj':
			return [$('flash1'), $('flash2'), $('flash3'), $('flash4'), $('flash5'), $('flash6')];
		break;
		case 'img':
			return [$('flash1img'), $('flash2img'), $('flash3img'), $('flash4img'), $('flash5img'), $('flash6img')];
		break;
	}	
}

function flashswitch(list, itemz) {
	
	for(i=1;i<=flashcomponents('img').length;i++) {
		
		if ($('flash'+i) == itemz) {
			setflashblock($('flash'+i+'img'));
		}
		
	}
}

function isactive(itemz) {
	var i = 1;
	var pos = false;
	flashcomponents('img').each(function(item, index) {
		if (itemz == item) {
		
			if (i == activeFlash) {
				pos = true;
			} else {
				pos = false;
			}
		}
		i++;
	});
	return pos;
}

function setflashblock(item) {

	if (!isactive(item)) {
	
		flashcomponents('img').each(function(item, index) {
			item.style.display = 'none';
		});
		
		item.setStyle('opacity', 0);
		item.fade('in');
		
		item.style.display = 'block';
		
	}
}

function flashswitchnext() {
	
	var obj = flashcomponents('obj');
	var img = flashcomponents('img');
	
	for(i=0;i<obj.length;i++) {
		if (obj[i].className == 'active') {
		
			if (i+1 == img.length) {
			
				setflashblock(img[0]);
			
				//img[0].style.display = 'block';
				setactive(flashcomponents('obj'), obj[0]);
				break;
			} else {
			
				setflashblock(img[i+1]);
				//img[i+1].style.display = 'block';
				setactive(flashcomponents('obj'), obj[i+1]);
				break;
			}
			
		}
	}
	
	flashcomponents('obj').each(function(item, index){
		setmouseout(item, '-inv');
	});
	
}

function toggleLoginOptions() {
	if (loginOptions) {
		//$('loginoptions').style.display = 'none';
		$('loginoptions').fade('out');
	} else {
		$('loginoptions').fade('in');
		$('loginoptions').style.display = 'block';
	}
	loginOptions = !loginOptions;
}