/* Author: Syrus Esaw

*/

// document ready function begins execution once the page is loaded
$(document).ready(function(){
	if (document.getElementById('hello')) {
        document.getElementById('hello').innerHTML = 'Hello World - this was inserted using JavaScript';
 }

 jQuery("#changeit").click(function(){
        var newclass = "";
        var $layout = $('select option:selected').val();
        var $width = $('input[name=width]:radio:checked').val();
        var $style = $('input[name=style]:radio:checked').val();

        // console.log("newclass: " + newclass);
        // console.log("layout: " + $layout);

        newclass += $layout;
        newclass += " ";
        // console.log("newclass layout: " + newclass);

        if( $width === "wide") {
            // console.log("width: " + $width);
            newclass += " ";
            newclass += $width;
            // console.log("newclass width: " + newclass);
        }
        if( $style === "equal") {
            newclass += " ";
            // console.log("style: " + $style);
            newclass += $style;
            // console.log("newclass style: " + newclass);
        }

        // console.log("newclass complete: " + newclass);
        jQuery('body').removeClass();
        jQuery('body').addClass(newclass);
        // var resp = jQuery('body').attr();
        // console.log("new body class: " + resp);
        return false;;
    })

    jQuery('#hideit').click(function() {
        jQuery('fieldset').hide();
        return false;
    })

    jQuery('#showit').click(function() {
        jQuery('fieldset').show();
        return false;
    })

});