// JavaScript Document

$(document).ready(function() {
	$("#menucontainer div:first").css({
		marginLeft: '110px'
	});

$(".menuitem").mouseover(function() {
		$($(this).children(".menutext")).removeClass('menutext').addClass('menutext_active');
		var oldsrc = $(this).children("img").attr("src").match(/[^\.]+/);
		oldsrc = oldsrc + "";
		if (oldsrc.indexOf("over") == -1){
			var newsrc = oldsrc + "_over.jpg";
			$(this).children("img").attr("src",newsrc);
		}

	}).mouseout(function(){
		$($(this).children(".menutext_active")).removeClass('menutext_active').addClass('menutext');
		var oldsrc = $(this).children("img").attr("src").replace("_over", ""); 
		var newsrc = oldsrc;
		$(this).children("img").attr("src",newsrc);
	}).click(function(){
		document.location = "?highlight=" + $(this).children("img").attr("title") + "&siteID=360&pageName=" + $(this).children("img").attr("title") + "&languageID=nl-be"
	});

$(".menuitem2").mouseover(function() {
		$(this).removeClass('menuitem2').addClass('menuitem2_active');		
	
	}).mouseout(function(){
		$(this).removeClass('menuitem2_active').addClass('menuitem2');
	});
	
	startTime();
	checkPic();
});

function startTime()
{
	var today=new Date();
	var h=today.getHours();
	var m=today.getMinutes();
	m=checkTime(m);
	//document.getElementById('tijd').innerHTML=h+":"+m;
	$('#tijd').html(h+":"+m);
	var t=setTimeout('startTime()',500);
}

function checkTime(i)
{
	if (i<10)
	  {
	  i="0" + i;
	  }
	return i;
}

function hideOtherPics(){
	$("#tijdFotos div.foto").css("display","none");
}

function fadePic(pic){
	$(pic + "img:last").fadeToggle("slow");
}

function checkPic(){
	var today=new Date();
	var h=today.getHours();
	if (h < 3){
		hideOtherPics();
		$("#foto6").css("display","block");
		setInterval('$("#foto6 img:last").fadeToggle("slow")', 10000);
	} else if(h < 7){
		hideOtherPics();
		$("#foto1").css("display","block");
		setInterval('$("#foto1 img:last").fadeToggle("slow")', 10000);
	} else if(h < 11){
		hideOtherPics();
		$("#foto2").css("display","block");
		setInterval('$("#foto2 img:last").fadeToggle("slow")', 10000);
	} else if(h < 15){
		hideOtherPics();
		$("#foto3").css("display","block");
		setInterval('$("#foto3 img:last").fadeToggle("slow")', 10000);
	} else if(h < 19){
		hideOtherPics();
		$("#foto4").css("display","block");
		setInterval('$("#foto4 img:last").fadeToggle("slow")', 10000);
	} else if(h < 23){
		hideOtherPics();
		$("#foto5").css("display","block");
		setInterval('$("#foto5 img:last").fadeToggle("slow")', 10000);
	} else{
		hideOtherPics();
		$("#foto6").css("display","block");
		setInterval('$("#foto6 img:last").fadeToggle("slow")', 10000);
	}
}

function initialize() {
    var myLatlng = new google.maps.LatLng(51.0976434,5.780799699999989);
    var myOptions = {
      zoom: 15,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    var image = 'http://websites.skarabee.net/site/html/360/images/huisje.png';
    var marker = new google.maps.Marker({
        position: myLatlng, 
        map: map,
		icon: image,
        title:"Koning Albertlaan 6, 3680 Maaseik"
    });   
  }
