$(document).ready(function() {
   // Apply some CSS3 to keep the CSS file CSS 2.1 valid
    $("h1").css("text-shadow", "0px 0px 0px #000");
    $("h2 a").css("text-shadow", "0px 0px 0px #000");

    // Color changer
    $(".colorblue").click(function(){
        $("link#css").attr("href", "/theme5.css");
        return false;
    });
	
	$(".colorblue1").click(function(){
        $("link#css").attr("href", "/theme6.css");
        return false;
    });
	
	$(".colorblue2").click(function(){
        $("link#css").attr("href", "/theme7.css");
        return false;
    });
	
	$(".colorblue3").click(function(){
        $("link#css").attr("href", "/theme8.css");
        return false;
    });
    
    $(".colorgreen").click(function(){
        $("link#css").attr("href", "/theme9.css");
        return false;
    });
    
    $(".colorgreen1").click(function(){
        $("link#css").attr("href", "/theme10.css");
        return false;
    });
    
    $(".colorgreen2").click(function(){
        $("link#css").attr("href", "/theme11.css");
        return false;
    });
    
    $(".colorgreen3").click(function(){
        $("link#css").attr("href", "/theme12.css");
        return false;
    });
    
    $(".colororange").click(function(){
        $("link#css").attr("href", "/theme13.css");
        return false;
    });
    
    $(".colororange1").click(function(){
        $("link#css").attr("href", "/theme14.css");
        return false;
    });
    
    $(".colororange2").click(function(){
        $("link#css").attr("href", "/theme15.css");
        return false;
    });
    
    $(".colororange3").click(function(){
        $("link#css").attr("href", "/theme16.css");
        return false;
    });
	
	$(".colorred").click(function(){
        $("link#css").attr("href", "/theme21.css");
        return false;
    });
	
	$(".colorred1").click(function(){
        $("link#css").attr("href", "/theme22.css");
        return false;
    });
	
	$(".colorred2").click(function(){
        $("link#css").attr("href", "/theme23.css");
        return false;
    });
	
	$(".colorred3").click(function(){
        $("link#css").attr("href", "/theme24.css");
        return false;
    });
    
    $(".colorpurple").click(function(){
        $("link#css").attr("href", "/theme17.css");
        return false;
    });
    
    $(".colorpurple1").click(function(){
        $("link#css").attr("href", "/theme18.css");
        return false;
    });
    
    $(".colorpurple2").click(function(){
        $("link#css").attr("href", "/theme19.css");
        return false;
    });
    
    $(".colorpurple3").click(function(){
        $("link#css").attr("href", "/theme20.css");
        return false;
    });
    
    $(".colorblack").click(function(){
        $("link#css").attr("href", "/theme1.css");
        return false;
    });
    
    $(".colorblack1").click(function(){
        $("link#css").attr("href", "/theme2.css");
        return false;
    });
    
    $(".colorblack2").click(function(){
        $("link#css").attr("href", "/theme3.css");
        return false;
    });
    
    $(".colorblack3").click(function(){
        $("link#css").attr("href", "/theme4.css");
        return false;
    });
});