/**
 * Javascript for Default Theme
 */
$(document).ready(function(){
    
    $('[placeholder]').focus(function() {
	  var input = $(this);
	  if (input.val() == input.attr('placeholder')) {
		input.val('');
		input.removeClass('placeholder');
	  }
	}).blur(function() {
	  var input = $(this);
	  if (input.val() == '' || input.val() == input.attr('placeholder')) {
		input.addClass('placeholder');
		input.val(input.attr('placeholder'));
	  }
	}).blur().parents('form').submit(function() {
	  $(this).find('[placeholder]').each(function() {
		var input = $(this);
		if (input.val() == input.attr('placeholder')) {
		  input.val('');
		}
	  })
	});
    
    $("ul.sf-menu").supersubs({
        minWidth:    12,                                // minimum width of sub-menus in em units
        maxWidth:    27,                                // maximum width of sub-menus in em units
        extraWidth:  1                                  // extra width can ensure lines don't sometimes turn over
    }).superfish({
        delay:       400,                               // delay on mouseout
        animation:   {opacity:'show',height:'show'},    // fade-in and slide-down animation
        speed:       'fast',                            // faster animation speed
        autoArrows:  false,                             // disable generation of arrow mark-up
        dropShadows: false                              // disable drop shadow
    });
    
     // Main menu
    var firstLevel = $('#menu-3 a.selected').closest('.level-1').attr('id');
    $('#'+firstLevel+' ul').css('display', 'block');
    
	//preload plaatjes
	var image1 = $('<img />').attr('src', '../css/images/submit_bg_hover.png');

    
	// foto slideshow home

    $(function() {
        setInterval(volgendeFoto, 5000);
        $('#slideshow li:first').hide();
    });

    function volgendeFoto() {
        $('#slideshow li:first').
            insertAfter($('#slideshow li:last')).fadeIn(5000);
        $('#slideshow li:first').hide();
    }	
	
// zebra nieuws resultaat
	$('div.col1f .node-type-news:odd').addClass('zebra');
	$('div.zoekresultaten .item:odd').addClass('zebra');

/* show/hide contactformulier detailpagina */
	$("#contact_poi").click(function(event) {
		event.preventDefault();
		if ($("#contact_form").is(':visible')) {
			$(this).removeClass('sluit');
			$("#contact_form").slideUp(200);
			} else {
				$("#contact_form").slideDown(200);
				$(this).addClass('sluit');
			}
		}
	)
	
/* hover item */

	$("div.item").hover(function() {
		$(this).addClass('hoverbgcolor');	
	}, function() {
		$(this).removeClass('hoverbgcolor');	
	});

/* foto scrollbox detailpagina */
//	$("div.slideshow_container").scroll(function() {
		//$(".foto_ondertekst").append('<br>Jij scroller!');
//	});
	var fotoBreedte = 150;
	var fotoMarge = 5;
	var breedteContainer = 395;
	
	var aantalFotos = $('div.slideshow_container ul.photos li').length;
	var widthTotalslides = (aantalFotos * fotoBreedte) + (aantalFotos * fotoMarge);
	var totaalMinContainer = breedteContainer - widthTotalslides;
	

	$('div.slideshow_container ul.photos').css({width:widthTotalslides});
	if (widthTotalslides >= breedteContainer ) {
		$('<div class="vorige"></div><div class="volgende"></div>').css('opacity', '0.7').appendTo('div.slideshow_container');
	}

		$('div.slideshow_container div.vorige').fadeTo('slow', 0.0);

	$('div.slideshow_container div.vorige'). click(function() {
		$('div.slideshow_container div.volgende').fadeTo('slow', 0.7);
		var linksPos = parseInt($('div.slideshow_container ul.photos').css('left'), 10);
		var linksMarge = parseInt($('div.slideshow_container ul.photos').css('left'), 10);
		var linksMarge = (linksMarge + (fotoBreedte + fotoMarge));

		//console.log(linksPos);

	if (linksPos > -(fotoBreedte) && linksPos <= 0) {
		$('div.slideshow_container ul.photos').animate({left:0}, 'slow');
		$(this).fadeTo('slow', 0.0);
	}
	else if (linksPos <= 0 && linksPos != 0) {
		$('div.slideshow_container ul.photos').animate({left:linksMarge}, 'slow');
	}
		//console.log(linksMarge);
	});
	
	$('div.slideshow_container div.volgende'). click(function() {
		var linksPos = parseInt($('div.slideshow_container ul.photos').css('left'), 10);
		$('div.slideshow_container div.vorige').fadeTo('slow', 0.7);
		var rechtsPos =  breedteContainer - linksPos - widthTotalslides;
		var linksMarge = parseInt($('div.slideshow_container ul.photos').css('left'), 10);
		var linksMarge = (linksMarge - (fotoBreedte + fotoMarge));
		//console.log(' rechtsPos =' + rechtsPos + ' linksMarge =' + linksMarge + ' widthTotalslides =' + widthTotalslides );

	if (rechtsPos > -(fotoBreedte) && rechtsPos <= 0) {
		//console.log(rechtsPos);
		$(this).fadeTo('slow', 0.0);
		$('div.slideshow_container ul.photos').animate({left:totaalMinContainer}, 'slow');
	}
	else if (rechtsPos <= 0 && rechtsPos != 0) {
	
		$("div.slideshow_container ul.photos").animate({left:linksMarge}, 'slow');
	}
		var linksMarge = (linksMarge - fotoBreedte);
		//console.log(fotoBreedte + ', ' + rechtsPos );
	});
	
	
/* lightbox */
	$("a.lightbox").click(function(e) {
		// geen scrollbars
		$('body').css('overflow-y', 'hidden');
		
		$('<div id="overlay"></div>')
		.css('top', $(document).scrollTop())
		.css('opacity', '0')
		.animate({'opacity': '0.5'}, 'slow')
		.appendTo('body');
		
		$('<div id="lightbox"></div>')
		.hide()
		.appendTo('body');
		$('<div id="sluit">sluit x</div>')
		.hide()
		.appendTo('#lightbox');
		
		$('<img />')
		.attr('src', $(this).attr('href'))
		.load(function() {
			positionLightboxImage();
		})
		.appendTo('#lightbox');
		
		$('body').click(function() {
			removeLightbox();
		});
		
		$('#lightbox, #sluit').hover(function() {
			$('#sluit').fadeIn();
		}, function() {
			$('#sluit').fadeOut();
		});
		
		return false;
		
	});
	
	function positionLightboxImage() {
		var top = ($(window).height() - $('#lightbox').height()) / 2;
		var left = ($(window).width() - $('#lightbox').width()) / 2;
		$('#lightbox')
			.css({
				'top': top + $(document).scrollTop(),
				'left': left,
				'position': 'absolute',
				'z-index': 10000
			})
			.fadeIn();
	}
	
	function removeLightbox() {
		$('#overlay, #lightbox')
		.fadeOut('slow', function() {
			$(this).remove();
			$('body').css('overflow-y', 'auto');		
		});	
	}
	
//einde document.ready
});