// Functies + 'global' variabelen.
var pageload1,pageload2,pageload3,pageload4,pageload5,pageload6,pageload7,pageload8,pageload9,pageload10,pageload11,pageload12,pageload13,pageload14;
var scrollblock = 0;

// URL variabele uitlezen, functie is lelijk, nog aanpassen.
function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('/');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('/');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars[3];
}

$(document).ready(function(){

    // Pagina loaden die via URL doorgegeven wordt.
    var zoomPage = getUrlVars();
    if(zoomPage == null || zoomPage == ''){
        // Resetten van scrolling op pagina herladen.
        zoomPage = 'index';
    }else{
        $.scrollTo('#'+zoomPage,{duration: 0});
    }

    /* Content altijd midden in scherm tonen tov pagina */
    var marginleftGrid = parseInt(($(window).width() / 2) - 480);
    $(".grid-960").css("margin-left", marginleftGrid);
    var marginleftBeton = parseInt(($(window).width() / 2) - 682);
    $(".beton").css("margin-left", marginleftBeton);
    $(window).bind("resize", resizeWindow);
        function resizeWindow() {
        var marginleftGrid = parseInt(($(window).width() / 2) - 480);
        $(".grid-960").css("margin-left", marginleftGrid );
        var marginleftBeton = parseInt(($(window).width() / 2) - 682);
        $(".beton").css("margin-left", marginleftBeton);
    }

    $(".tvml").click(function() {
        $(".tomc").hide();
        $('#'+$(this).attr("title")).show();
    });

    $(".vml").click(function() {
        $(".omc").hide();
        $('#'+$(this).attr("title")).show();
    });

    $(".t1").click(function() {
        $(".tsfo-1").hide();
        $(".tsfo-2").show();
    });

    $(".t2").click(function() {
        $(".tsfo-2").hide();
        $(".tsfo-1").show();
    });

    $(".scanz").click(function() {
        $(".comm-disp").slideDown();
        $(".scanz").slideUp();
    });

    $(".scroll").click(function() {
        var pageTracker=_gat._createTracker("UA-1992366-1");
        pageTracker._trackEvent("Interne Nav Link", $(this).attr("title"));
        $.scrollTo('#'+$(this).attr("title"),{duration: 2000});
    });
});

// Functie die aangeroepen wordt op scrollen.
/*
window.onscroll = function () {
    if(scrollblock == 0){
        pageLoader();
        
        //window.myValue = "test";
    }
}
*/

function f_clientWidth() {
    return f_filterResults (
        window.innerWidth ? window.innerWidth : 0,
        document.documentElement ? document.documentElement.clientWidth : 0,
        document.body ? document.body.clientWidth : 0
    );
}

function f_clientHeight() {
    return f_filterResults (
        window.innerHeight ? window.innerHeight : 0,
        document.documentElement ? document.documentElement.clientHeight : 0,
        document.body ? document.body.clientHeight : 0
    );
}

function f_scrollLeft() {
    return f_filterResults (
        window.pageXOffset ? window.pageXOffset : 0,
        document.documentElement ? document.documentElement.scrollLeft : 0,
        document.body ? document.body.scrollLeft : 0
    );
}
function f_scrollTop() {
    return f_filterResults (
        window.pageYOffset ? window.pageYOffset : 0,
        document.documentElement ? document.documentElement.scrollTop : 0,
        document.body ? document.body.scrollTop : 0
    );
}

function f_filterResults(n_win, n_docel, n_body) {
    var n_result = n_win ? n_win : 0;
    if (n_docel && (!n_result || (n_result > n_docel)))
        n_result = n_docel;
    return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}

// Pagina data inladen.

function dataLoader(page){
    $.get('contentloader.php', {selector: page}, function(dta){
        $('.'+page).html(dta);
    });
}

// Pagina's iets eerder laden dan dat innerWidth er is.

/*
function pageLoader() {
    var oTextbox = document.getElementById("txt1");
    var leftload = f_scrollLeft();
    var offset = 2560;

    // Pagina home.
    if(leftload >= 0 && leftload < (offset) && pageload1 != 1){
        oTextbox.value = "\nLoading home => " + leftload + " @ " + f_clientWidth();
        pageload1 = 1;
    }

    // TUSSENSCHERM

    // Pagina concept & creatie.
    if(leftload >= (offset*2) && leftload < (offset*3) && pageload2 != 1){
        oTextbox.value = "\nLoading concept & creatie => " + leftload + " @ " + f_clientWidth();
        dataLoader("concept-en-creatie");
        pageload2 = 1;
    }

    // TUSSENSCHERM

    // Pagina huisstijl.
    if(leftload >= (offset*4) && leftload < (offset*5) && pageload3 != 1){
        oTextbox.value = "\nLoading huisstijl => " + leftload + " @ " + f_clientWidth();
        dataLoader("huisstijl");
        pageload3 = 1;
    }

    // Pagina print.
    if(leftload >= (offset*5) && leftload < (offset*6) && pageload4 != 1){
        oTextbox.value = "\nLoading print => " + leftload + " @ " + f_clientWidth();
        pageload4 = 1;
    }

    // Pagina advertentie.
    if(leftload >= (offset*6) && leftload < (offset*7) && pageload5 != 1){
        oTextbox.value = "\nLoading advertentie => " + leftload + " @ " + f_clientWidth();
        pageload5 = 1;
    }

    // Pagina En meer...
    if(leftload >= (offset*7) && leftload < (offset*8) && pageload6 != 1){
        oTextbox.value = "\nLoading meer => " + leftload + " @ " + f_clientWidth();
        pageload6 = 1;
    }

    // TUSSENSCHERM

    // Pagina website.
    if(leftload >= (offset*9) && leftload < (offset*10) && pageload7 != 1){
        oTextbox.value = "\nLoading website => " + leftload + " @ " + f_clientWidth();
        pageload7 = 1;
    }

    // Pagina webshop.
    if(leftload >= (offset*10) && leftload < (offset*11) && pageload8 != 1){
        oTextbox.value = "\nLoading webshop => " + leftload + " @ " + f_clientWidth();
        pageload8 = 1;
    }

    // Pagina online marketing.
    if(leftload >= (offset*11) && leftload < (offset*12) && pageload10 != 1){
        oTextbox.value = "\nLoading online marketing => " + leftload + " @ " + f_clientWidth();
        pageload10 = 1;
    }

    // TUSSENSCHERM

    // Pagina The Satisfactorie.
    if(leftload >= (offset*13) && leftload < (offset*14) && pageload14 != 1){
        oTextbox.value = "\nLoading The Satisfactorie => " + leftload + " @ " + f_clientWidth();
        pageload14 = 1;
    }
}
*/

/*
function visible(element) {
    if (element.offsetWidth === 0 || element.offsetHeight === 0) return false;
    var height = document.documentElement.clientHeight,
    rects = element.getClientRects(),
    on_top = function(r) {
        for (var x = Math.floor(r.left), x_max = Math.ceil(r.right); x <= x_max; x++)
        for (var y = Math.floor(r.top), y_max = Math.ceil(r.bottom); y <= y_max; y++) {
        if (document.elementFromPoint(x, y) === element) return true;
        }
          return false;
        };
  for (var i = 0, l = rects.length; i < l; i++) {
    var r = rects[i],
        in_viewport = r.top > 0 ? r.top <= height : (r.bottom > 0 && r.bottom <= height);
    if (in_viewport && on_top(r)) return true;
  }
  return false;
}
*/

/**
 * jQuery.ScrollTo - Easy element scrolling using jQuery.
 * Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
 * Dual licensed under MIT and GPL.
 * Date: 5/25/2009
 * @author Ariel Flesler
 * @version 1.4.2
 *
 * http://flesler.blogspot.com/2007/10/jqueryscrollto.html
 */
;(function(d){var k=d.scrollTo=function(a,i,e){d(window).scrollTo(a,i,e)};k.defaults={axis:'xy',duration:parseFloat(d.fn.jquery)>=1.3?0:1};k.window=function(a){return d(window)._scrollable()};d.fn._scrollable=function(){return this.map(function(){var a=this,i=!a.nodeName||d.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!i)return a;var e=(a.contentWindow||a).document||a.ownerDocument||a;return d.browser.safari||e.compatMode=='BackCompat'?e.body:e.documentElement})};d.fn.scrollTo=function(n,j,b){if(typeof j=='object'){b=j;j=0}if(typeof b=='function')b={onAfter:b};if(n=='max')n=9e9;b=d.extend({},k.defaults,b);j=j||b.speed||b.duration;b.queue=b.queue&&b.axis.length>1;if(b.queue)j/=2;b.offset=p(b.offset);b.over=p(b.over);return this._scrollable().each(function(){var q=this,r=d(q),f=n,s,g={},u=r.is('html,body');switch(typeof f){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(f)){f=p(f);break}f=d(f,this);case'object':if(f.is||f.style)s=(f=d(f)).offset()}d.each(b.axis.split(''),function(a,i){var e=i=='x'?'Left':'Top',h=e.toLowerCase(),c='scroll'+e,l=q[c],m=k.max(q,i);if(s){g[c]=s[h]+(u?0:l-r.offset()[h]);if(b.margin){g[c]-=parseInt(f.css('margin'+e))||0;g[c]-=parseInt(f.css('border'+e+'Width'))||0}g[c]+=b.offset[h]||0;if(b.over[h])g[c]+=f[i=='x'?'width':'height']()*b.over[h]}else{var o=f[h];g[c]=o.slice&&o.slice(-1)=='%'?parseFloat(o)/100*m:o}if(/^\d+$/.test(g[c]))g[c]=g[c]<=0?0:Math.min(g[c],m);if(!a&&b.queue){if(l!=g[c])t(b.onAfterFirst);delete g[c]}});t(b.onAfter);function t(a){r.animate(g,j,b.easing,a&&function(){a.call(this,n,b)})}}).end()};k.max=function(a,i){var e=i=='x'?'Width':'Height',h='scroll'+e;if(!d(a).is('html,body'))return a[h]-d(a)[e.toLowerCase()]();var c='client'+e,l=a.ownerDocument.documentElement,m=a.ownerDocument.body;return Math.max(l[h],m[h])-Math.min(l[c],m[c])};function p(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery);