$( document ).ready( function( )
{

    $( '#langdiv' ).css( 'display', 'block' );

    $( 'a[rel="langDivButton"]' ).click( function( )
    {

        if( $( '#langPicker' ).css( 'display' ) != 'block' )
        {

            $( this ).css( 'backgroundColor', '#000' );
            $( this ).css( 'color', '#fff' );
            $( '#langPicker' ).fadeIn( );

        }
        else
        {

            $( this ).css( 'backgroundColor', '#ccc' );
            $( this ).css( 'color', '#555' );
            $( "#langPicker" ).fadeOut( );

        }

        offset = $( 'a[rel="langDivButton"]' ).offset( );
        var top = parseInt( offset.top ) + 18;
        var left = offset.left;

        $( '#langPicker').css( 'zIndex', 200 );
        $( '#langPicker').css( 'top', top );
        $( '#langPicker').css( 'left', left );

        $( "#langPicker" ).hover( function( )
        {
        },
        function( )
        {

            $( 'a[rel="langDivButton"]' ).css( 'backgroundColor', '#ccc' );
            $( 'a[rel="langDivButton"]' ).css( 'color', '#555' );
            $( "#langPicker" ).fadeOut( );

        } );


        return false;

    } );

    $( '.option' ).click( function( )
    {

        val = $( this ).attr( 'rel' );
        if( val != '' )
        {

            $.get( 'lang.php', { lang: val }, function( data )
            {

                if( data == 'OK' )
                {

                    document.location = '?p=' + top.frames['center'].location.href;

                }
                else
                {

                    alert( 'Er is iets fout gegaan met het wijzigen van de taal.' );

                }

            } );

        }

    } );

} );