$(document).ready(function () {
    var SubContent = '';

    SubContent += '<div id="subcontent_box_container" class="clearfix">';
    SubContent += '<div id="registratie_regels" class="subcontent_box">';
    SubContent += '<div class="h4">';
    SubContent += '<br />';
    SubContent += '<!--VS Registratie regels-->';
    SubContent += '</div>';
    SubContent += '<p>';
    SubContent += 'Voor het reizen naar de VS geldt vanaf 2 januari 2009 een nieuw verplicht registratiesysteem.';
    SubContent += '</p>';
    SubContent += '<span class="action_link fakelink" style="cursor:pointer" title="http://www.schipholtickets.nl/registratievs.html">';
    SubContent += '<img src="/www/images/lees-meer.gif" />';
    SubContent += '</span>';
    SubContent += '</div>';

    SubContent += '<div id="landinformatie" class="subcontent_box">';
    SubContent += '<div class="h4">';
    SubContent += '<br />';
    SubContent += '<!--Landeninformatie-->';
    SubContent += '</div>';
    SubContent += '<p>';
    SubContent += 'Kies hier een continent van uw keuze om specifieke landeninformatie te bekijken.';
    SubContent += '</p>';
    SubContent += '<span class="action_link" style="cursor:pointer" title="http://www.schipholtickets.nl/faq/bestemmingen">';
    SubContent += '<a href="http://www.schipholtickets.nl/faq/bestemmingen">';
    SubContent += '<img src="/www/images/lees-meer.gif" />';
    SubContent += '</a>';
    SubContent += '</span>';
    SubContent += '</div>';

    SubContent += '<div id="extraservices" class="subcontent_box">';
    SubContent += '<div class="h4">';
    SubContent += '<br />';
    SubContent += '<!--Extra services-->';
    SubContent += '</div>';
    SubContent += '<p>';
    SubContent += 'Bekijk extra services zoals: parkeerplaats/taxi reserveren, vertrektijden en verzekeringen.';
    SubContent += '</p>';
    SubContent += '<span class="action_link fakelink" style="cursor:pointer" title="http://www.schipholtickets.nl/extraservice.html">';
    SubContent += '<img src="/www/images/lees-meer.gif" />';
    SubContent += '</span>';
    SubContent += '</div>';

    SubContent += '<div id="contactinformatie" class="subcontent_box">';
    SubContent += '<div class="h4">';
    SubContent += '<br />';
    SubContent += '<!--Contactinformatie-->';
    SubContent += '</div>';
    SubContent += '<p>';
    SubContent += 'Heeft u vragen over vliegtickets? Neem dan gerust contact met ons op: <strong>0900 - 5006060</strong>.';
    SubContent += '</p>';
    SubContent += '<span class="action_link fakelink" style="cursor:pointer" title="http://www.schipholtickets.nl/contact.html">';
    SubContent += '<img src="/www/images/lees-meer.gif" />';
    SubContent += '</span>';
    SubContent += '</div>';
    SubContent += '</div>';

    SubContent += '<div id="subcontent_bottom" class="clearfix">';
    SubContent += '<div>';
    SubContent += '<a href="javascript:void(0);" id="btn_expand">Uitklappen</a>';
    SubContent += '<a href="javascript:void(0);" id="btn_collapse">Inklappen</a>';
    SubContent += '</div>';
    SubContent += '</div>';

    $("#sub_content").html(SubContent);

    $('#btn_expand').click(function (e) {
        e.preventDefault();

        $('#registratie_regels').css('background-image', 'url("/www/images/img-usa.jpg")');
        $('#landinformatie').css('background-image', 'url("/www/images/img-kaart.jpg")');
        $('#extraservices').css('background-image', 'url("/www/images/img-services.jpg")');
        $('#contactinformatie').css('background-image', 'url("/www/images/img-contact.jpg")');

        $('.subcontent_box').animate({
            height: '213px'
        }, 500);

        $('#sub_content').animate({
            height: '244px'
        }, 500);

        $(this).hide();
        $("#btn_collapse").show();
    });

    $('#btn_collapse').click(function (e) {
        e.preventDefault();

        $('.subcontent_box').animate({
            height: '37px'
        }, 500);

        $('#sub_content').animate({
            height: '68px'
        }, 500, function () {
            $('#registratie_regels').css('background-image', 'url("/www/images/img-usa-minified.png")');
            $('#landinformatie').css('background-image', 'url("/www/images/img-kaart-minified.png")');
            $('#extraservices').css('background-image', 'url("/www/images/img-services-minified.png")');
            $('#contactinformatie').css('background-image', 'url("/www/images/img-contact-minified.png")');
        });

        $(this).hide();
        $("#btn_expand").show();
    });
});