/**
 * EditMotivManager
 *
 * Handling der Motivauswahl, der Zuordnung zu den seiten und die Vorschauberechnung
 * Portal Version
 * Klassenname wie in caledar_create, jedoch hier mit anderen Funktionen
 *
 * $Id: ecard_create.js 8235 2010-07-05 16:02:20Z rs $
 */

var EditMotifManager = {
    // Das Bild aktualisieren und damit gleich die Daten ans Backend reichen
    makePreview : function () {
        var uri  = '/submit/Motiv_Preview?file_ext=jpg&redirect_to=/submit/Motiv_Redirect&';
	uri +=  $('#motivText').serialize();
	$('#motivimage')[0].src=uri;
    }
};

var actID='prev';

function inHide() {                   
    $('#btn_save').hide(); //style.display = "none";      
    $("#in_"  + actID).hide() ;//style.display = "none";                                      
    $("#btn_" + actID).attr('className',"");
}

function inDisplay(id) {
    inHide();
    if (id == 'endprev') {
	     $('#btn_save').show() ; //style.display = "block";
    }
    $("#in_" + id).toggle(); //style.display = "block";
    $("#btn_" + id).attr('className', "active");
    actID = id;
    if (Buttons) Buttons.init();
}

function setBGColor(elem) {
    $('#ecardpreview').css({'backgroundColor' : "#" + elem.options[elem.selectedIndex].value});
    $('#ecard_text').css(  {'backgroundColor' : "#" + elem.options[elem.selectedIndex].value});
}

function setFontColor(elem) {
    $('#ecardpreview').css({'color' : "#" + elem.options[elem.selectedIndex].value});
    $('#ecard_text').css(  {'color' : "#" + elem.options[elem.selectedIndex].value});
    }

function setText() {
    $('#from_p').html( replaceText($('#from_name').val() + ' (' + $('#from_email').val() + ')'));
    
    var totext ='';
    for ( var i=1; i<=3; i++ ) {
        var name = $("input[name= 'recp_name_" + i +"']").val();
	if ( name && name.length > 0 ) {
	    var email = $("input[name= 'recp_email_" + i +"']").val();
	    totext +=  replaceText( name + ' (' + email + ')') + '<br/>';
	}
    }
    
    $('#to_p').html(totext);
    $('#msg_prev').html( replaceText($('#ecard_text').val()) );
    $('#nxtbtn_submit').click ( function() {
	$("form[name='ecard']").submit();
      } );
    
   }

function replaceText(text) {
    text = text.replace(/</g, '&lt;');
    text = text.replace(/>/g, '&gt;');
    text = text.replace(/\n/g, '<br />');
    
    return text;
}