var pathExpressInstallFile = escape("/lib/flash/expressInstall.swf");
var clicked = false;
var i = 0;
var htmlNoFlash = '<div class="warning warning_flash"><div class="text"><span class="title">GEEN/ONJUISTE FLASHVERSIE</span><p>U beschikt niet over de laatste <span>Adobe Flash player</span> om de site goed te kunnen bekijken.</p><p class="small">Download de player <em>gratis</em> op de site van Adobe.</p><a href="http://www.adobe.com/products/flashplayer/" rel="external" title="Adobe Flash Player"><img src="/lib/images/btn_get_flash.png" alt="Get Flashplayer" /></a></div></div>';

function initPopups() {

    $.fn.nyroModal.settings.regexImg = '[^\.]\.(jpg|jpeg|png|tiff|gif|bmp)\s*$|image.aspx';
    $.fn.nyroModal.settings.minWidth = 0;
    $.fn.nyroModal.settings.minHeight = 0;

}

function initFlash() {

    $('#flash_kaart').flashembed(
            {
                src: "/lib/flash/KaartLoader.swf"
                , version: [9, 0]
                , wmode: 'transparent'
                , onFail: function(version) {
                    $('#flash_kaart').html(htmlNoFlash);
		        }
                
            },{
                xmlPath:'/lib/xml/gm.ashx'
                , googlemapcode: googlemapkey
                , kaartPad: '/lib/flash/Kaart.swf'
                , kmzXmlPad:'/lib/xml/kmzx.xml'
            })
        }

function callback1()
{
    $('#column_2').animate({ width: '0' }, 1000);
}


function initCollapseColumns() 
{
    $('#collapse_column_2').click(function(){
        if ($('#column_3_4').length > 0)
        {
            if (!($('#column_3_4').css('width') == '0px')) $('#column_3_4').animate({ width: '0' }, 1000, callback1);
            else $('#column_2').animate({ width: '0' }, 1000);
        }
        else $('#column_2').animate({ width: '0' }, 1000);
        return false;
    });

    $('#collapse_column_2_3').click(function() {
        $('#column_2_3').animate({ width: '0' }, 1000);
        return false;
    });

    $('#collapse_column_3_4').click(function() {
        $('#column_3_4').animate({ width: '0' }, 1000);
        return false;
    });

    $('#collapse_column_2_3_4').click(function() {
        $('#column_2_3_4').animate({ width: '0' }, 1000);
        return false;
    });
    
}


function test()
{
    $('#clicked').html(clicked + ': ' + i);
    i = i + 1;
    setTimeout(function() { test() }, 1000);
}


function initAjax_Open_2()
{
    $('.ajax_open_2').click(function(){
        
        if (!clicked)
        {
            clicked = true;
                
            $('#loading').empty().html('<img src="/lib/images/ajax-loader.gif" alt="loading" />');
            var link = $(this).attr('href');
            //uitzondering voor home: splash screen openen:
            var title = $(this).attr('title');
            if (title == 'home') 
            {
                if (($.cookie('cookie_hide_splash') == 'false')) {
                    $('#splash_bg').show();
                    $('#splash').show();
                }
            }
            ////////////////////////////////////////////////
            pageTracker._trackPageview(link + '#ajaxlink');
            secondTracker._trackPageview(link + '#ajaxlink');
            
            close_all_columns(false);
            setTimeout(function(){open_column_2(link)}, 1000);
        }
        
        return false;
    
    });
}

function close_all_columns(thirdtab)
{
    if (!($('#column_2_3_4').width() == 0)) { $('#column_2_3_4').animate({ width: '0' }, 1000); }
    if (!($('#column_2_3').width() == 0)) { $('#column_2_3').animate({ width: '0' }, 1000); }
    if (!($('#column_3_4').width() == 0)) { $('#column_3_4').animate({ width: '0' }, 1000); }
    //if thirdtab is true, dont close column_2
    if (!thirdtab) if (!($('#column_2').width() == 0)) { $('#column_2').animate({ width: '0' }, 1000); }
}

function empty_all_columns() {
    $('#column_2_3_4 .content_wrapper').empty()
    $('#column_2_3 .content_wrapper').empty()
    $('#column_3_4 .content_wrapper').empty()
    $('#column_2 .content_wrapper').empty()
}

function open_column_2(link)
{
    var time = new Date();
    link = link + '&time=' + time.getTime();
    empty_all_columns();
    $('#column_2 .content_wrapper').empty().load(link + ' #column_2 .content_ajax');
    $('#column_2').animate({ width: '385' }, 1000, function() { $('#loading').empty(); initScrolls(); initAjax_Open_3_4(); initAjax_Open_2_3(); clicked = false; });
}

function open_column_3_4(link)
{
    var time = new Date();
    link = link + '&time=' + time.getTime();
    $('#column_3_4 .content_wrapper').empty().load(link + ' #column_3_4 .content_ajax');
    $('#column_3_4').animate({ width: '950' }, 1000, function() { $('#loading').empty(); initAjax_Open_3_4(); initAjax_Open_2_3(); initScrolls(); initProjectImageFades(); initAjax_Open_Searchresults(); clicked = false; });
}

function open_column_2_3(link)
{
    var time = new Date();
    link = link + '&time=' + time.getTime();
    empty_all_columns();
    $('#column_2_3 .content_wrapper').empty().load(link + ' #column_2_3 .content_ajax');
    $('#column_2_3').animate({ width: '750' }, 1000, function() { $('#loading').empty(); initScrolls(); clicked = false; });
}

function open_column_2_3_4(link)
{
    var time = new Date();
    link = link + '&time=' + time.getTime();
    empty_all_columns();
    $('#column_2_3_4 .content_wrapper').empty().load(link + ' #column_2_3_4 .content_ajax');
    $('#column_2_3_4').animate({ width: '950' }, 1000, function() { $('#loading').empty(); initScrolls(); formValidate(); initForm(); clicked = false; });
}


function initAjax_Open_3_4()
{
    $('.ajax_open_3_4').click(function() {
    
        if (!clicked)
        {
            clicked = true;
    
            $('#loading').empty().html('<img src="/lib/images/ajax-loader.gif" alt="loading" />');
            var link = $(this).attr('href');
            pageTracker._trackPageview(link + '#ajaxlink');
            secondTracker._trackPageview(link + '#ajaxlink');

            close_all_columns(true);
            setTimeout(function(){open_column_3_4(link)}, 1000);
        
        }
        
        return false;

    });
}

function initAjax_Open_2_3() {
    $('.ajax_open_2_3').click(function() {

        if (!clicked)
        {
            clicked = true;

            $('#loading').empty().html('<img src="/lib/images/ajax-loader.gif" alt="loading" />');
            var link = $(this).attr('href');
            pageTracker._trackPageview(link + '#ajaxlink');
            secondTracker._trackPageview(link + '#ajaxlink');

            close_all_columns(false);
            setTimeout(function(){open_column_2_3(link)}, 1000);
            
        }
        
        return false;
    });
}

function initAjax_Open_2_3_4() {
    $('.ajax_open_2_3_4').click(function() {

        if (!clicked)
        {
            clicked = true;

            $('#loading').empty().html('<img src="/lib/images/ajax-loader.gif" alt="loading" />');
            var link = $(this).attr('href');
            pageTracker._trackPageview(link + '#ajaxlink');
            secondTracker._trackPageview(link + '#ajaxlink');

            close_all_columns(false);
            setTimeout(function(){open_column_2_3_4(link)}, 1000);
            
        }
        
        return false;
    });
}

function initAjax_Open_Searchresults() {
    $('.ajax_open_searchresults').click(function() {

    if ($('#searchform .box').val() == "" || $('#searchform .box').val() == "trefwoord" || $('#searchform .box').val() == "vul een trefwoord in") 
        {
            $('#searchform .box').val('vul een trefwoord in');
        }
        else
        {
            if (!clicked)
            {
                clicked = true;

                $('#loading').empty().html('<img src="/lib/images/ajax-loader.gif" alt="loading" />');
                var link = '/default.aspx?search=' + $('#searchform input:text').val();
                pageTracker._trackPageview(link + '#ajaxlink');
                secondTracker._trackPageview(link + '#ajaxlink');

                close_all_columns(false);
                setTimeout(function(){open_column_2(link)}, 1000);
                setTimeout(function(){open_column_3_4(link)}, 1000);
                
            }
        }
            
        return false;
    });

    $('#zoek_filter_alles').click(function() {
        $('#zoekblok_projecten').show();
        $('#zoekblok_nieuws').show();
        $('#zoekblok_thema').show();
        $('#zoekblok_structuur').show();
        $('#total_count').html($('#zoek_overzicht_total_count').html());
        return false;
    });
    $('#zoek_filter_nieuws').click(function(){
        $('#zoekblok_projecten').hide();
        $('#zoekblok_thema').hide();
        $('#zoekblok_structuur').hide();
        $('#zoekblok_nieuws').show();
        $('#total_count').html($('#zoek_overzicht_nieuws_count').html());
        return false;
    });
    $('#zoek_filter_projecten').click(function() {
        $('#zoekblok_nieuws').hide();
        $('#zoekblok_thema').hide();
        $('#zoekblok_structuur').hide();
        $('#zoekblok_projecten').show();
        $('#total_count').html($('#zoek_overzicht_projecten_count').html());
        return false;
    });
    $('#zoek_filter_thema').click(function() {
        $('#zoekblok_nieuws').hide();
        $('#zoekblok_projecten').hide();
        $('#zoekblok_structuur').hide();
        $('#zoekblok_thema').show();
        $('#total_count').html($('#zoek_overzicht_thema_count').html());
        return false;
    });
    $('#zoek_filter_structuur').click(function() {
        $('#zoekblok_nieuws').hide();
        $('#zoekblok_projecten').hide();
        $('#zoekblok_structuur').hide();
        $('#zoekblok_thema').show();
        $('#total_count').html($('#zoek_overzicht_structuur_count').html());
        return false;
    });
}

function FlashLinkProject(pid) 
{
    if (!clicked)
    {
        clicked = true;

        $('#loading').empty().html('<img src="/lib/images/ajax-loader.gif" alt="loading" />');
        var link = '/default.aspx?id=3&pid=' + pid;

        close_all_columns(false);
        setTimeout(function() { open_column_2(link) }, 1000);
        setTimeout(function() { open_column_3_4(link) }, 1000);
    }
}

function FlashLinkNieuws(nid) {
    if (!clicked) {
        clicked = true;

        $('#loading').empty().html('<img src="/lib/images/ajax-loader.gif" alt="loading" />');
        var link = '/default.aspx?id=4&nid=' + nid;

        close_all_columns(false);
        setTimeout(function() { open_column_2(link) }, 1000);
        setTimeout(function() { open_column_3_4(link) }, 1000);
    }
}

function FlashLinkDisclaimer() {
    if (!clicked) {
        clicked = true;

        $('#loading').empty().html('<img src="/lib/images/ajax-loader.gif" alt="loading" />');
        var link = '/default.aspx?id=6';

        close_all_columns(false);
        setTimeout(function() { open_column_2_3(link) }, 1000);
    }
}

function FlashIsReady()
{
    setTimeout(function() { $('#splash .interactievegebiedskaart').show('slow'); }, 1000);
}


function initScrolls()
{

    

    $('.scroll-pane').jScrollPane({ showArrows: true, scrollbarWidth: 32 });
    $('a.arrow_up').click(function() { return false; });
    $('a.arrow_down').click(function(){ return false; });  
}


function getFlashMovieObject(movieName) {
    if (window.document[movieName]) return window.document[movieName];
    if (navigator.appName.indexOf("Microsoft Internet") == -1) return document.getElementById(movieName).getElementsByTagName("object")[0];
    else return document.getElementById(movieName).getElementsByTagName("object")[0];
}

function openFlashInfoPopup(pid) 
{
    $('#column_3_4').animate({ width: '0' }, 1000);
    $('#column_2').animate({ width: '0' }, 1000);
    getFlashMovieObject("flash_kaart").openFlashInfoPopup(pid); 
    return false; 
}

function formValidate()
{
    $('form.formulier').validate({
        submitHandler: function(form) {

            var name = $("#txtNaam").val();
            var email = $("#txtEmail").val();
            var adres = $("#txtAdres").val();
            var postcode = $("#txtPostcode").val();
            var woonplaats = $("#txtWoonplaats").val();
            var telefoon = $("#txtTelefoon").val();
            var vraag = $("#txtVraag").val();

            var dataString = 'txtNaam=' + name + '&txtEmail=' + email + '&txtAdres=' + adres + '&txtPostcode=' + postcode + '&txtWoonplaats=' + woonplaats + '&txtTelefoon=' + telefoon + '&txtVraag=' + vraag;
            //alert (dataString);return false;
            $.ajax({
                type: "POST",
                url: "/default.aspx?template=contact.htm",
                data: dataString,
                success: function() {
                    $('form.formulier').hide('slow');

                    $('#test').html("<a href=\"#\" id=\"contact_success\"><img src=\"/lib/images/contact_success.png\" style=\"margin-top: 100px;\" /></a>");
                    $('#contact_success').click(function() { 
                        $('#test').hide();
                        $("#txtNaam").val('');
                        $("#txtEmail").val('');
                        $("#txtAdres").val('');
                        $("#txtPostcode").val('');
                        $("#txtWoonplaats").val('');
                        $("#txtTelefoon").val('');
                        $("#txtVraag").val('');
                        $('form.formulier').show('slow');
                       
                    });
                },
                error: function() {
                    $('form.formulier').hide('slow');

                    $('#test').html("<a href=\"#\" id=\"contact_success\"><img src=\"/lib/images/contact_error.png\" style=\"margin-top: 100px;\" /></a>");
                    $('#contact_success').click(function() {
                        $('#test').hide();
                        $("#txtNaam").val('');
                        $("#txtEmail").val('');
                        $("#txtAdres").val('');
                        $("#txtPostcode").val('');
                        $("#txtWoonplaats").val('');
                        $("#txtTelefoon").val('');
                        $("#txtVraag").val('');
                        $('form.formulier').show('slow');
                    });
                }
            });
        
        }
    });
        
}

function initProjectImageFades()
{
    $('#portfolio').innerfade({
        speed: 'slow',
        timeout: 4000,
        type: 'sequence',
        containerheight: '220px'
    });
}

function initSplash()
{
    if (($.cookie('cookie_hide_splash') == 'false') || ($.cookie('cookie_hide_splash') == 'true')) 
    {
    }
    else $.cookie('cookie_hide_splash', 'false', { path: '/', expires: 1 });


    $('#splash .interactievegebiedskaart').click(function(){
        $('#splash_bg').hide();
        $('#splash').hide('slow');
        return false;
    });
    $('#splash .sluiten').click(function() {
        $('#splash_bg').hide();
        $('#splash').hide('slow');
        return false;
    });
    $('#splash .splash_news_detail a').click(function() {
        $('#splash_bg').hide();
        $('#splash').hide('slow');
        return false;
    });
    $('#splash .links input').click(function() {
        if ($(this).is(':checked'))
        {
            $.cookie('cookie_hide_splash', 'true', { path: '/', expires: 1 });    
        }
        else $.cookie('cookie_hide_splash', 'false', { path: '/', expires: 1 });    
    });

    if (($.cookie('cookie_hide_splash') == 'false')) {
        $('#splash_bg').show();
        $('#splash').show();
    }
}

function initForm()
{
    
}

$(document).ready(function() {

    //var pageTracker = _gat._getTracker("UA-10228980-3");
    //Check screens smaller than 1024 and give them scrollbars (resulting in no flash)
    //initSplash() has to be called before this check, otherwise splash is showed if resolution < 1024
    
    initSplash();
    
    if ((screen.width >= 1024) && (screen.height >= 768)) 
    {
        $('html').css({
            'width': '100%',
            'height': '100%',
            'overflow': 'hidden'
        });
        $('body').css({
            'width': '100%',
            'height': '100%',
            'overflow': 'hidden'
        });
    }
    else
    {
        //alert(1);
        $('#splash').hide();
        $('#splash_bg').hide();
    }
    
    //Initialiseer hier je scripts
    initPopups();
    initFlash();
    initCollapseColumns();
    initAjax_Open_2();
    initAjax_Open_2_3();
    initAjax_Open_3_4();
    initAjax_Open_2_3_4();
    initAjax_Open_Searchresults();
    initScrolls();
    formValidate();
    initProjectImageFades();
    
    initForm();
    //test();
});