fancybox

fancybox

// Open all mighty fancybox
            $.fancybox(
              '<div id="create-rule-wrapper">'+
                '<div class="top-message blue">'+
                  '<h4 class="title"><?php echo translate("DEFAULT_HINT_TITLE", null, null, false); ?></h4>'+
                  '<div class="description">'+
                    '<p>'+
                      '<?php echo translate("DEFAULT_HINT_DESCRIPTION", null, null, false); ?>'+
                    '</p>'+
                  '</div>'+
                '</div>'+
                '<div class="left-column">'+
                  '<div class="rule-creation-container">'+
                    fancybox_html+
                  '</div>'+
                '</div>'+
                '<div class="right-column">'+
                  '<h3 class="title"><strong><?php echo translate("TIPS_TITLE", null, null, false); ?>:</strong></h3>'+
                  '<ul class="recomendations-list">'+
                    '<li class="recomendation-item blue">'+
                      '<p><?php echo translate("DEFAULT_TIP_1", null, null, false); ?></p>'+
                    '</li>'+
                    '<li class="recomendation-item green">'+
                      '<p><?php echo translate("DEFAULT_TIP_2", null, null, false); ?></p>'+
                    '</li>'+
                    '<li class="recomendation-item red">'+
                      '<p><?php echo translate("DEFAULT_TIP_3", null, null, false); ?></p>'+
                    '</li>'+
                    '<li class="recomendation-item blue">'+
                      '<p><?php echo translate("DEFAULT_TIP_4", null, null, false); ?></p>'+
                    '</li>'+
                  '</ul>'+
                '</div>'+
              '</div>',
              {
                'autoDimensions'  : false,
                'width'             : 940,
                'height'            : 530,
                // 'height'            : 800,
                'transitionIn'    : 'none',
                'transitionOut'   : 'none',
                'centerOnScroll'  : true
              }
            );