$(function() {

	// Restyle for JS browsers
	$("link[id=stylesheet]").attr({href : "./css/jsstyle.css"});
	
	// JS Actions
	
	$('a.tab').removeClass('active');
	$('#workCol a.tab').addClass('active');
	
	$('#workCol a.tab').click(function() {
		$('.content').hide();
		$('#aboutCol').css({"width":"70px"});
		$('#contactCol').css({"width":"70px"});
		$('#workCol').css({"width":"720px"});
		$('#workCol .content').fadeIn(1000);
		$('a.tab').removeClass('active');
		$(this).addClass('active');
	});
	$('#aboutCol a.tab').click(function() {
		$('.content').hide();
		$('#workCol').css({"width":"70px"});
		$('#contactCol').css({"width":"70px"});
		$('#aboutCol').css({"width":"720px"});
		$('#aboutCol .content').fadeIn(1000);
		$('a.tab').removeClass('active');
		$(this).addClass('active');
	});
	$('#contactCol a.tab').click(function() {
		$('.content').hide();
		$('#aboutCol').css({"width":"70px"});
		$('#workCol').css({"width":"70px"});
		$('#contactCol').css({"width":"720px"});
		$('#contactCol .content').fadeIn(1000);
		$('a.tab').removeClass('active');
		$(this).addClass('active');
	});
	
	
	$('ul#portfolioItems li').hide();
	$('ul#portfolioItems').find('li:first').show();
	
	$('ul#portfolioLinks li a').click(function() {
		var n = $('ul#portfolioLinks li a').index($(this));
		$('ul#portfolioLinks li a').removeClass('active');
		$(this).addClass('active');
		$('ul#portfolioItems li').hide();
		$('ul#portfolioItems li:eq('+n+')').fadeIn(1000);
		return false;
	});
	
	$('ul#skillItems li').hide();
	$('ul#skillItems').find('li:first').show();
	
	$('ul#skillLinks li a').click(function() {
		var n = $('ul#skillLinks li a').index($(this));
		$('ul#skillLinks li a').removeClass('active');
		$(this).addClass('active');
		$('ul#skillItems li').hide();
		$('ul#skillItems li:eq('+n+')').fadeIn(1000);
		return false;
	});

/*
	
	$('ul#contactItems li').hide();
	$('ul#contactItems').find('li:first').show();
	
	$('ul#contactLinks li a').click(function() {
		var n = $('ul#contactLinks li a').index($(this));
		$('ul#contactLinks li a').removeClass('active');
		$(this).addClass('active');
		$('ul#contactItems li').hide();
		$('ul#contactItems li:eq('+n+')').fadeIn(1000);
		return false;
	});
	
*/	
	
	// Contact Form
	
	// These first three lines of code compensate for Javascript being turned on and off. 
    // It simply changes the submit input field from a type of "submit" to a type of "button".

    var paraTag = $('input#submit').parent('p');
    $(paraTag).children('input').remove();
    $(paraTag).append('<input type="button" name="submit" id="submit" value="Invia Messaggio" />');

    $('.contactform input#submit').click(function() {

        var name = $('input#name').val();
        var email = $('input#email').val();
        var message = $('textarea#message').val();

        $.ajax({
            type: 'post',
            url: './js/sendEmail.php',
            data: 'name=' + name + '&email=' + email + '&message=' + message,

            success: function(results) {
                $('p#response').css({"display":"block"});
                $('p#response').html(results);
            }
        }); // end ajax
    });

});