$(document).ready(function(){    
    
    $(".balck").click(function(){
        cufonactivatewhite();
        $('link.style').attr("href", 'styles/black.css');
        Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#757575'
        });
		Cufon.replace('#nav li ul a', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.2)'
        });
        Cufon.replace('#footer h3', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.4)'
        });
        Cufon.replace('#page_title h1, .title_slogan', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.3)'
        });
        return false;
    });
    
    $(".white").click(function(){
        cufonactivateblack();
        $('link.style').attr("href", 'styles/white.css');
        Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#8c8c8c'
        });
        return false;
    });
    
    $(".red").click(function(){
		cufonactivatewhite();
        $('link.style').attr("href", 'styles/red.css');
		        
		Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#e31010'
        });
		Cufon.replace('#nav li ul a', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.2)'
        });
        Cufon.replace('#footer h3', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.4)',
			color:'#f3f3f3'
        });
        Cufon.replace('#page_title h1, .title_slogan', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.3)',
			color:'#f3f3f3'
        });
		
        /*cufonactivatewhite();
        $('link.style').attr("href", 'styles/red.css');
        
        Cufon.replace('#nav li ul a', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.2)'
        });
        Cufon.replace('#footer h3', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.4)'
        });
        Cufon.replace('#page_title h1, .title_slogan', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.3)'
        });*/
        return false;
    });
    $(".blue").click(function(){
        cufonactivateblack();
        $('link.style').attr("href", 'styles/blue.css');
        Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#0E87C7'
        });
        return false;
    });
    
    $(".light-blue").click(function(){
        cufonactivateblack();
        $('link.style').attr("href", 'styles/light-blue.css');
        Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#00bcf8'
        });
        return false;
    });
    
    $(".green").click(function(){
        cufonactivateblack();
        $('link.style').attr("href", 'styles/green.css');
        Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#67a10c'
        });
        return false;
    });
    
    $(".rose").click(function(){
        cufonactivatewhite();
        $('link.style').attr("href", 'styles/rose.css');
		
		Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#d5175f'
        });
		Cufon.replace('#nav li ul a', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.2)'
        });
        Cufon.replace('#footer h3', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.4)',
			color:'#f3f3f3'
        });
        Cufon.replace('#page_title h1, .title_slogan', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.3)',
			color:'#f3f3f3'
        });
		
        return false;
    });
    
    $(".cyan").click(function(){
        cufonactivatewhite();
        $('link.style').attr("href", 'styles/cyan.css');        
		
		Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#717d89'
        });
		Cufon.replace('#nav li ul a', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.2)'
        });
        Cufon.replace('#footer h3', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.4)',
			color:'#f3f3f3'
        });
        Cufon.replace('#page_title h1, .title_slogan', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.3)',
			color:'#f3f3f3'
        });
        return false;
    });
    
    $(".orange").click(function(){
        cufonactivateblack();
        $('link.style').attr("href", 'styles/orange.css');
        Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#dd6200'
        });
        return false;
    });
    
    $(".yellow").click(function(){
        cufonactivateblack();
        $('link.style').attr("href", 'styles/yellow.css');
        Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#b7b016'
        });
        return false;
    });
    
    $(".brown").click(function(){
        cufonactivatewhite();
        $('link.style').attr("href", 'styles/brown.css');
        Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#7a5132'
        });
		Cufon.replace('#nav li ul a', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.2)'
        });
        Cufon.replace('#footer h3', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.4)',
			color:'#f3f3f3'
        });
        Cufon.replace('#page_title h1, .title_slogan', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.3)',
			color:'#f3f3f3'
        });
        return false;
    });
    
    $(".pruple").click(function(){
        cufonactivatewhite();
        $('link.style').attr("href", 'styles/pruple.css');
        Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#9032ac'
        });
		Cufon.replace('#nav li ul a', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.2)'
        });
        Cufon.replace('#footer h3', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.4)',
			color:'#f3f3f3'
        });
        Cufon.replace('#page_title h1, .title_slogan', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.3)',
			color:'#f3f3f3'
        });
        return false;
    });
    
    $(".magenta").click(function(){
        cufonactivatewhite();
        $('link.style').attr("href", 'styles/magenta.css');
        Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#de00c3'
        });
		
		Cufon.replace('#nav li ul a', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.2)'
        });
        Cufon.replace('#footer h3', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.4)',
			color:'#f3f3f3'
        });
        Cufon.replace('#page_title h1, .title_slogan', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.3)',
			color:'#f3f3f3'
        });
        return false;
    });
	
	cufonactivatewhite();
	
	$('link.style').attr("href", 'styles/black.css');
        Cufon.replace('a.view_portfolio, a.visite_project', {
            color: '#757575'
        });
		Cufon.replace('#nav li ul a', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.2)'
        });
        Cufon.replace('#footer h3', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.4)'
        });
        Cufon.replace('#page_title h1, .title_slogan', {
            textShadow: '1px 1px 3px rgba(0, 0, 0, 0.3)'
        });
		
});

$('link.style').attr("href", 'styles/black.css');

function cufonactivatewhite(){
    Cufon.replace('.h_message, #footer h3, #page_title h1, .product_desc h2, #page_title h2, .title_slogan', {
        color: '#f3f3f3'
    });
		
    Cufon.replace('#nav ul li a', {
        textShadow: '1px 1px 3px rgba(0, 0, 0, 0.2)',
        color: '#000'
    });
	
	Cufon.replace('#nav a, #footer h3,', {
        color: '#f3f3f3',
        textShadow: '1px 1px 2px rgba(0,0,0,0.4)'
    });
	
    Cufon.replace('#skin a', {
        color: '#fff'
    });
}

function cufonactivateblack(){
    Cufon.replace('.slogan, .h_message, .product_desc h2, #page_title h1, #page_title h2, .title_slogan, .pageNumb', {
        color: '#000'
    });
    Cufon.replace('#skin a', {
        color: '#fff'
    });
    
    Cufon.replace('#nav a, #footer h3,', {
        color: '#000',
        textShadow: '1px 1px 2px rgba(0,0,0,0.2)'
    });
    
}