// JavaScript Document


const appHeight = () => {
    const doc = document.documentElement

    var vh = $(window).innerHeight();
    var vw = $(window).innerWidth();

    if(vw > 768 && vh < 900){
     vh = 900;
    }

    doc.style.setProperty('--app-height', vh+'px')
    
    
	if($('#homeBlocks').length > 0){
        var leftColumn 	        = gsap.timeline({paused:true,repeat: -1, yoyo: true}); 
        //var leftColumnBack 	    = gsap.timeline({paused:true});    
        var leftColumnHeight 	= $('#left_column').height();
        var vh                  = $(window).innerHeight();
        var toMove              = vh - leftColumnHeight;
        
        var timeToMove          = (toMove / vh) * -12;
        console.log(timeToMove);
        
        leftColumn.to($('#left_column'), timeToMove, {marginTop:(toMove), ease:"none"},0)
        leftColumn.play();
        
        /*var leftColumnBack 	= gsap.timeline({paused:true});    
        leftColumnBack.to($('#left_column'), timeToMove, {marginTop:0, ease:"none"},0)
        
        
        
        leftColumn.eventCallback("onComplete", function() {
            leftColumnBack.play(0);    
        });	
        leftColumnBack.eventCallback("onComplete", function() {
            leftColumn.play(0);    
        });	*/
        
        
        var rightColumn 	    = gsap.timeline({paused:true,repeat: -1, yoyo: true}); 
       // var rightColumnBack 	= gsap.timeline({paused:true});    
        var rightColumnHeight 	= $('#right_column').height();
        var toMoveR             = vh - rightColumnHeight;
        $('#right_column').css('marginTop',toMoveR);
        
        
        rightColumn.to($('#right_column'), timeToMove, {marginTop:0, ease:"none"},0)
        rightColumn.play();
        
        /*var rightColumnBack 	= gsap.timeline({paused:true});    
        rightColumnBack.to($('#right_column'), timeToMove, {marginTop:toMoveR, ease:"none"},0)
        
        
        
        rightColumn.eventCallback("onComplete", function() {
            rightColumnBack.play(0);    
        });	
        rightColumnBack.eventCallback("onComplete", function() {
            rightColumn.play(0);    
        });	*/
        
        
        $('#homeBlocks').mouseenter(function() {
            rightColumn.pause();    
            leftColumn.pause();       
        });
        $('#homeBlocks').mouseleave(function() {
            leftColumn.play();    
            rightColumn.play();    
        });

                        
    }
    
    
}
window.addEventListener('resize', appHeight);
appHeight();


var infiniteNR = 0;
function extOnLoad(){
    
    
	if($('#news-full').length > 0){
        scrollInAnimation('#news-full .block','');
        
        $('#infiniteNews').infiniteScroll({
          path: '.pagination__next',
          append: '.block',
          history: false,
        });
        
        $('#infiniteNews').on( 'append.infiniteScroll', function( event, response, path, items ) {
            /*console.log( 'Loaded: ' + event );
            console.log( 'Loaded: ' + response );
            console.log( 'Loaded: ' + path );*/
            infiniteNR++;
            //console.log( '.blocksIn'+infiniteNR+' .block-image');
            scrollInAnimation('.blocksIn'+infiniteNR+'.block','');
            buildPlayers('.blocksIn'+infiniteNR);
        });

	}
    
	if($('#het-team').length > 0){
        scrollInAnimationTeam('#het-team .block','');
	}
    
	if($('#parc-in-cijfers').length > 0){
       
		let myTriggers = gsap.utils.toArray(".h2number");
		
        var numBerValues = new Array();
         numBerValues['number1'] = $('#number1').text();
         numBerValues['number2'] = $('#number2').text();
         numBerValues['number3'] = $('#number3').text();
         numBerValues['number4'] = $('#number4').text();
        
		myTriggers.forEach((bookTrigger) => {
             let tl_bookTriggers = gsap.timeline({
                scrollTrigger: {
                  trigger: bookTrigger,
                  start: "top 90%",
				  end: "+=250",
      			  toggleActions: "play reset play reset",
				  scrub: 1
				}
              });
            
            
            tl_bookTriggers.addLabel("start")
              .to(bookTrigger, {
                  duration: 1,
                  text: {
                    value: numBerValues[bookTrigger.id],
                    oldClass: "oldNumbers",
                    newClass: "newNumbers"
                  },
                  ease: "Power4.easeInOut",
                })
              .addLabel("end");
		});
        
	}
    
	if($('#gallery-over-ons').length > 0){
		let gallery1 = gsap.utils.toArray();
		
             let tl_gallery1 = gsap.timeline({
                scrollTrigger: {
                  trigger: "#gallery-over-ons",
                  start: "top 90%",
				  end: "top top",
      			  toggleActions: "play pause resume reset",
				  scrub: 1
				}
              });
            
            var w_1 = $('#gallery-over-ons').width();
            var w_2 = $('#gallery-over-ons .grapCarousel').width();
            var w_3 = w_1 - w_2;
        
            tl_gallery1.addLabel("start")
              .from("#gallery-over-ons .grapCarousel", {autoAlpha:1,scale: 1,x:0})
              .to("#gallery-over-ons .grapCarousel", {autoAlpha: 1,scale: 1,x:w_3})
              .addLabel("end");
		
	}
    
	if($('.page-block.quote').length > 0){
		let quoteTriggers = gsap.utils.toArray(".page-block.quote");
		
		quoteTriggers.forEach((quoteTrigger) => {
             let tl_quoteTriggers = gsap.timeline({
                scrollTrigger: {
                  trigger: quoteTrigger,
                  start: "top bottom-=150px",
				  end: "+=300",
      			  toggleActions: "play pause resume reset",
				  scrub: 1
				}
              });
            
            
            tl_quoteTriggers.addLabel("start")
              .from(quoteTrigger, {autoAlpha: 0,scale: 0.95,top:'40px'})
              .to(quoteTrigger, {autoAlpha: 1,scale: 1,top:0})
              .addLabel("end");
		});
	}
	if($('.page-block .page-block-image img, .page-block .page-block-txt ul, .page-block .page-block-txt p, .page-block-ttl').length > 0){
		let imgTriggers = gsap.utils.toArray(".page-block img, .page-block .page-block-txt ul, .page-block .page-block-txt p, .page-block-ttl");
		
		imgTriggers.forEach((imgTrigger) => {
             let tl_imgTriggers = gsap.timeline({
                scrollTrigger: {
                  trigger: imgTrigger,
                  start: "top bottom-=100px",
				  end: "+=300",
      			  toggleActions: "play pause resume reset",
				  scrub: 1
				}
              });
            
            
            tl_imgTriggers.addLabel("start")
              .from(imgTrigger, {autoAlpha: 0})
              .to(imgTrigger, {autoAlpha: 1})
              .addLabel("end");
		});
	}
    
    
    buildPlayers('');
    
    page.base('');
    page('/', setHomePage)
	page('/reset/:d/', resetFilter);
	//page('/koop/', loadPageBOG, initPage);
	//page('/huur/', loadPageBOG, initPage);
	page('/aanbod/', loadPageBOG, initPage);
    page('/aanbod/:d/', loadBOGDetail, initBOGDetail);
    page('/aanbod/:p/:s/', loadBOG, initBOGPage);
	page();
    
    
    document.onkeydown = function(e) {
    switch(e.which) {
        case 40: // down
        case 37: // left
            if(lightBox == 'on'){
                $("#lightboxCarousel").carousel('prev');
            }else if(SlideShowPopupOpen != ''){
                $(SlideShowPopupOpen).carousel('prev');
            }
        break;
            
        case 38: // up
        case 39: // right
            if(lightBox == 'on'){
                $("#lightboxCarousel").carousel('next');
            }else if(SlideShowPopupOpen != ''){
                $(SlideShowPopupOpen).carousel('next');
            }
        break;
            
        case 27: // esc
            console.log(1);
            if(lightBox == 'on'){
                closeLightBoxModal();
            }
        break;
            
        default: return; // exit this handler for other keys
    }
    e.preventDefault(); // prevent the default action (scroll / move caret)
    };
    
    
    
    
}
function setHomePage(){
    if(!$('#homeBlocks').length > 0){
         window.location.assign(http_prefix + domain) 
    }
}


function scrollInAnimationTeam(targets){
    
	if($('.block').length > 0){
		let bookTriggers = gsap.utils.toArray(".block");
		
		bookTriggers.forEach((bookTrigger) => {
             let tl_bookTriggers = gsap.timeline({
                scrollTrigger: {
                  trigger: bookTrigger,
                  start: "top bottom-=150px",
				  end: "+=300",
      			  toggleActions: "play pause resume reset",
				  scrub: 1
				}
              });
            
            
            tl_bookTriggers.addLabel("start")
              .from(bookTrigger, {autoAlpha: 1,scale: 0.95,top:10})
              .to(bookTrigger, {autoAlpha: 1,scale: 1,top:0})
              .addLabel("end");
		});
	}
    
}
function scrollInAnimation(targets){
    
	if($('.block').length > 0){
		let bookTriggers = gsap.utils.toArray(".block");
		
		bookTriggers.forEach((bookTrigger) => {
             let tl_bookTriggers = gsap.timeline({
                scrollTrigger: {
                  trigger: bookTrigger,
                  start: "top bottom-=150px",
				  end: "+=300",
      			  toggleActions: "play pause resume reset",
				  scrub: 1
				}
              });
            
            
            tl_bookTriggers.addLabel("start")
              .from(bookTrigger, {autoAlpha: 0,scale: 0.95,left:0})
              .to(bookTrigger, {autoAlpha: 1,scale: 1,left:0})
              .addLabel("end");
		});
	}
    
}

function loadPageBOG(ctx, next){
    $('#theBody').removeClass("bogdetail");
	var page 		= 'aanbod';
    loadVervolg(page, next);
}

var base_page 		= 'home';
var active_woning   = '';

function searchAll(v,filter){
    console.log(v);
    if(filter == 'news'){
        if(v != ''){
            v = encodeURIComponent(v);
            var url = http_prefix + domain + 'engine/modules/search/searchActueel.php?s='+v;
            ajaxLoad(url, 's_results', 's_results');
        }
    }else if(v != ''){
        v = encodeURIComponent(v);
        var url = http_prefix + domain + 'engine/modules/search/search.php?s='+v;
        ajaxLoad(url, 's_results', 's_results');
    }
}

function loadVervolg(page, next){
	
	if(page != base_page || active_woning != ''){
		
		active_woning	= '';
		
		var urltoload	= http_prefix + domain + 'index.php?page='+page
        var target		= 'mainsection';

		console.log(base_page);
		$.ajax({
		url: urltoload,
		beforeSend: function() {
			ajaxcall_preloader	= ajaxShowLoader(target);
		}
		}).done(function(content) {
            
            /*$('html, body').animate({
            scrollTop: 0
            }, 1000, function() {});*/
            
            console.log('old : ' + base_page);
			$('#theBody').removeClass(base_page);
			base_page = page;
            console.log('new : ' + base_page);
			$('#theBody').addClass(base_page);

			$('#'+target).html(content);
			$('#'+target).ready(function() {
				allowClick 	= true;
				next();
			})

			ajaxKillLoader(target);
		});
	}

	if(menuState > 0){
		menuToggle.clear();
		byebyeMenu();
		menuToggle.play(0);
		menuState = 0;
	}

}

var PageIsSet = false;
var SearchFormIsSet = false;

function initPage(ctx){
    
    PageIsSet = true;
    
    active_woning = '';
     
	if($('.page-block-image').length > 0){
		let bookTriggers = gsap.utils.toArray(".page-block-image");
		
		bookTriggers.forEach((bookTrigger) => {
             let tl_bookTriggers = gsap.timeline({
                // yes, we can add it to an entire timeline!
                scrollTrigger: {
                  trigger: bookTrigger,
                  start: "top bottom-=200px",
				  end: "+=200", // end after scrolling 500px beyond the start
      			  toggleActions: "play pause resume reset",
				  scrub: 1/*, // smooth scrubbing, takes 1 second to "catch up" to the scrollbar
				  snap: {
					snapTo: "labels", // snap to the closest label in the timeline
					duration: {min: 0.5, max: 1}, // the snap animation should be at least 0.2 seconds, but no more than 3 seconds (determined by velocity)
					delay: 0.2, // wait 0.2 seconds from the last scroll event before doing the snapping
					ease: "power1.inOut" // the ease of the snap animation ("power3" by default)
				  }*/
                }/*,
                onComplete: activateLetter, onCompleteParams: [modelblock.id],
                onReverseComplete: deactivateLetter, onReverseCompleteParams: [modelblock.id]*/
              });
            
            
            tl_bookTriggers.addLabel("start")
              .from(bookTrigger, {autoAlpha: 0,scale: 1.4,left:-30})
              .to(bookTrigger, {autoAlpha: 1,scale: 1,left:0})
              .addLabel("end");
		});
	}
	
	if($('.block').length > 0){
		let bookTriggers = gsap.utils.toArray(".block");
		
		bookTriggers.forEach((bookTrigger) => {
             let tl_bookTriggers = gsap.timeline({
                scrollTrigger: {
                  trigger: bookTrigger,
                  start: "top bottom+=50px",
				  end: "+=300",
      			  toggleActions: "play pause resume reset",
				  scrub: 1
				}
              });
            
            
            tl_bookTriggers.addLabel("start")
              .from(bookTrigger, {autoAlpha: 0,scale: 0.9,left:0})
              .to(bookTrigger, {autoAlpha: 1,scale: 1,left:0})
              .addLabel("end");
		});
	}
	
	setSearchForm();
    
	if($('#map2').length > 0){
        initMap();
	}
	initHashScroll();
	
	if (checkFlexGap()) {
      $('#theBody').addClass("flexbox-gap");
    } else {
      $('#theBody').addClass("no-flexbox-gap");
    }
    
}

function loadBOGDetail (ctx, next){
	
    $('#theBody').addClass("bogdetail");
    
	var page 		= 'aanbod';
	var querystring = '?page='+page;
	var object 		= '';
    
    $('html, body').animate({
      scrollTop: 0
    }, 1000, function() {});/**/
    
    if((typeof ctx.params.d != 'undefined')){
        object      = ctx.params.d
        querystring += '&item='+object;
    }
    
    if(object != active_woning){
        active_woning = object;
        
        var urltoload	= http_prefix + domain + 'engine/modules/realworks/object-load.php'+ querystring

        var target		= 'mainsection';
        console.log(urltoload);
        $.ajax({
        url: urltoload,
        beforeSend: function() {
            ajaxcall_preloader	= ajaxShowLoader(target);
        }
        }).done(function(content) {


            $('#theBody').removeClass(base_page);
			base_page = page;
			$('#theBody').addClass(base_page);
            
            $('#'+target).html(content);
            $('#'+target).ready(function() {
                allowClick 	= true;
                next();
            })

            ajaxKillLoader(target);
        });

    }
}

function initBOGDetail(ctx){
    console.log('init woning');
    
    map_open = false;
    $('#theBody').removeClass('BigMap');

	/*$('.popup-gallery').magnificPopup({
        delegate: 'a',
        type: 'image',
        gallery: {
            preload: [0,2],
            navigateByImgClick: true,
            enabled: true
        },
        callbacks: {
          lazyLoad: function(item) {
            console.log(item);
          }
        },
        removalDelay: 300,
        mainClass: 'mfp-fade'
    });*/
    
    if($('#objectDetail').length > 0){
        var url = document.URL;
        var hash = url.substring(url.indexOf('#'));

        $(".nav-pills").find("a").each(function(key, val) {
            
          if (hash == $(val).attr('href')) {
                console.log(hash);
                $(val).click();
          }
          $(val).click(function(ky, vl) {
              ky.preventDefault();
                console.log($(this).attr('href'));
                location.hash = $(this).attr('href');
          });

        });
    }
    
    
	if($('#object_content').length > 0){
            console.log(1111111);
        $('#informationAccordion').on('shown.bs.collapse', function() { 
            
            console.log(2222222222);
            var panel = $(this).find('.show'); 
  
            gsap.registerPlugin(ScrollToPlugin);
            gsap.to(window, {duration: 0.2, scrollTo: {y: panel, autoKill: true, offsetY: 212}});

  
        }); 
        $('#informationAccordion').on('hidden.bs.collapse', function () {
          console.log(3333);
        })
    }
    
    initializeDetailMap();
    initCarousels();
    //lazyLoadInstance.update();
}

var redrawMap 	= false;
function loadBOG(ctx, next){
    $('#theBody').removeClass("bogdetail");
		
	var page 		= 'aanbod';
	var querystring = '?page='+page;
	var pagenr 		= 1;
	var order 		= 'default';
	var search 		= 'all';
    
    if((typeof ctx.params.p != 'undefined')){
        pagenr      = ctx.params.p
        querystring += '&start='+pagenr;
    }
    if((typeof ctx.params.s != 'undefined')){
        search      = ctx.params.s
        querystring += '&filter='+search;
        
        if(map_open){
            redrawMap = true; 
        }
    }else if($('#smartSearch').length > 0){
        search      = $('#smartSearch').val();
        if(search != ''){
            querystring += '&filter='+search;
            $('#smartSearch').val('');
        }
    }
    
    $('html, body').animate({
    scrollTop: 0
    }, 1000, function() {});


	var urltoload	= http_prefix + domain + 'engine/modules/realworks/objects-load.php'+ querystring
	console.log(urltoload);
    
    
    var target		= 'pageBlock100';
	console.log(urltoload);
    //alert(urltoload);
    
	$.ajax({
	url: urltoload,
	beforeSend: function() {
		ajaxcall_preloader	= ajaxShowLoader(target);
	}
	}).done(function(content) {
	
		$('#'+target).html(content);
		$('#'+target).ready(function() {
			allowClick 	= true;
			next();
		})
			
		ajaxKillLoader(target);
	});
}

function initBOGPage(ctx){
    
    if(!PageIsSet){
        initPage(ctx);  
    }
    if(!SearchFormIsSet){
		console.log('search init');
        setSearchForm();
    }
    if(redrawMap){
       redrawMap    = false;
       map_open     = false;
       initializeMaps();
       console.log('redraw MAP');
    }
    //lazyLoadInstance.update();
    
}

let dollarUSLocale 		= Intl.NumberFormat('nl-NL',{style: 'currency', currency: 'EUR', maximumFractionDigits: 0});
var allowSearchSubmit 	= true;

var kpSlider;
var hpSlider;
function checkStatusAndOptions(){
    var t_soort = ($('input[name="status"]:checked').val());
    //console.log(t_soort);
    switch(t_soort){
        case 'tehuur':
        case 'verhuurd':
            $('#koopprijs').val('');
            $('#koopprijs_output').text('n.v.t');

            kpSlider.refresh({ useCurrentValue: false });
            kpSlider.disable();
            hpSlider.enable();

            var t_min_huur = $('#huurprijs').attr('data-slider-min');
            var t_max_huur = $('#huurprijs').attr('data-slider-max');
            $('#huurprijs').val(t_min_huur+','+t_max_huur);
            $("#huurprijs_output").html('<span class="nr_1">' + dollarUSLocale.format(t_min_huur) + '</span><span class="nr_2">' + dollarUSLocale.format(t_max_huur) + '</span>');

            hpSlider.refresh({ useCurrentValue: false });

            //console.log('done');
        break;
        case 'tekoop2':
        case 'verkocht':
            $('#huurprijs').val('');
            $('#huurprijs_output').text('n.v.t');


            hpSlider.refresh({ useCurrentValue: false  });
            hpSlider.disable();
            kpSlider.enable();

            var t_min_koop = $('#koopprijs').attr('data-slider-min');
            var t_max_koop = $('#koopprijs').attr('data-slider-max');
            $('#koopprijs').val(t_min_koop+','+t_max_koop);
            $("#koopprijs_output").html('<span class="nr_1">' + dollarUSLocale.format(t_min_koop) + '</span><span class="nr_2">' + dollarUSLocale.format(t_max_koop) + '</span>');

            kpSlider.refresh({ useCurrentValue: false });

            //console.log('done');
        break;
    }
}
function setSearchForm(){
    if($('#form_search_bog').length > 0){
        
        $(window).keydown(function(event){
        if(event.keyCode == 13) {
          console.log(1);
          event.preventDefault();
          return false;
        }
        });
        
        $('input[type="radio"]').click(function(){
            var $radio = $(this);

            // if this was previously checked
            if ($radio.data('waschecked') == true)
            {
                $radio.prop('checked', false);
                $radio.data('waschecked', false);
            }
            else
            {
                 $radio.prop('checked', true);
                 $radio.data('waschecked', true);
            }

            // remove was checked from other radios
            $radio.siblings('input[type="radio"]').data('waschecked', false);
        });
        
        //console.log('set search');
        $("#status").change(function(){
            //console.log('status');
            checkStatusAndOptions();
        })
        
		kpSlider = new Slider("#koopprijs", { id: "koopprijsSlider" });
        //$("#koopprijs").slider({});
		$("#koopprijs").on("slide", function(e) {
			var t 			= '' + e.value;
			var t_array 	= t.split(',');
			var amount_1 	= dollarUSLocale.format(t_array[0]);
			var amount_2 	= dollarUSLocale.format(t_array[1]);
			//console.log(amount_2);
			//$("#koopprijs_output").text(amount_1 + ' - ' + amount_2);
			$("#koopprijs_output").html('<span class="nr_1">' + amount_1 + '</span><span class="nr_2">' + amount_2 + '</span>');
            
            $('#huurprijs').val('');
            $('#huurprijs_output').text('n.v.t');
		});
		
		
		$("#unitsVanaf").slider({});
		$("#unitsVanaf").on("slide", function(e) {
			var t 			= '' + e.value;
			var t_array 	= t.split(',');
			var amount_1 	= numberWithCommas(t_array[0]) + 'm<sup>2</sup>';
			var amount_2 	= numberWithCommas(t_array[1]) + 'm<sup>2</sup>';
			
			//$("#unitsVanaf_output").html(amount_1 + ' - ' + amount_2);
			$("#unitsVanaf_output").html('<span class="nr_1">' + amount_1 + '</span><span class="nr_2">' + amount_2 + '</span>');
		});/**/
        
        hpSlider = new Slider("#huurprijs", { id: "huurprijsSlider" });
        //$("#huurprijs").slider({});
		$("#huurprijs").on("slide", function(e) {
			var t 			= '' + e.value;
			var t_array 	= t.split(',');
			var amount_1 	= dollarUSLocale.format(t_array[0]);
			var amount_2 	= dollarUSLocale.format(t_array[1]);
			
			//$("#huurprijs_output").text(amount_1 + ' - ' + amount_2);
			$("#huurprijs_output").html('<span class="nr_1">' + amount_1 + '</span><span class="nr_2">' + amount_2 + '</span>');
            
            $('#koopprijs').val('');
            $('#koopprijs_output').text('n.v.t');
		});
		
        $(".slider-horizontal").on("mousedown touchstart", function(slideEvt) {
			allowSearchSubmit 	= false;
			
			document.addEventListener(
			"mouseup",
			() => {
			//console.log('done sliding!');
			allowSearchSubmit 	= true;
    		getSearchFormValues('form_search_bog');
			},
			{ once: true }
			);
			document.addEventListener(
			"touchend",
			() => {
			//console.log('done sliding!');
			allowSearchSubmit 	= true;
    		getSearchFormValues('form_search_bog');
			},
			{ once: true }
			);
        });
        //$(".slider-horizontal").on("mouseup touchend", function(slideEvt) {     });
		

        checkStatusAndOptions();
        
        initSearchForm('form_search_bog');
        
        SearchFormIsSet = true;
		
		if($('#searchisactive').length > 0){
			toggleFilter('form_search_bog');
		}
		
    }else{
        SearchFormIsSet = false;
    }
}


function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
}


function loadListing(){
	
    current_sorting = $('#activeSort').val();
	
	if($('#form_search_bog').length > 0){
	page('/aanbod/'+current_page+'/'+current_querystring+'/');
	}
    
}

function toggleFilter(target){
    if(target == 'form_search_bog'){
        $('#pageBlockPage').toggleClass('openFilter');
    }else{
        if($('#'+target).length > 0){
            $('#'+target).toggleClass('active');
        }
    }
}


function openObjectContact(targetform,object){
	
	var url = http_prefix + domain + 'engine/modules/realworks/contactForm.php?form='+targetform+'&object='+object;
	ajaxLoad(url, 'contact_container', 'contact_container');
	
}
function closeContactModal(){
    $('#modalContact').modal('hide');
}

function resetFilter(ctx, next){
	var page 		= 'reset';
	var division	= ctx.params.d;
	
	var urltoload	= http_prefix + domain + 'resetfilter.php?1&division='+division
	var target		= 'mainsection';
	$.ajax({
	url: urltoload,
	beforeSend: function() {
		ajaxcall_preloader	= ajaxShowLoader(target);
		$('#theBody').removeClass(base_page);
	}
	}).done(function(content) {
		
		base_page = division;
		$('#theBody').addClass(base_page);
		
		window.location.href = http_prefix + domain + 'aanbod/';
	
		ajaxKillLoader(target);
	});
	
}

function checkFlexGap() {
  // create flex container with row-gap set
  var flex = document.createElement("div");
  flex.style.display = "flex";
  flex.style.flexDirection = "column";
  flex.style.rowGap = "1px";

  // create two, elements inside it
  flex.appendChild(document.createElement("div"));
  flex.appendChild(document.createElement("div"));

  // append to the DOM (needed to obtain scrollHeight)
  document.body.appendChild(flex);
  var isSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap
  flex.parentNode.removeChild(flex);

  return isSupported;
}

var map_open = false;
function disableMaps() { 
    initializeMaps();
}
function initializeMaps() {
	
	$('.viewOnMap').toggleClass('closed');
	$('.viewOnGrid').toggleClass('closed');
    
    
    $('#pageBlockPage').removeClass('openFilter');

    $('#btn_viewGrid').toggleClass('disabledBtn');
    $('#btn_viewMap').toggleClass('disabledBtn');
    
	if(!map_open){
        
        
    $('#pageBlockPage').removeClass('openFilter');
	map_open				= true;
    $('#theBody').addClass('BigMap');
	$('#bigmap').addClass('active');
		
    allIDs			 		= ($('#map_ids').val()).split('#');
	allDescs			 	= ($('#map_descs').val()).split('#');
	allUrls			 	    = ($('#map_urls').val()).split('#');
	allXY			 		= ($('#map_xy').val()).split('#');
	allPrices		 		= ($('#map_prices').val()).split('#');
	allOppervlaktes		 	= ($('#map_oppervlaktes').val()).split('#');
	allImages		 		= ($('#map_images').val()).split('#');
    
	var cafeMarkerImage 	= new google.maps.MarkerImage('https://' + domain+'engine/assets/parc/img/frame/icon-map.png?i=10');
    var locations           = new Array;  
    
    mapCounter				= 0;
	
	$.each(allIDs,function(id) {
		mapCounter++;
        if(allXY[mapCounter - 1]){
            var temp_xy			= allXY[mapCounter - 1].split(',');
            
            locations.push({"lat": 1 * temp_xy[0], "lng": 1 * temp_xy[1]});
            mapMouseOversContent[mapCounter - 1] = '<div>'+'<div id="siteNotice">'+'</div>'+'<div class="bodyContent" style="width:180px; float:left"><div style="width:180px; float:left"><a href="'+ http_prefix + domain + 'aanbod/' + allUrls[mapCounter - 1]+'/"><img src="'+ http_prefix + domain + allImages[mapCounter - 1]+'"></a></div><div style="width:180px; float:left; padding:10px;"><h2>'+allDescs[mapCounter - 1]+'</h2><h3>'+allPrices[mapCounter - 1]+'</h3><h3>'+allOppervlaktes[mapCounter - 1]+'</h3><a href="'+ http_prefix + domain + 'aanbod/' + allUrls[mapCounter - 1]+'/" class="btn btn-primary"><span>Lees meer</span></a></div></div>'+'</div>';
		
        }
    });

    console.log(locations);
    
    
    const map = new google.maps.Map(document.getElementById("bigmap"), {
        disableDefaultUI: true, // a way to quickly hide all controls
		scaleControl: true,
		fullscreenControl: true,
		streetViewControl: true,
		zoomControl: true,
		zoom: 10,
        center: { lat: 51.9204924780712, lng: 4.489104810067081 },
       styles: [
    {
        "featureType": "all",
        "elementType": "labels",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "all",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "saturation": 36
            },
            {
                "color": "#000000"
            },
            {
                "lightness": 40
            }
        ]
    },
    {
        "featureType": "all",
        "elementType": "labels.text.stroke",
        "stylers": [
            {
                "visibility": "on"
            },
            {
                "color": "#000000"
            },
            {
                "lightness": 16
            }
        ]
    },
    {
        "featureType": "all",
        "elementType": "labels.icon",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "administrative",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 20
            }
        ]
    },
    {
        "featureType": "administrative",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 17
            },
            {
                "weight": 1.2
            }
        ]
    },
    {
        "featureType": "administrative.locality",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "color": "#c4c4c4"
            }
        ]
    },
    {
        "featureType": "administrative.neighborhood",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "color": "#707070"
            }
        ]
    },
    {
        "featureType": "landscape",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 20
            }
        ]
    },
    {
        "featureType": "poi",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 21
            },
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "poi.business",
        "elementType": "geometry",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#990000"
            },
            {
                "lightness": "0"
            },
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "labels.text.stroke",
        "stylers": [
            {
                "visibility": "off"
            },
            {
                "hue": "#FF0000"
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 18
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#575757"
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "color": "#ffffff"
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "labels.text.stroke",
        "stylers": [
            {
                "color": "#2c2c2c"
            }
        ]
    },
    {
        "featureType": "road.local",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 16
            }
        ]
    },
    {
        "featureType": "road.local",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "color": "#999999"
            }
        ]
    },
    {
        "featureType": "road.local",
        "elementType": "labels.text.stroke",
        "stylers": [
            {
                "saturation": "-52"
            }
        ]
    },
    {
        "featureType": "transit",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 19
            }
        ]
    },
    {
        "featureType": "water",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 17
            }
        ]
    }
]
    });
    const infoWindow = new google.maps.InfoWindow({
        content: "",
        disableAutoPan: true,
    });
      
    const markers = locations.map((position, i) => {
        const label = mapMouseOversContent[i];
        //console.log(label);
        const marker = new google.maps.Marker({
            position,
            map: map,
            id: i,
            icon: cafeMarkerImage,
            title: 'Parc',
            html: mapMouseOversContent[i]
        });

        marker.addListener("click", () => {
          infoWindow.setContent(label);
          infoWindow.open(map, marker);
        });
        return marker;
    });

    var mc = new markerClusterer.MarkerClusterer({ markers, map,
    renderer: {
      render: ({markers, _position: position}) => {
        return new google.maps.Marker({
          position: {
            lat: position.lat(),
            lng: position.lng(),
          },
          icon: 'https://' + domain+'engine/assets/parc/img/frame/cluster-marker.png?i=1',
          label: {
            text: String(markers.length),
            color: 'white'
          }
        });
      },
    }})
	
	}else{
		map_open = false;
        $('#theBody').removeClass('BigMap');
		$('#bigmap').removeClass('active');
	}
}

var panorama
var allIDs 			= new Array();
var allDescs		= new Array();
var allXY			= new Array();
var allPrices		= new Array();
var allOppervlaktes	= new Array();
var allImages		= new Array();
	
var mapMouseOvers				= new Array();
var mapMouseOversContent		= new Array();
var mapMouseMarkers			= new Array();

var mapCounter	= 0;
var mapCounter	= new Array();
var zoomLevel 	= 13;

var pre_x		= 0;
var pre_y		= 0;
	
var map;	
var activeOpen 	= -1;
var pointer;

function initializeDetailMap() {
    
    $('#bigmap').addClass('active');
    $('[data-toggle="tooltip"]').tooltip();
    
	
    var temp_xy			= $('#map_xy').val();
    temp_xy            =  temp_xy.split(',');
    console.log(temp_xy[0]);
    console.log(temp_xy[1]);
    
    var fenway 			= new google.maps.LatLng(temp_xy[0],temp_xy[1]);
    pointer 			= new google.maps.LatLng(temp_xy[0],temp_xy[1]);
    var mapOptions 		= {
      center: fenway,
      zoom: zoomLevel,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
       styles: [
    {
        "featureType": "all",
        "elementType": "labels",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "all",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "saturation": 36
            },
            {
                "color": "#000000"
            },
            {
                "lightness": 40
            }
        ]
    },
    {
        "featureType": "all",
        "elementType": "labels.text.stroke",
        "stylers": [
            {
                "visibility": "on"
            },
            {
                "color": "#000000"
            },
            {
                "lightness": 16
            }
        ]
    },
    {
        "featureType": "all",
        "elementType": "labels.icon",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "administrative",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 20
            }
        ]
    },
    {
        "featureType": "administrative",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 17
            },
            {
                "weight": 1.2
            }
        ]
    },
    {
        "featureType": "administrative.locality",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "color": "#c4c4c4"
            }
        ]
    },
    {
        "featureType": "administrative.neighborhood",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "color": "#707070"
            }
        ]
    },
    {
        "featureType": "landscape",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 20
            }
        ]
    },
    {
        "featureType": "poi",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 21
            },
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "poi.business",
        "elementType": "geometry",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#be2026"
            },
            {
                "lightness": "0"
            },
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "labels.text.stroke",
        "stylers": [
            {
                "visibility": "off"
            },
            {
                "hue": "#ff000a"
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 18
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#575757"
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "color": "#ffffff"
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "labels.text.stroke",
        "stylers": [
            {
                "color": "#2c2c2c"
            }
        ]
    },
    {
        "featureType": "road.local",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 16
            }
        ]
    },
    {
        "featureType": "road.local",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "color": "#999999"
            }
        ]
    },
    {
        "featureType": "road.local",
        "elementType": "labels.text.stroke",
        "stylers": [
            {
                "saturation": "-52"
            }
        ]
    },
    {
        "featureType": "transit",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 19
            }
        ]
    },
    {
        "featureType": "water",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#000000"
            },
            {
                "lightness": 17
            }
        ]
    }
]
    };
	
	map 					= new google.maps.Map(document.getElementById("bigmap"), mapOptions);
	mapCounter				= 1;
	
	var cafeMarkerImage 	= new google.maps.MarkerImage('https://' + domain+'engine/assets/parc/img/frame/icon-map.png?8');
	
	infowindow = new google.maps.InfoWindow({
		content: "loading...",
        disableAutoPan: true,
    });
	
	

    var this_pointer 	= new google.maps.LatLng(temp_xy[0],temp_xy[1]);
    
    mapMouseOversContent[mapCounter - 1] = '<div>'+'<div id="siteNotice">'+'</div>'+'<div class="bodyContent" style="width:180px; float:left"><div style="width:180px; float:left"><img src="'+ $('#map_DetailImage').val()+'"></div><div style="width:180px; float:left; padding:10px;">'+$('#map_DetailName').val()+'</div></div>'+'</div>';
    
    
    mapMouseMarkers[mapCounter - 1] = new google.maps.Marker({
      position: this_pointer,
      map: map,
      id: mapCounter,
      icon: cafeMarkerImage,
      title: 'Parc',
      html: mapMouseOversContent[mapCounter - 1]
    });

    google.maps.event.addListener(mapMouseMarkers[mapCounter - 1], "click", function () {
        infowindow.setContent(this.html);
        infowindow.open(map, this);
    });
    
    infowindow.setContent(mapMouseOversContent[mapCounter - 1]);
	infowindow.open(map,mapMouseMarkers[mapCounter - 1]);
	
	
	panorama = map.getStreetView();
	panorama.setPosition(fenway);
	panorama.setPov({
			heading: 24,
			zoom:8,
			pitch:0
		}
	);
	
}

var service;
var infoWindow;
var markers_temp = [];
var markers = [];
var max_rounds = 0;
var cur_round  = 0;

function callback(results, status) {
	
	console.log(results);
	console.log(status);
	if (status == google.maps.places.PlacesServiceStatus.OK) {
		for (var i = 0; i < results.length; i++) {
		  var place = results[i];
		  createMarker(results[i]);
		}
		if(max_rounds > cur_round){
			cur_round++;
			type_icon		= 'https://' + domain+'engine/assets/parc/img/map/'+markers_temp[cur_round]+'.png';
	

			var request 	= {
				location: pointer,
				radius: '9500',
				type: markers_temp[cur_round]
			};

			console.log(request);
			service.nearbySearch(request, callback);
		}
	}
	
	//console.log('done');
}

function createMarker(place) {
	var marker = new google.maps.Marker({
	map: map,
	position: place.geometry.location,
	icon: {
	  url: type_icon,
      size: new google.maps.Size(71, 71),
      origin: new google.maps.Point(0, 0),
      anchor: new google.maps.Point(17, 34),
      scaledSize: new google.maps.Size(25, 25)
	  /*,
	  anchor: new google.maps.Point(10, 10),
	  scaledSize: new google.maps.Size(10, 17)*/
	}
	});
	
	markers.push(marker);
	
	google.maps.event.addListener(marker, 'click', function() {
		service.getDetails(place, function(result, status) {
		  if (status !== google.maps.places.PlacesServiceStatus.OK) {
			console.error(status);
			return;
		  }
		  infoWindow.setContent(result.name);
		  infoWindow.open(map, marker);
		});
	});
}

function exitStreetView() {
	var toggle = panorama.getVisible();
	if (toggle == false) {
		panorama.setVisible(true);
	} else {
		panorama.setVisible(false);
	}
}

var type_icon = '';
function showTypes(thisfilter,icon){
	
	markers.forEach(function(marker) {
		marker.setMap(null);
	});
	markers 		= [];
	cur_round		= 0;
	
	markers_temp  	= thisfilter.split(',');
	max_rounds		= markers_temp.length;
	
	if(max_rounds > 0){
	//type_icon		= 'https://nieuw.molenaarbedrijfshuisvesting.nl/img/molenaar/assets/btns/map/'+icon+'.png';
	
		service 		= new google.maps.places.PlacesService(map);
		
		type_icon		= 'https://'+domain+'engine/assets/parc/img/map/'+icon+'.png?i=123';
	
		var request 	= {
			location: pointer,
			radius: '9500',
			type:[thisfilter]
		};

		console.log(request);
		service.nearbySearch(request, callback);
	}
}



function openFold(target){
	$('.opened').removeClass('opened');
	$('#'+target).toggleClass('opened');
	$('#'+target+'Btn').toggleClass('opened');
}
function closeFold(target){
	$('#'+target).removeClass('opened');
	$('#'+target+'Btn').removeClass('opened');
}


function toggleExtendedSearch(){
    $('.theformfields').toggleClass('extendedSearchOn');
}














function initNews(ctx, next){
	var newsID 	    = ctx.params.d;
	var newsTTL 	= ctx.params.c;
	var newsPage 	= ctx.params.e;
    var url         = http_prefix + domain+"engine/modules/newsbooker/detail.php?news="+newsID+"&name="+newsTTL+"&newsPage="+newsPage;
    
    /*$('html, body').animate({
    scrollTop: 0
    }, 400);*/
    $('#theBody').addClass('noscroll');
    
    handleRequest(url,newsID);
}
function openNews(newsID,newsTTL){
    var url         = http_prefix + domain+"engine/modules/newsbooker/detail.php?news="+newsID+"&name="+newsTTL;
    handleRequest(url,newsID);
}
var SlideShowPopupOpen = '';
function handleRequest(url,id){
    ajaxShowLoader();
	
	if (window.XMLHttpRequest) {
		xmlhttp=new XMLHttpRequest();
	} else {
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
  
	xmlhttp.onreadystatechange=function() {
		if (xmlhttp.readyState==4 && xmlhttp.status==200) {
	  		var response =(xmlhttp.responseText);
            
            
            $('#theBody').append(response);
//            /$('#theBody').addClass('noscroll');
            $('#theBody').ready(function(){
                
                if($("#pageBlockCarousel"+id).length > 0){
                    $("#pageBlockCarousel"+id).swipe({ swipe: function(event, direction, distance, duration, fingerCount, fingerData) {
                        if (direction == 'left') $(this).carousel('next');
                        if (direction == 'right') $(this).carousel('prev');
                        if (direction == 'down') closeDeck("deck"+id);
                    }});

                    $("#pageBlockCarousel"+id).mousemove(function(e){
                        var relativeXPosition = (e.pageX - this.offsetLeft); //offset -> method allows you to retrieve the current position of an element 'relative' to the document
                        var relativeYPosition = (e.clientY - this.offsetTop);
                        
                        SlideShowPopupOpen    = "#pageBlockCarousel"+id;
                        
                        
                        if(e.clientY < 50){
                            $( this ).find('.carousel-control-prev').addClass('hide');
                            $( this ).find('.carousel-control-next').addClass('hide');
                        }else{
                            //console.log(this.offsetLeft);
                            //console.log(this.offsetLeft);
                            //console.log("<p><strong>X-Position: </strong>"+relativeXPosition+" | <strong>Y-Position: </strong>"+relativeYPosition+"</p>");

                            if(e.clientX > $( window ).width() / 2){
                                $( this ).find('.carousel-control-prev').addClass('hide');
                                $( this ).find('.carousel-control-next').removeClass('hide');
                            }else{
                                $( this ).find('.carousel-control-next').addClass('hide');
                                $( this ).find('.carousel-control-prev').removeClass('hide');
                            }

                            $( this ).find('.carousel-control-prev').css('left',relativeXPosition);
                            $( this ).find('.carousel-control-prev').css('top',relativeYPosition);
                            $( this ).find('.carousel-control-next').css('left',relativeXPosition);
                            $( this ).find('.carousel-control-next').css('top',relativeYPosition);
                        }
                    })
                }    
                
                
                if($('#grapWrapper'+id).length > 0){
                    if($('#grapWrapper'+id+' .grapListing').length > 0){
                        var dd = Draggable.create('#grapWrapper'+id+' .grapListing', {type:"x", inertia: true, minimumMovement : 25, edgeResistance:1, bounds:'#grapWrapper'+id,
                        
                        onDragStart: function() {
                            $('#grapWrapper'+id+' .grapListing').addClass('dragging');
                        },
                        onDragEnd: function() {
                            $('#grapWrapper'+id+' .grapListing').removeClass('dragging');
                        }});
                        
                        
                        $("#grapWrapper"+id).swipe({ swipe: function(event, direction, distance, duration, fingerCount, fingerData) {
                            if (direction == 'down') closeDeck("deck"+id);
                        }});
                    } 
                }
                
                if($('.deckDetail.bookerNews').length > 0){
                    $('.deckInformation').on('click', function(event) {
                        $('.deckInformation').toggleClass('showMe');
                    });
                }
                
                
                if($('.closeDeck').length > 0){
                    
                    /*const menuLinks         = gsap.utils.toArray('.closeDeck'); //, #modelhashnav_ul li a .part2
                    const menuLinksSplits   = SplitText.create(menuLinks, {type:"chars", tag:"span", charsClass:"baseChar"});
    
                    
                    
                    $('.closeDeck').mouseenter(function() {
                        $(this).width($(this).width());

                        var els = $(this).children();
                        HoverOn(els);
                    });
                    $('.closeDeck').mouseleave(function() {
                        var els = $(this).children();
                        HoverOff(els);
                    });*/

                
                }

                
                var lightBoxToggle 	= gsap.timeline({paused:true});
                
                lightBoxToggle.to($('.deckDetail'),  {top: '0', left: '0', ease:Power4.easeInOut, duration: 0.7},0)
                .to($('.deckInformation'),  {top: 0, left: '0', ease:Power4.easeInOut, duration: 0.6},0)
    
                
                lightBoxToggle.eventCallback("onComplete", function() {
                    //console.log('on');
                    if($('.deckDetail.changemakers').length > 0){
                        
                        
                        
                        
                        $('.deckDetail.changemakers').addClass('loaded');
                        /*if($('.deckInformation').length > 0){
                            $('.deckInformation').css('position','fixed');
                            $('.closeDeck').css('position','fixed');
                        }*/
                    }

                    if($('.deckDetail').length > 0){
                       // $('#theBody').addClass('noscroll');
                    }
                    /*if($('.deckDetail.shows').length > 0){
                        $('#theBody').addClass('noscroll');
                    }
                    if($('.deckDetail.bookerNews').length > 0){
                        $('#theBody').addClass('noscroll');
                    }*/
                    
//			        /ajaxKillLoader();
	                $('#basicloadercontainer').addClass('loaded');
                });	
                lightBoxToggle.play();
                
                
                buildPlayers('.deckDetail');
                scrollInAnimation('.deck-listing  .image-item','#deck'+id);
                    
            })
			
		}
	};

	xmlhttp.open("GET",url,true);
	xmlhttp.send();
}