$(document).ready(function() {
	var i; // Counter for loops
	var aNaviNames = new Array('homeImg', 'projImg', 'prodImg', 'divImg', 'kontImg');
	var aNaviImage = new Array();
	var aElements;
	
	for(i = 0; i < 5; i++) {
		aNaviImage[i] = new Array;
		aNaviImage[i][0] = new Image;
		aNaviImage[i][1] = new Image;
		aElements = document.getElementsByName(aNaviNames[i]);
		aNaviImage[i][0].src = aElements[0].src;
	}
	aNaviImage[0][1].src = 'images/navigation/home_over.jpg';
	aNaviImage[1][1].src = 'images/navigation/projekte_over.jpg';
	aNaviImage[2][1].src = 'images/navigation/produkte_over.jpg';
	aNaviImage[3][1].src = 'images/navigation/diverses_over.jpg';
	aNaviImage[4][1].src = 'images/navigation/kontakt_over.jpg';
	
	// Hiding
	for(i = 0; i < aIdsToHide.length; i++) {
		document.getElementById(aIdsToHide[i]).style.display = 'none';
	}
	// UN-hiding
	for(i = 0; i < aIdsToShow.length; i++) {
		document.getElementById(aIdsToShow[i]).style.display = 'block';
	}
	
	function show_content(name) {
		for(i = 1; i < 6; i++) {
			$('#cb_' + i + '_c').css('display', 'none');
			$('#cb_' + i + '_b1').css('display', 'block');
			$('#cb_' + i + '_b2').css('display', 'none');					
		}
		$('#' + name + '_c').slideDown('fast');
		$('#' + name + '_b1').css('display', 'none');
		$('#' + name + '_b2').css('display', 'block');
	}
	
	function hide_content(name) {
		$('#' + name + '_c').slideUp('fast');
		$('#' + name + '_b1').css('display', 'block');
		$('#' + name + '_b2').css('display', 'none');
	}
	
	function roll(img, a, b) {
		var image = document.getElementsByName(img)[0];
		image.src=aNaviImage[a][b].src;
	}
	
	// Content - Sub-Headlines
	$('#cb_1_h').click(function() { if(document.getElementById('cb_1_c').style.display == 'none') { show_content('cb_1'); } else { hide_content('cb_1');}});
	$('#cb_2_h').click(function() { if(document.getElementById('cb_2_c').style.display == 'none') { show_content('cb_2'); } else { hide_content('cb_2');}});
	$('#cb_3_h').click(function() { if(document.getElementById('cb_3_c').style.display == 'none') { show_content('cb_3'); } else { hide_content('cb_3');}});
	$('#cb_4_h').click(function() { if(document.getElementById('cb_4_c').style.display == 'none') { show_content('cb_4'); } else { hide_content('cb_4');}});
	$('#cb_5_h').click(function() { if(document.getElementById('cb_5_c').style.display == 'none') { show_content('cb_5'); } else { hide_content('cb_5');}});
	$('#cb_6_h').click(function() { if(document.getElementById('cb_6_c').style.display == 'none') { show_content('cb_6'); } else { hide_content('cb_6');}});
	
	$('#cb_1_h').mouseover(function() { $('#cb_1_b1 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_1_h').mouseout(function() { $('#cb_1_b1 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_1_h').mouseover(function() { $('#cb_1_b2 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_1_h').mouseout(function() { $('#cb_1_b2 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_2_h').mouseover(function() { $('#cb_2_b1 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_2_h').mouseout(function() { $('#cb_2_b1 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_2_h').mouseover(function() { $('#cb_2_b2 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_2_h').mouseout(function() { $('#cb_2_b2 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_3_h').mouseover(function() { $('#cb_3_b1 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_3_h').mouseout(function() { $('#cb_3_b1 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_3_h').mouseover(function() { $('#cb_3_b2 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_3_h').mouseout(function() { $('#cb_3_b2 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_4_h').mouseover(function() { $('#cb_4_b1 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_4_h').mouseout(function() { $('#cb_4_b1 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_4_h').mouseover(function() { $('#cb_4_b2 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_4_h').mouseout(function() { $('#cb_4_b2 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_5_h').mouseover(function() { $('#cb_5_b1 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_5_h').mouseout(function() { $('#cb_5_b1 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_5_h').mouseover(function() { $('#cb_5_b2 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_5_h').mouseout(function() { $('#cb_5_b2 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_6_h').mouseover(function() { $('#cb_6_b1 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_6_h').mouseout(function() { $('#cb_6_b1 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_6_h').mouseover(function() { $('#cb_6_b2 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_6_h').mouseout(function() { $('#cb_6_b2 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	
	$('#cb_1_b1').mouseover(function() { $('#cb_1_b1 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_1_b1').mouseout(function() { $('#cb_1_b1 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_2_b1').mouseover(function() { $('#cb_2_b1 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_2_b1').mouseout(function() { $('#cb_2_b1 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_3_b1').mouseover(function() { $('#cb_3_b1 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_3_b1').mouseout(function() { $('#cb_3_b1 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_4_b1').mouseover(function() { $('#cb_4_b1 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_4_b1').mouseout(function() { $('#cb_4_b1 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_5_b1').mouseover(function() { $('#cb_5_b1 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_5_b1').mouseout(function() { $('#cb_5_b1 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_6_b1').mouseover(function() { $('#cb_6_b1 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_6_b1').mouseout(function() { $('#cb_6_b1 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	
	$('#cb_1_b2').mouseover(function() { $('#cb_1_b2 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_1_b2').mouseout(function() { $('#cb_1_b2 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_2_b2').mouseover(function() { $('#cb_2_b2 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_2_b2').mouseout(function() { $('#cb_2_b2 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_3_b2').mouseover(function() { $('#cb_3_b2 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_3_b2').mouseout(function() { $('#cb_3_b2 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_4_b2').mouseover(function() { $('#cb_4_b2 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_4_b2').mouseout(function() { $('#cb_4_b2 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_5_b2').mouseover(function() { $('#cb_5_b2 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_5_b2').mouseout(function() { $('#cb_5_b2 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	$('#cb_6_b2').mouseover(function() { $('#cb_6_b2 .bottom2').css('background-color', '#d6904a').css('border-top-color', '#ae4f0f'); });
	$('#cb_6_b2').mouseout(function() { $('#cb_6_b2 .bottom2').css('background-color', '#bea086').css('border-top-color', '#af937b'); });
	
	// Content - Bottom bars
	$('#cb_1_b1').click(function() {show_content('cb_1');return false;});
	$('#cb_1_b2').click(function() {hide_content('cb_1');return false;});				
	$('#cb_2_b1').click(function() {show_content('cb_2');return false;});
	$('#cb_2_b2').click(function() {hide_content('cb_2');return false;});
	$('#cb_3_b1').click(function() {show_content('cb_3');return false;});
	$('#cb_3_b2').click(function() {hide_content('cb_3');return false;});
	$('#cb_4_b1').click(function() {show_content('cb_4');return false;});
	$('#cb_4_b2').click(function() {hide_content('cb_4');return false;});				
	$('#cb_5_b1').click(function() {show_content('cb_5');return false;});				
	$('#cb_5_b2').click(function() {hide_content('cb_5');return false;});				
	$('#cb_6_b1').click(function() {show_content('cb_6');return false;});				
	$('#cb_6_b2').click(function() {hide_content('cb_6');return false;});
	
	// Sidebar
	$('#sb_1').click(function() { if(document.getElementById('cb_1_c').style.display == 'none') { show_content('cb_1'); } else { hide_content('cb_1');}});
	$('#sb_2').click(function() { if(document.getElementById('cb_2_c').style.display == 'none') { show_content('cb_2'); } else { hide_content('cb_2');}});
	$('#sb_3').click(function() { if(document.getElementById('cb_3_c').style.display == 'none') { show_content('cb_3'); } else { hide_content('cb_3');}});
	$('#sb_4').click(function() { if(document.getElementById('cb_4_c').style.display == 'none') { show_content('cb_4'); } else { hide_content('cb_4');}});
	$('#sb_5').click(function() { if(document.getElementById('cb_5_c').style.display == 'none') { show_content('cb_5'); } else { hide_content('cb_5');}});
	$('#sb_6').click(function() { if(document.getElementById('cb_6_c').style.display == 'none') { show_content('cb_6'); } else { hide_content('cb_6');}});
	
	// navi
	$('#home').mouseover(function() {roll('homeImg', 0, 1);});
	$('#home').mouseout(function() {roll('homeImg', 0, 0);});
	$('#projekte').mouseover(function() {roll('projImg', 1, 1);});
	$('#projekte').mouseout(function() {roll('projImg', 1, 0);});
	$('#produkte').mouseover(function() {roll('prodImg', 2, 1);});
	$('#produkte').mouseout(function() {roll('prodImg', 2, 0);});
	$('#diverses').mouseover(function() {roll('divImg', 3, 1);});
	$('#diverses').mouseout(function() {roll('divImg', 3, 0);});
	$('#kontakt').mouseover(function() {roll('kontImg', 4, 1);});
	$('#kontakt').mouseout(function() {roll('kontImg', 4, 0);});
	
});