var skinNumber = 3
    var skin;
var defaultSkin = 'skin' + skinNumber;
var underline = '#' + defaultSkin; // To add underline to the current skin button for the default skin set...

$(document).ready(function(){
    $('.splashlanguage').click(function(){
        document.cookie='txlseensplash=true;path=/'; // To have the splash page language buttons working.
        document.cookie="secure_txlseensplash=true;path=/;domain=.texel.nl;secure"; // To have the splash page language buttons working.
    });
    $('body').addClass(defaultSkin);
    $('.skinbutton').addClass(defaultSkin);
    $('.centerpic').addClass(defaultSkin);
    $(underline).find('a').css('text-decoration', 'underline');
    skin = $('body').attr('class');
    document.cookie = 'txlskin=' + skinNumber + ';path=/';
    document.cookie = 'secure_txlskin=' + skinNumber + ';path=/;domain=.texel.nl;secure';
    $('#skin1').click(function(event){
        event.preventDefault();
        if($(this) != skin){
            $('body').removeClass(skin).addClass('skin1');
            $('.skinbutton').removeClass(skin).addClass('skin1').css('text-decoration', 'none');
            $('.centerpic').removeClass(skin).addClass('skin1');
            $(this).find('a').css('text-decoration', 'underline');
            skin = 'skin1';
            document.cookie = "txlskin=1;path=/";
            document.cookie = "secure_txlskin=1;path=/;domain=.texel.nl;secure";
        }
    });
    $('#skin2').click(function(event){
        event.preventDefault();
        if($(this) != skin){
            $('body').removeClass(skin).addClass('skin2');
            $('.skinbutton').removeClass(skin).addClass('skin2').css('text-decoration', 'none');
            $('.centerpic').removeClass(skin).addClass('skin2');
            $(this).find('a').css('text-decoration', 'underline');
            skin = 'skin2';
            document.cookie = "txlskin=2;path=/";
            document.cookie = "secure_txlskin=2;path=/;domain=.texel.nl;secure";

        }
    });
    $('#skin3').click(function(event){
        event.preventDefault();
        if($(this) != skin){
            $('body').removeClass(skin).addClass('skin3');
            $('.skinbutton').removeClass(skin).addClass('skin3').css('text-decoration', 'none');
            $('.centerpic').removeClass(skin).addClass('skin3');
            $(this).find('a').css('text-decoration', 'underline');
            skin = 'skin3';
            document.cookie = "txlskin=3;path=/";
            document.cookie = "secure_txlskin=3;path=/;domain=.texel.nl;secure";
        }
    });
    $('#skin4').click(function(event){
        event.preventDefault();
        if($(this) != skin){
            $('body').removeClass(skin).addClass('skin4');
            $('.skinbutton').removeClass(skin).addClass('skin4').css('text-decoration', 'none');
            $('.centerpic').removeClass(skin).addClass('skin4');
            $(this).find('a').css('text-decoration', 'underline');
            skin = 'skin4';
            document.cookie = "txlskin=4;path=/";
            document.cookie = "secure_txlskin=4;path=/;domain=.texel.nl;secure";
        }
    });
    $('#skin5').click(function(event){
        event.preventDefault();
        if($(this) != skin){
            $('body').removeClass(skin).addClass('skin5');
            $('.skinbutton').removeClass(skin).addClass('skin5').css('text-decoration', 'none');
            $('.centerpic').removeClass(skin).addClass('skin5');
            $(this).find('a').css('text-decoration', 'underline');
            skin = 'skin5';
            document.cookie = "txlskin=5;path=/";
            document.cookie = "secure_txlskin=5;path=/;domain=.texel.nl;secure";
        }
    });

    $('.wycontent').hide();
    $('#wycontent1').show();
    $('#wyhead1').addClass('wyactive');
    $('.wyhead').click(function(event){
        event.preventDefault();
        $('.wyhead').removeClass('wyactive');
        $('.wycontent').hide();
        $(this).addClass('wyactive');
        var activeTab = $(this).find('a').attr('href');
        $(activeTab).show();
    })
});