window.onload = function () {

	// Shadow
	var useragent = navigator.userAgent.toLowerCase()
	var browser = useragent.indexOf('msie') > 0 ? false : true
	
	if (browser)
		$("img.page_image").dropShadow({left:1, top:1, opacity:0.8, blur:2});
};

var active_menu = null;
var current_tab = null;

jQuery(document).ready(function(){
	
	// Settings
	var header = $("div#header");

	/**
	 * Menu
	 */
	
	/** Mouseout **/
	$("div#main").mouseover(function (){
		
		if (started_menu && started_color && started_h1 && started_h2) {
			
			// Hide current menu
			if (active_menu) {
				
				$("a."+active_menu).css("backgroundPosition", "0 0");
				$("ul#sm_"+active_menu).css("display", "none");
			}
			
			// Show started menu
			change_active_subject (started_menu, started_color);
			
			// Hovertext
			$("div#subject h1").html(started_h1);
			$("div#subject h2").html(started_h2);			
		}
	});
	
	/** BUSINESS **/
	
	// Telecom
	$("a.telecom").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Hovertext
		$("div#subject h1").html("Telecom");
		$("div#subject h2").html("Besteed uw telecomomgeving uit");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("green");
		
		//  Submenu
		$("ul#sm_telecom").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});

	// Automatisering
	$("a.automatisering").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("yellow");

		// Hovertext
		$("div#subject h1").html("Automatisering");
		$("div#subject h2").html("Besteed uw automatisering uit");
		
		//  Submenu
		$("ul#sm_automatisering").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	
	// Systeem-Netwerkbeheer
	$("a.systeem").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("blue");

		// Hovertext
		$("div#subject h1").html("Systeem-Netwerkbeheer");
		$("div#subject h2").html("Besteed uw systeem-netwerkbeheer uit");
		
		//  Submenu
		$("ul#sm_systeem").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	
	// Spamfilter
	$("a.spam").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("red");

		// Hovertext
		$("div#subject h1").html("Spamfilter");
		$("div#subject h2").html("Besteed uw spamfilter uit");
		
		//  Submenu
		$("ul#sm_spam").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	
	// Internet / Glasvezel
	$("a.internet").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("purple");

		// Hovertext
		$("div#subject h1").html("Internet / Glasvezel");
		$("div#subject h2").html("Besteed uw Internetomgeving uit");
		
		//  Submenu
		$("ul#sm_internet").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	
	// Online Backup
	$("a.backup").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");

		// Hovertext
		$("div#subject h1").html("Online Backup");
		$("div#subject h2").html("Besteed uw backup uit");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("brown");
		
		//  Submenu
		$("ul#sm_backup").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	
	// Hosted Exchange
	$("a.hosted").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("orange");

		// Hovertext
		$("div#subject h1").html("Hosted Exchange");
		$("div#subject h2").html("Besteed uw hosted exchange uit");
		
		//  Submenu
		$("ul#sm_hosted").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	
	// Winkel
	$("a.winkel").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("gray");

		// Hovertext
		$("div#subject h1").html("Winkel");
		$("div#subject h2").html("Besteed uw winkelomgeving uit");
		
		//  Submenu
		$("ul#sm_winkel").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	
	/** CONSUMER **/
	
	// Welkom
	$("a.welkom").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("gray");

		// Hovertext
		$("div#subject h1").html("Welkom");
		$("div#subject h2").html("Matrix PC - Alles voor uw ICT");
		
		//  Submenu
		$("ul#sm_welkom").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	// Technische dienst
	$("a.technischedienst").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("gray");

		// Hovertext
		$("div#subject h1").html("Technische dienst");
		$("div#subject h2").html("Besteed uw technische dienst uit");
		
		//  Submenu
		$("ul#sm_technischedienst").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	// Producten
	$("a.producten").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("gray");

		// Hovertext
		$("div#subject h1").html("Producten");
		$("div#subject h2").html("Onze Producten");
		
		//  Submenu
		$("ul#sm_producten").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	// Openingstijden
	$("a.openingstijden").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("gray");

		// Hovertext
		$("div#subject h1").html("Openingstijden");
		$("div#subject h2").html("Onze openingstijden");
		
		//  Submenu
		$("ul#sm_openingstijden").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	
	// Vacature
	$("a.vacature").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("gray");

		// Hovertext
		$("div#subject h1").html("Vacatures");
		$("div#subject h2").html("Onze vacatures");
		
		//  Submenu
		$("ul#sm_vacature").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	
	// Aanbieding
	$("a.aanbiedingen").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("gray");

		// Hovertext
		$("div#subject h1").html("Aanbiedingen");
		$("div#subject h2").html("Onze aanbiedingen");
		
		//  Submenu
		$("ul#sm_aanbiedingen").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	
	// Actie
	$("a.actie").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("gray");

		// Hovertext
		$("div#subject h1").html("Actie's");
		$("div#subject h2").html("Onze Actie's");
		
		//  Submenu
		$("ul#sm_openingstijden").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	// Contact
	$("a.contact").mouseover(function (){
		
		// Hover
		$(this).css("backgroundPosition", "0 -43px");
		
		// Header
		var current_header_class = header.attr("class");
		header.removeClass(current_header_class);
		header.addClass("gray");

		// Hovertext
		$("div#subject h1").html("Contact");
		$("div#subject h2").html("Contact ..");
		
		//  Submenu
		$("ul#sm_contact").css("display", "block");
		
		// Previous submenu
		if (active_menu != null && active_menu != $(this).attr("class")) {
			
			// Hover
			$("a."+active_menu).css("backgroundPosition", "0 0");
			
			//  Submenu
			$("ul#sm_"+active_menu).css("display", "none");
		}
		
		// Set active class
		active_menu = $(this).attr("class");		
	});
	
	/** tabmenu **/
	// Business
	if (current_tab != null && current_tab != "zakelijk") {
			$("li.business").mouseout(function (){
				
				// out
				$(this).css("backgroundPosition", "-195px 0");
				
			}).mouseover(function (){
				
				// Hover
				$(this).css("backgroundPosition", "-195px -26px");
				
			});
	}
	// Consumer
	if (current_tab != null && current_tab != "consumenten") {
		$("li.consumer").mouseout(function (){
			
			// out
			$(this).css("backgroundPosition", "-2px 0");
			
		}).mouseover(function (){
			
			// Hover
			$(this).css("backgroundPosition", "-2px -26px");
			
		});
	}
	// Support
	if (current_tab != null && current_tab != "support") {
		$("li.support").mouseout(function (){
			
			// out
			$(this).css("backgroundPosition", "-390px 0");
			
		}).mouseover(function (){
			
			// Hover
			$(this).css("backgroundPosition", "-390px -26px");
			
		});
	}
	
	
})

function change_active_subject (subject, color) {
	
	// Hover
	$("a."+subject).css("backgroundPosition", "0 -43px");
	
	// Submenu
	$("ul#sm_"+subject).css("display", "block");
	
	// Header
	var header = $("div#header");
	var current_header_class = header.attr("class");
	header.removeClass(current_header_class);
	header.addClass(color);
	
	// Set active menu
	active_menu = subject;
}

function change_active_tab (tabname) {
	
	var current_tab = tabname;
	
	// hover
	
	if (current_tab == "zakelijk") {
		$("li.business").css("backgroundPosition", "-195px -26px");
	}
	if (current_tab == "consumenten") {
		$("li.consumer").css("backgroundPosition", "-2px -26px");
	}
}