$(document).ready(function() {
	$(".fancyboxImg").fancybox({'overlayShow': true}); 
  	
    
  	$('#rotator').cycle({ 
				fx:     'fade', 
				speed:  '2000', 
				timeout: 4000,
				fastOnEvent: true,
				pager:  '#bannerselectie',
				// callback fn that creates a thumbnail to use as pager anchor 
                pagerAnchorBuilder: function(idx, slide)
                {	
                	//var path = slide.src;
                	var path = $('img', slide).attr('src');
                	//console.log($('img', slide).attr('src'));
                	var arrPath = path.split("/_banner/");
                	//alert(arrPath[1]);
                    return '<a class="bannerthumb" href="#"><img src="/images/_square/' + arrPath[1] + '" width="50" height="50" /></a>';
                }

			});
	
	$('#bannerselectie a').bind('click',function() {
		$('#rotator').cycle('pause');
	});
	
});

// Menu
$(document).ready(function() {
	$("#menu ul li:last-child").addClass("last-li");
	$("#menu ul li.level_1").each(function(){
		if(!$(this).hasClass("last-li")) {
			$(this).after("<li>/</li>");
		}
	});
	
	var activeHover;
	$('#mainmenu ul li').bind("mouseover", function() {
		activeHover = this;
		updateHoverArea(this);
	});
		
	$('#mainmenu ul li').bind("mouseleave", function() {	
		$(activeHover).removeClass('hover');
		$(activeHover).children('ul').css("display","none");
	});
	
	//menu images 
	var i=0;
	$('#mainmenu ul li > ul').each( function(){
			i++;		
			$(this).children('li').each(function(){
					var li = this;
					
					$.ajax({
						 type: "POST",
						 url: "/service/menuImages.php",
						 data: "menuID="+$(li).attr('id').split('id')[1]+"&langID="+langID,
						 success: function(msg){ 
						 	if(msg == ""){
						 		var filename = "default.jpg";
						 	} else {
							 	var filename = msg;					 
						 	}
						 	imgTag = makeImgTag(filename);
							$(li).children('a:first').prepend(imgTag);							 
						 }
					});	
			});
			
			
			$('#mainmenu ul li.level_1:last').children('ul').css('right', '0px');
			$('#mainmenu ul li.level_1:last').prev().prev().children('ul').css('right', '0px');
			//$('#mainmenu ul li.level_2:last').prev().parent('ul').css('right', '0px');
			
	});

});

function updateHoverArea(element) {
	$(element).addClass('hover');
	$(element).children('ul').css("display","block");
}

function makeImgTag(filename) {
	var tag = '<img src="http://www.artdecoparket.be/images/_square/'+filename+'" width="60" height="60" />';
	return tag;
}