// ----------------------------------------------------------------------------
// DOM READY
// ----------------------------------------------------------------------------

$(document).ready(function() {

	// ADD EXTRA CLASSES (CSS3 SELECTORS)
	$('.webitem .tpl_shoparticle_display').parent('.webitem').addClass('shoparticle');

	// BIND EVENTS FOR CLICKABLE ITEMS
	$('.actionlink a').parents('.actionlink').addClass('clickable');
	$('.clickable a[href]:first').bind('click', function(event) {
		event.preventDefault();
	});
	$('.clickable').bind('click', function() {
		var url = $(this).find('a[href]:first').attr('href');
		var target = $(this).find('a[href]:first').attr('target');
		if(url) {
			if(target == '_blank') {
				window.open(url);
			} else {
				window.location.href = url;
			}
		}
	});

	// BIND EVENTS FOR HOVERABLE ITEMS
	$('.hoverable').bind('mouseenter mouseleave', function() {
		$(this).toggleClass('hover');
	});

	// BIND EVENTS FOR FORMS
	$('.formline, .formarea, .formselect').bind('focus blur', function() {
		$(this).toggleClass('focus');
	});
	$('.formbut').bind('mouseenter mouseleave', function() {
		$(this).toggleClass('hover');
	});

	// BIND AND HANDLE EVENT FOR MINIMAL HEIGHT OF COL 2
	$(window).bind('resize', function() {
		var height_col_1 = $('#tpl_col_1').height();
		$('#tpl_col_2').css({'min-height': height_col_1+'px'});
	});
	$(window).trigger('resize');


	// ------------------------------------------------------------------------
	// LOAD EXTERNAL SCRIPTS / PLUGINS
	// ------------------------------------------------------------------------

	$.getScript(jquery_coreurl+'/include/jquery/easing.latest.js', function() {
	$.getScript(jquery_coreurl+'/include/jquery/cycle.latest.all.js', function() {

		// ADD SIMPLE FADE IN / OUT
		$('.cycle').cycle();

		// ADD SLIDER
		$('#tpl_tips .slidecycle').cycle({
			fx: 'scrollHorz',
			timeout: 6500,
			next: '#tpl_tips .next',
			prev: '#tpl_tips .prev'
		});

	});
	});

	$.getScript(jquery_coreurl+'/include/jquery/opacityrollover.latest.js', function() {

		// BIND THUMBNAIL ROLLOVER EVENTS
		$('#tpl_galleriffic_index ul.thumbs li').opacityrollover({
			mouseOutOpacity: 0.25,
			mouseOverOpacity: 1.0,
			fadeSpeed: 300,
			exemptionSelector: '.selected'
		});

	});

	
	$.getScript(jquery_coreurl+'/include/jquery/gallerific.latest.js', function() {

		// GENERATE SELECTABLE GALLERIFIC
		$('#tpl_galleriffic_index').each(function() { // EACH REQUIRED	

			$(this).galleriffic({
				imageContainerSel: '#tpl_galleriffic_image',
				defaultTransitionDuration: 600,
				delay: 6000,
				numThumbs: 12,
				autoStart: true,
				renderSSControls: false,
				renderNavControls: false,
				enableTopPager: false,
				enableBottomPager: false,
				maxPagesToShow: 1,
				syncTransitions: false,
				syncTransitions: true,
				onSlideChange: function(prevIndex, nextIndex) {
					$('#tpl_galleriffic_index').fadeTo('fast', 1.0);
					$('#tpl_galleriffic_index').find('ul.thumbs').children().eq(prevIndex).fadeTo('fast', 0.25).end().eq(nextIndex).fadeTo('fast', 1.0);
				}
			}).stop().css({visibility: 'visible'});

		});

	});


	// ------------------------------------------------------------------------
	// ONLOAD / LOAD COMPLETE
	// ------------------------------------------------------------------------

	$(window).load(function() {

			$(window).trigger('resize');

	});

});


// ----------------------------------------------------------------------------
// CUSTOM FUNCTIONS | CALLED BEFORE DOM READY FROM INSIDE TEMPLATE
// ----------------------------------------------------------------------------

function jquery_include_submenu() {

	// MOVE WEBSHOP, OVER ONS & CONTACT TO SUBMENU
	$('#tpl_submenu ul').append($('li[rel=li1835], li[rel=li1848], li[rel=li301]'));

	// MOVE WEBSHOP CHILDS
	if($('li[rel=li1835] a.menu1selected').length>0) {
		$('li[rel=li1835]').after($('.menu2li'));
		if($('.menu2li a.menu2selected').length>0) {
			$('.menu2li a.menu2selected').parent().after($('.menu3li'));
		}
	}

	// MOVE OVER ONS CHILDS
	if($('li[rel=li1848] a.menu1selected').length>0) {
		$('li[rel=li1848]').after($('.menu2li'));
		if($('.menu2li a.menu2selected').length>0) {
			$('.menu2li a.menu2selected').parent().after($('.menu3li'));
		}
	}

	// MOVE CONTACT CHILDS
	if($('li[rel=li301] a.menu1selected').length>0) {
		$('li[rel=li301]').after($('.menu2li'));
		if($('.menu2li a.menu2selected').length>0) {
			$('.menu2li a.menu2selected').parent().after($('.menu3li'));
		}
	}

}

function jquery_include_menulist() {

	// ADD CLASSES FOR LIST LAST ITEMS
	$('#tpl_menu .menu2li:last').addClass('last');

}
/*
//verplaatst naar php
function jquery_include_header_random() {

	// ARRAY OF HEADERS
	var images = [
      jquery_siteurl + '/html/webheader/natuursteen.html',
		jquery_siteurl + '/html/webheader/tegels.html',
		jquery_siteurl + '/html/webheader/badkamers_sanitair.html',
		jquery_siteurl + '/html/webheader/planken_vloeren.html',
		jquery_siteurl + '/html/webheader/keukens.html'
	];

	// GET RANDOM NUMBER FROM ARRAY
	var rand = Math.floor(Math.random() * images.length);

	// LOAD HTML AND REPLACE TEMPLATE TAGS
	$('#tpl_header_random').load(images[rand], function(html) {
		$(this).html(html.replace('{SITE_URL}', jquery_siteurl));
	});
*/