// Baukasten JS + jQuery Functions

$(document).ready(function() {

    $('#button_final').click(function(){
        $('#baukasten_form').submit();
    });

    $('input[type=text]').change(showBaukastenSubmitButton);
    // $('#baukasten_text_haupt, #baukasten_text_spalte1, #baukasten_text_spalte2, #baukasten_text_spalte3').change(showBaukastenSubmitButton); DOES NOT WORK DUE TO WYSIWYG EDITOR ISSUES

    // Auf und Zuklapp-Funktion der einzelnen Schritte
    $("#baukasten > div > .baukasten_headline").click(function() {
        $('.baukasten_headline').removeClass('baukasten_headline_active');
        $('.baukasten_headline').addClass('baukasten_headline');
        $('.baukasten_content').slideUp();
        $(this).addClass('baukasten_headline_active');
        $(this).parent().find('.baukasten_content').slideDown();
    });

    // Checkbox an / aus
    /*$(".checkbox").toggle(
			function checkOn() {
				$('.checkbox').removeClass('checkbox_on');
				$('.checkbox').addClass('checkbox_off');
				$(this).removeClass('checkbox_off');
				$(this).addClass('checkbox_on');
				$(this).find('input').removeAttr("checked");
				$(this).find('input').attr('checked','checked'); //.value = '1';	
			},
			function checkOff() {
				$('.checkbox').removeClass('checkbox_on');
				$('.checkbox').addClass('checkbox_off');
				$(this).removeClass('checkbox_on');
				$(this).addClass('checkbox_off');
				$(this).find('input').removeAttr("checked");
				$(this).find('input').attr('checked','checked'); //.value = '0';	
			}
	);*/
	
    // Checkbox an und alle anderen aus (Schritt 1)
    $("#baukasten_1 > div > div > .checkbox").click(function() {
        $('#baukasten_1 > div > div > .checkbox').find('input').removeAttr("checked");
        $('#baukasten_1 > div > div > .checkbox').removeClass('checkbox_on');
        $('#baukasten_1 > div > div > .checkbox').addClass('checkbox_off');
        $(this).removeClass('checkbox_off');
        $(this).addClass('checkbox_on');
        $(this).find('input').attr('checked','checked');
        showBaukastenSubmitButton();
    });
	
    // Checkbox an und alle anderen aus (Schritt 2)
    $("#baukasten_2 > div > div > .checkbox").click(function() {
        $('#baukasten_2 > div > div > .checkbox').find('input').removeAttr("checked");
        $('#baukasten_2 > div > div > .checkbox').removeClass('checkbox_on');
        $('#baukasten_2 > div > div > .checkbox').addClass('checkbox_off');
        $(this).removeClass('checkbox_off');
        $(this).addClass('checkbox_on');
        $(this).find('input').attr('checked','checked');
        showBaukastenSubmitButton();
    });
	
    // Speichern und weiter TODO: Speicherung muss noch erfolgen
    $("#baukasten > div > div > .button_next").click(function() {
        $('.baukasten_headline').removeClass('baukasten_headline_active');
        $('.baukasten_headline').addClass('baukasten_headline');
        $('.baukasten_content').slideUp();
        $("#baukasten > div#baukasten_" + $(this).text() + " > .baukasten_headline").addClass('baukasten_headline_active');
        $("#baukasten > div#baukasten_" + $(this).text() + " > .baukasten_headline").parent().find('.baukasten_content').slideDown();
    });
	
    // Color Picker initialisieren
    $('#baukasten_farbe_body, #baukasten_farbe_text, #baukasten_farbe_link, #baukasten_farbe_button, #baukasten_farbe_loginbox, #baukasten_farbe_registerbox').ColorPicker({
        onSubmit: function(hsb, hex, rgb, el) {
            $(el).val(hex);
            $(el).ColorPickerHide();
        },
        onBeforeShow: function () {
            $(this).ColorPickerSetColor(this.value);
        }
    })
    .bind('keyup', function(){
        $(this).ColorPickerSetColor(this.value);
    });
	
    // HTML Editor initialisieren
    $('#baukasten_text_haupt, #baukasten_text_spalte1, #baukasten_text_spalte2, #baukasten_text_spalte3').wysiwyg({
        controls: {
            bold: {
                visibile: true
            },
            italic: {
                visibile: true
            },
            underline: {
                visible: true
            },
            justifyLeft: {
                visible: true
            },
            justifyCenter: {
                visible: true
            },
            justifyRight: {
                visible: true
            },
            justifyFull: {
                visible: true
            },
            createLink: {
                visible: true
            },
            html: {
                visible: true
            },
            removeFormat: {
                visible: true
            },
            undo: {
                visible: false
            },
            redo: {
                visible: false
            },
            h1: {
                visible: false
            },
            h2: {
                visible: false
            },
            h3: {
                visible: false
            },
            strikeThrough: {
                visible: false
            },
            indent: {
                visible: false
            },
            outdent: {
                visible: false
            },
            subscript: {
                visible: false
            },
            superscript: {
                visible: false
            },
            insertOrderedList: {
                visible: false
            },
            insertUnorderedList: {
                visible: false
            },
            insertImage: {
                visible: false
            },
            insertHorizontalRule: {
                visible: false
            },
            insertTable: {
                visible: false
            }
        }
    });

});

function showBaukastenSubmitButton()
{
}