# Configuration for the plugin "p123designer_pi1"
plugin.tx_p123designer_pi1 {
  # Define the templateFile
  templateFile = EXT:p123designer/res/template.htm
  javascriptFile = EXT:p123designer/res/javascript.js
  moveJsFromHeaderToFooter = 0
  # Define formular settings
  formular {
    type.typolink.parameter.data = TSFE:id
    type.typolink.additionalParams = &tx_p123designer_pi1[format]=
    type.typolink.additionalParams.dataWrap = |{GP:tx_p123designer_pi1|format}
    type.typolink.returnLast = url
  }
  # Define the flash movie
  flash =< tt_content.media.20
  flash {
    minHeight = 405
    mimeConf.swfobject.file.dataWrap = |?_={date:U}
    alternativeContent.stdWrap.parseFunc = <lib.parseFunc
    alternativeContent.wrap = <div class="csc-default">|</div>
    stdWrap.required = 1
   #stdWrap.dataWrap = |<h1 class="###FORM_name###-header">{field:header} ###DATA_format_desc###</h1>
    stdWrap.dataWrap = <div class="csc-header"><h1>{field:header} ###DATA_format_desc###</h1></div>|
   #stdWrap.wrap3 = <div id="###FORM_name###-flash">|<div id="###FORM_name###-headline">###DATA_format_desc###</div></div>
    stdWrap.wrap3 = <div id="###FORM_name###-flash">|</div>
  }
  workingSet {
    paddingTop = 41
    paddingRight = 9
    paddingBottom = 64
    paddingLeft = 163
  }
  appendPageTitle {
    setCurrent.field = format_desc
    lang.en = for
    lang.de = für
    noTrimWrap = | | |
    dataWrap = |{current:1}
  }
  locallang {
    save {
      wrap = <a class="csc-mailform-submit tx-p123designer-pi1-button-submit">|</a>
    }
    cancel {
      typolink.parameter = {$plugin.tx_p123_pi.pageDesigner}
      typolink.parameter.noTrimWrap = || - csc-mailform-submit|
    }
    fullScreenHint {
      wrap = <div class="tx-p123designer-pi1-fullscreen">|</div>
    }
    fullScreenLink {
      wrap = <a onclick="DesignerZoomer.zoom(); return false;">|</a>
    }
    processing {
      wrap = <span>|</span>
    }
  }
  # Define the default Stylesheet
  _CSS_DEFAULT_STYLE (
	body.wide #content-normal .csc-default .tx-p123designer-pi1 { margin: -10px -15px -19px -12px; }
	#txp123designerpi1-flash, .tx-p123designer-pi1 .tx-rbflashobject-pi1-swf_altcontent { line-height: 0px; }
	body.wide #content-normal .csc-default #txp123designerpi1-flash .csc-default,
	body.wide-toggle #content-normal .csc-default #txp123designerpi1-flash .csc-default { border: none; background: none; margin: 0px; position: static; }
	#txp123designerpi1-flash embed, #txp123designerpi1-flash object { min-height: 525px; }
	#txp123designerpi1-flash .csc-default { line-height: normal; }
	#txp123designerpi1-flash.fullScreen { overflow: hidden; }
	#txp123designerpi1-flash.fullScreen embed, #txp123designerpi1-flash.fullScreen object { height: 95%; margin: 2.5% 0px 0px 2.5%; min-height: 0px; width: 95%; }
	.tx-p123designer-pi1 .csc-mailform-submit-top.deactivate, .tx-p123designer-pi1 .csc-mailform-submit-bottom.deactivate, .tx-p123designer-pi1 .csc-mailform-submit.deactivate { display: none; }
	.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-cancel-bottom, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-bottom { position: fixed; z-index: 1002; }
	.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top { bottom: 100%; margin: 0px 0px -30px 0px; top: auto;
		bottom: -moz-calc(50%); bottom: -webkit-calc(50%); bottom: calc(50%);
		/* calc((100vh * 0.98 - 30px - 49px + 40px) / 2 - 10px) */
		margin-bottom: -moz-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 39px) / 2 - 10px); }
	.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-cancel-bottom, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-bottom { bottom: auto; margin: -26px 0px 0px 0px; top: 100%;
		/* calc((100vh * 0.98 - 30px - 49px + 35px) / 2 - 1px) */
		margin-top: -moz-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 44px) / 2 - 1px);
		top: -moz-calc(50%); top: -webkit-calc(50%); top: calc(50%); }
	.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-cancel-bottom { left: 1%; }
	.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-bottom { right: 1%; }
	.tx-p123designer-pi1-fullscreen { background: #f5efe3; color: #BE1010; line-height: 16px; margin: -1px 0px 1px 0px; padding: 6px; position: relative; }
	.tx-p123designer-pi1-fullscreen a { color: #BE1010; font-weight: bold; }
	#TB_load.tx-p123designer-pi1-load { background: rgba(255, 255, 255, 0.9); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 50px; margin: -25px 0px 0px -162.5px; padding-top: 18px; text-align: center; white-space: nowrap; width: 325px;
		-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
		-moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; }
	#TB_load.tx-p123designer-pi1-load::after { background: #000000; margin-top: -16px; }
	#TB_load.tx-p123designer-pi1-load span { display: block; margin-left: 20px; }
	@media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) {
		.tx-p123designer-pi1 { margin-top: 0px !important; position: relative; }
		.tx-p123designer-pi1 object, .tx-p123designer-pi1 embed { height: auto; max-width: 100%; min-height: 442px; }
		.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top {
			/* calc((100vh * 0.98 - 30px - 55px + 40px) / 2 - 10px) */
			margin-bottom: -moz-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 45px) / 2 - 10px); }
		.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-cancel-bottom, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-bottom {
			/* calc((100vh * 0.98 - 30px - 55px + 35px) / 2 - 1px) */
			margin-top: -moz-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 50px) / 2 - 1px); }
	}
	@media only screen and (max-width: 456px) {
		.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top { display: none; }
	}
  )
}

# Configuration for the plugin "p123designer_pi2"
plugin.tx_p123designer_pi2 {
  imgtext = <tt_content.image.20
  imgtext {
    1.imageLinkWrap.enable.if.isTrue.field = image
    imgList.ifEmpty = nopreview.jpg
    imgPath = uploads/tx_p123designer/
    imgPath.override = typo3conf/ext/p123designer/res/
    imgPath.override.if.isFalse.field = image
    caption.1.override = ###LL_caption###
    caption.1.override.if.isFalse.field = image
  }
}

# Configuration for the plugin "p123designer_pi3"
plugin.tx_p123designer_pi3 {
  includeP123 = pageDesignerLater,storeFiles
  # Define the templateFile
  templateFile = EXT:p123designer/res/template.htm
  javascriptFile = EXT:p123designer/res/javascript.js
  moveJsFromHeaderToFooter = 0
  # Define formular settings
  formular < plugin.tx_p123designer_pi1.formular
  formular {
    type.typolink.additionalParams = &tx_p123designer_pi3[link]=
    type.typolink.additionalParams.dataWrap = |{GP:tx_p123designer_pi3|link}
  }
  headline = TEXT
  headline {
    dataWrap = <div class="csc-header"><h1>|###DATA_format_desc###</h1></div>    
    noTrimWrap = || |
    field = header
  }
  content = RECORDS
  content {
    tables = tt_content
    conf.tt_content =< tt_content
    dontCheckPid = 1
    stdWrap.required = 1
    stdWrap.wrap = <div class="tx-p123designer-pi3-guidelines">|</div>
  }
  flash < plugin.tx_p123designer_pi1.flash
  workingSet < plugin.tx_p123designer_pi1.workingSet
  appendPageTitle < plugin.tx_p123designer_pi1.appendPageTitle
  #np Anfang
  marks {
    UPLOADER_BASEURL = uploads/tx_p123designer/
    # @TODO: Change this to function of pi4 #
    UPLOADER_HANDLER_URL = TEXT
    UPLOADER_HANDLER_URL {
      typolink {
        parameter.data = TSFE:id
        additionalParams = &type=133
        returnLast = url
        addQueryString = 1
        addQueryString.exclude = id,L,chash
      }
    }
    UPLOADER_SERVERURL = TEXT
    UPLOADER_SERVERURL {
      typolink {
        parameter.data = TSFE:id
        returnLast = url
        additionalParams.cObject = COA
        additionalParams.cObject {
          10 = TEXT
          10.value = &tx_p123designer_pi4[upload]=1
          20 = TEXT
          20.data = GP:tx_p123designer_pi4|format
          20.wrap = &tx_p123designer_pi4[format]=|
          30 = TEXT
          30.value = &tx_p123designer_pi4[uploaded]=1
        }
      }
    }
  }
  #npEnde
  stdWrap.stdWrap.split < plugin.tx_p123designer_pi1.stdWrap.stdWrap.split
  # Add extra time to expiration date in database (7 days = 7 * 24 * 60 *60)
  extraExpirationTime = 604800
  data {
    image {
      setContentToCurrent = 1
      cObject = IMAGE
      cObject {
        file.import = uploads/tx_p123designer/
        file.import.current = 1
        file.maxH = 175
        file.maxW = 250
        params = class="tx-p123designer-pi3-image"
      }
    }
    thumbnail {
      setContentToCurrent = 1
      cObject = IMG_RESOURCE
      cObject.file.import = uploads/tx_p123designer/
      cObject.file.import.current = 1
      required = 1
      wrap = <img src="|">
      wrap2 = <div class="tx_p123designer_pi4-thumbnail">|</div>
    }
    motifDesc {
      trim = 1
      stripHtml = 1
      htmlSpecialChars = 1
    }
  }
  locallang {
    save {
      wrap = <a class="csc-mailform-submit tx-p123designer-pi1-button-submit">|</a>
    }
    submitAccept {
      # wrap = <a class="csc-mailform-button" onclick="return tx_p123designer_pi3.submit();">|</a>
      typolink {
      	parameter {
      		data = TSFE:id
      		noTrimWrap = || - "csc-mailform-submit tx-p123designer-pi3-button-submit"|
      	}
      	additionalParams {
      		wrap = &tx_p123designer_pi3[link]=|
      		data = GP:tx_p123designer_pi3|link
      	}
      }
    }
	submitAccept >
	submitAccept.wrap = <a class="csc-mailform-submit tx-p123designer-pi3-button-submit">|</a>
    submitDecline {
      typolink.parameter.data = TSFE:id
      typolink.parameter.noTrimWrap = || - "csc-mailform-submit tx-p123designer-pi3-cancel-button"|
      typolink.additionalParams = &tx_p123designer_pi3[link]=
      typolink.additionalParams.dataWrap = |{GP:tx_p123designer_pi3|link}
    }
	submitDecline >
	submitDecline.wrap = <a class="csc-mailform-submit tx-p123designer-pi3-cancel-button">|</a>
    fullScreenHint {
      wrap = <div class="tx-p123designer-pi1-fullscreen">|</div>
    }
    fullScreenLink {
      wrap = <a onclick="DesignerZoomer.zoom(); return false;">|</a>
    }
    finishedDescription {
      stdWrap.parseFunc.constants = 1
      trim = 1
      parseFunc = <lib.parseFunc_RTE
    }
    finishedClose {
      typolink.parameter.data = fullRootline: 0,uid
      typolink.parameter.noTrimWrap = || - csc-mailform-button|
    }
    errorLink {
      trim = 1
      parseFunc = <lib.parseFunc_RTE
    }
    errorHotline {
      stdWrap.parseFunc.constants = 1
      trim = 1
      parseFunc = <lib.parseFunc_RTE
    }
    errorClose {
      typolink.parameter.cObject = CONTENT
      typolink.parameter.cObject {
        table = pages
        select {
          pidInList.data = fullRootline: 1,uid
          selectFields = uid,pid
          where = (title LIKE 'kontakt%' OR title LIKE 'contact%' OR nav_title LIKE 'kontakt%' OR nav_title LIKE 'contact%' OR alias LIKE 'kontakt%' OR alias LIKE 'contact%') AND nav_hide='0' AND no_search='0'
          max = 1
        }
        slide = 100
        renderObj = TEXT
        renderObj.field = uid
      }
      typolink.parameter.noTrimWrap = || - csc-mailform-button|
    }
    processing {
      wrap = <span>|</span>
    }
    submitting < .processing
    uploadButton {
      wrap = <span>|</span>
    }
    motifHeader {
      wrap = <h2>|</h2>
    }
    motifDesc {
      trim = 1
      parseFunc = <lib.parseFunc_RTE
    }
  }
  # Parse userdata before adding them to mailTemplate
  parseUserData.text {
    htmlSpecialChars_decode = 1
  }
  # Mail Constructor
  mail {
    subject {
      lang.en = Motif at {TSFE:tmpl|sitetitle} for order no. {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sesName]}{register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]} submitted
      lang.de = Motiv auf {TSFE:tmpl|sitetitle} zu Auftrag {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sesName]}{register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]} nachgereicht
      insertData = 1
    }
    recipient {
      address.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][email]
      address.htmlSpecialChars_decode = 1
#     name.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][lastname]
#     name.stdWrap.dataWrap = |, {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][firstname]}
#     name.stdWrap.prepend = TEXT
#     name.stdWrap.prepend {
#       data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][company]
#       required = 1
#       noTrimWrap = || - |
#     }
#     name.htmlSpecialChars_decode = 1
    }
#   cc.1 {
#     address = email@address.com
#     name = Recipient name
#   }
    bcc.1 {
      address = auftrag@123plakat.de
#     name = Recipient name
    }
    attachment {
      1 {
        file.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][preview]
        file.required = 1
        file.wrap = uploads/tx_p123designer/
        fileName {
          lang.en = motif
          lang.de = motiv
          dataWrap = {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]}-|.
          append = TEXT
          append {
            data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][preview]
            listNum.splitChar = .
            listNum = last
          }
          insertData = 1
        }
      }
    }
  }
  # HTML Template
  mailTemplate.html = TEMPLATE
  mailTemplate.html {
    template = FILE
    template.file = EXT:p123designer/res/mailTemplate.htm
    template.file.override = EXT:p123designer/res/mailTemplate_with_download.htm
    template.file.override.if {
      value < plugin.tx_p123_pi.storeFiles.if.value
      isInList.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][format]
      negate = 1
    }
    subparts.MENU = <plugin.tx_p123checkout_pi4.mailTemplate.html.subparts.MENU
    subparts.LOGO = <plugin.tx_p123checkout_pi4.mailTemplate.html.subparts.LOGO
    marks.TITLE = TEXT
    marks.TITLE {
      lang.en = Motif submitted
      lang.de = Plakatmotiv übermittelt
    }
    marks.CUSTOMER = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.CUSTOMER
    marks.DATE = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.DATE
    marks.TODAY = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.TODAY
    marks.PORTAL = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.PORTAL
    marks.SITENAME = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.SITENAME
    marks.ORDERTEXT = TEXT
    marks.ORDERTEXT {
      lang.en (
Hello ###USER_firstname### ###USER_lastname###,

thank you for your „###USER_format_desc###“ motif. Your motif data has been successfully transferred to {$terms.short}

For any questions please contact our hotline <a href="tel:{$terms.telraw}" style="color: #55565A;">{$terms.tel}</a> or by e-mail to <a href="mailto:{$terms.email}" style="color: #55565A;">{$terms.email}</a>.


Best regards

{$portal.salutation}
      )
      lang.de (
Hallo ###USER_firstname### ###USER_lastname###,

vielen Dank für Dein „###USER_format_desc###“ Plakatmotiv. Deine Daten wurde erfolgreich an {$terms.short} übermittelt.

Bei Rückfragen wende Dich bitte an unsere Hotline <a href="tel:{$terms.telraw}" style="color: #55565A;">{$terms.tel}</a> oder per E-Mail an <a href="mailto:{$terms.email}" style="color: #55565A;">{$terms.email}</a>.


Mit freundlichen Grüßen

{$portal.salutation}
      )
      trim = 1
      brTag = <br>
    }
    marks.DOWNLOAD = TEXT
    marks.DOWNLOAD {
      lang.en = Download the print data
      lang.de = Download der Druckdaten
    }
    subparts.HOTLINE = <plugin.tx_p123checkout_pi4.mailTemplate.html.subparts.HOTLINE
    marks.ADDRESS = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.ADDRESS
    marks.IMPRINT = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.IMPRINT
  }
  # Text template
  mailTemplate.text = TEMPLATE
  mailTemplate.text {
    template = <plugin.tx_p123designer_pi3.mailTemplate.html.template
    template.file = EXT:p123designer/res/mailTemplate.txt
    template.file.override = EXT:p123designer/res/mailTemplate_with_download.txt
    subparts.MENU = <plugin.tx_p123designer_pi3.mailTemplate.html.subparts.MENU
    subparts.MENU {
      1.NO.doNotLinkIt = 1
      1.NO.stdWrap {
        append = COA
        append {
          10 = TEXT
          10.setCurrent.char = 124 |*| 124 |*| 0
          10.typolink.parameter.field = uid
          10.typolink.forceAbsoluteUrl = 1
          10.typolink.returnLast = url
          10.noTrimWrap = | <|> {current:1}|
          10.insertData = !
          20 = TEXT
          20.char = 10
        }
      }
      1.NO.linkWrap = |
      stdWrap.trim = 1
    }
    marks.TITLE = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.TITLE
    marks.CUSTOMER = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.CUSTOMER
    marks.CUSTOMER {
      stdWrap.noTrimWrap = ||:                    |
      substring = 0,20
    }
    marks.DATE = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.DATE
    marks.DATE {
      stdWrap.noTrimWrap = ||:                    |
      substring = 0,20
    }
    marks.TODAY = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.TODAY
    marks.SITENAME = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.SITENAME
    marks.SITEURL = TEXT
    marks.SITEURL {
      typolink.parameter.data = fullRootline: 1,uid
      typolink.returnLast = url
      wrap = <|>
    }
    marks.ORDERTEXT = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.ORDERTEXT
    marks.ORDERTEXT {
      brTag (


)
      stripHtml = 1
    }
    marks.DOWNLOAD = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.DOWNLOAD
    subparts.HOTLINE = <plugin.tx_p123designer_pi3.mailTemplate.html.subparts.HOTLINE
    subparts.HOTLINE {
      brTag < plugin.tx_p123designer_pi3.mailTemplate.text.marks.ORDERTEXT.brTag
      stripHtml = 1
    }
    marks.ADDRESS = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.ADDRESS
    marks.ADDRESS {
      brTag < plugin.tx_p123designer_pi3.mailTemplate.text.marks.ORDERTEXT.brTag
      stripHtml = 1
    }
    marks.IMPRINT = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.IMPRINT
    marks.IMPRINT {
      brTag < plugin.tx_p123designer_pi3.mailTemplate.text.marks.ORDERTEXT.brTag
      stripHtml = 1
    }
  }
  xmlOptions {
    storeXML = 1
    directory = /var/ftp/order
    fileName = {$plugin.tx_p123_pi.portal}_{$plugin.tx_p123_pi.sesName}_{register:tx_p123_pi[session][sid]}_motiv.xml
    fileName {
      insertData = 1
    }
  }
  # Array to bild xml of
  orderArr {
    _attributes {
      Datum.date = d-m-Y H:i
      Kommisionsnr.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]
      IP.data = getIndpEnv:REMOTE_ADDR
      Portal = {$plugin.tx_p123_pi.portal}
      Unterportal = {$plugin.tx_p123_pi.sesName}
    }
    Kunde {
      _attributes {
        Vorname.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][firstname]
        Nachname.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][lastname]
        Firma.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][company]
        Email.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][email]
      }
    }
    Media {
      if {
        __preventParser = 1
        isTrue.field = poster
      }
      _attributes {
        Name.field = caption
        Format {
          field = format
          substring = 0,-3
          substring.if {
            value = _DW
            equals.field = format
            equals.case = upper
            equals.substring = -3,3
          }
        }
        Dauerwerbung = 0
        Dauerwerbung {
          override = 1
          override.if.value = _DW
          override.if.equals.field = format
          override.if.equals.case = upper
          override.if.equals.substring = -3,3
        }
        Typ {
          cObject = CASE
          cObject {
            3560x2520 = TEXT
            3560x2520.value = GF
            5260x3720 = TEXT
            5260x3720.value = SP
            1024x768 = TEXT
            1024x768.value = VB
            1189x2520 = TEXT
            1189x2520.value = GZ
            7120x2520 = TEXT
            7120x2520.value = PF
            3540x2470 = TEXT
            3540x2470.value = GV
            1185x1750 = TEXT
            1185x1750.value = VI
            1185x1751 = TEXT
            1185x1751.value = VI
            594x841 = TEXT
            594x841.value = AL1_1
            1190x841 = TEXT
            1190x841.value = AL2_1
            1190x1680 = TEXT
            1190x1680.value = AL4_1
            1189x2520.override = AL6_1
            1189x2520.override.if.value.field = HS
            1189x2520.override.if.equals = AL
            297x420 = TEXT
            297x420.value = SOTP
            841x1189 = TEXT
            841x1189.value = SOTL
            148x210 = TEXT
            148x210.value = SOSA
            148x105 = TEXT
            148x105.value = SOFC
            154x111 = TEXT
            154x111.value = SOCC
            860x720 = TEXT
            860x720.value = TADW
            3560x2520_DW < .3560x2520
            1189x2520_DW < .1189x2520
            3540x2470_DW < .3540x2470
			3560x2521 < .3560x2520
			1189x2521 < .1189x2520
            key.field = format
          }
        }
      }
      Plakat {
        _attributes {
          Vorschau.field = download
          URL.field = poster
          bezeichnung {
            data = GP:tx_p123designer_pi3|description
            ifEmpty.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][email]
            ifEmpty.trim = 1
            ifEmpty.substring = 0,15
            trim = 1
          }
          motivanzahl {
            data = GP:tx_p123designer_pi3|quantity
            ifEmpty = 1
            intval = 1
          }
        }
#       Bilddaten {
#         Data {
#           preUserFunc = tx_p123checkout_pi4->fileContent
#           preUserFunc {
#             file.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][preview]
#             file.wrap = uploads/tx_p123designer/|
#           }
#         }
#         _attributes {
#           Name.field = found
#           Bytes {
#             preUserFunc = tx_p123checkout_pi4->fileSize
#             preUserFunc {
#               file.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][preview]
#               file.wrap = uploads/tx_p123designer/|
#             }
#           }
#           Kodiert = base64
#         }
#       }
      }
    }
  }
  marks.UPLOADER_HANDLER_URL < plugin.tx_p123designer_pi1.marks.UPLOADER_HANDLER_URL
  marks.UPLOADER_SERVERURL < plugin.tx_p123designer_pi1.marks.UPLOADER_SERVERURL
  marks.UPLOADER_SERVERURL {
	additionalParams.cObject {
		10.value = &tx_p123designer_pi3[upload]=1
		20 >
		30 >
		# 20.data = GP:tx_p123designer_pi3|format
		# 20.wrap = &tx_p123designer_pi1[format]=|
		# 30.value = &tx_p123designer_pi3[accept]=1
	}
  }

  # Define the default Stylesheet
  _CSS_DEFAULT_STYLE (
	body.wide #content-normal .csc-default .tx-p123designer-pi3 { margin: -10px -15px -19px -12px; }
	#txp123designerpi3-flash, .tx-p123designer-pi3 .tx-rbflashobject-pi1-swf_altcontent { line-height: 0px; }
	#txp123designerpi3-flash embed, #txp123designerpi3-flash object { min-height: 525px; }
	#txp123designerpi3-flash .csc-default { line-height: normal; }
	#txp123designerpi3-flash.fullScreen { overflow: hidden; }
	#txp123designerpi3-flash.fullScreen embed, #txp123designerpi3-flash.fullScreen object { height: 95%; margin: 2.5% 0px 0px 2.5%; min-height: 0px; width: 95%; }
	#txp123designerpi3-submit { display: none; }
	.tx-p123designer-pi3 .csc-mailform-submit-top.deactivate, .tx-p123designer-pi3 .csc-mailform-submit-bottom.deactivate, .tx-p123designer-pi3 .csc-mailform-submit.deactivate, .tx-p123designer-pi3 .csc-mailform-cancel-bottom.deactivate { display: none; }
	.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-cancel-bottom, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-bottom { position: fixed; z-index: 1002; }
	.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top { bottom: 100%; margin: 0px 0px -30px 0px; top: auto;
		bottom: -moz-calc(50%); bottom: -webkit-calc(50%); bottom: calc(50%);
		/* calc((100vh * 0.98 - 30px - 49px + 40px) / 2 - 10px) */
		margin-bottom: -moz-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 39px) / 2 - 10px); }
	.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-cancel-bottom, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-bottom { bottom: auto; margin: -26px 0px 0px 0px; top: 100%;
		/* calc((100vh * 0.98 - 30px - 49px + 35px) / 2 - 1px) */
		margin-top: -moz-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 44px) / 2 - 1px);
		top: -moz-calc(50%); top: -webkit-calc(50%); top: calc(50%); }
	.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-cancel-bottom { left: 1%; }
	.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-bottom { right: 1%; }
	.tx-p123designer-pi3-fullscreen { background: #f5efe3; color: #BE1010; line-height: 16px; margin: -1px 0px 1px 0px; padding: 6px; position: relative; }
	.tx-p123designer-pi3-fullscreen a { color: #BE1010; font-weight: bold; }
	.tx-p123designer-pi3-image { border: 1px solid #DBDBDB; float: right; margin: 0px 0px 5px 25px; }
	.tx-p123designer-pi3-window { padding: 30px 40px; }
	.tx-p123designer-pi3-window h2 { padding-bottom: 0px; }
	.tx-p123designer-pi3-window p { padding-top: 3px !important; }
	.tx-p123designer-pi3-window p span label { display: block; }
	.tx-p123designer-pi3-window a.csc-mailform-button, #TB_window .tx-p123designer-pi3-window a.csc-mailform-button { color: #FFFFFF; float: right; }
	.tx-p123designer-pi3-window a.csc-mailform-button.left, #TB_window .tx-p123designer-pi3-window a.csc-mailform-button.left { float: left; }
	.tx-p123designer-pi3-window .line { border-bottom: 1px dashed #ACA89C; clear: both; font-size: 0px; height: 0px; line-height: 0px; margin: 20px 0px; }
	#TB_load.tx-p123designer-pi3-load { background: rgba(255, 255, 255, 0.9); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 50px; margin: -25px 0px 0px -162.5px; padding-top: 18px; text-align: center; white-space: nowrap; width: 325px;
		-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
		-moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; }
	#TB_load.tx-p123designer-pi3-load::after { background: #000000; margin-top: -16px; }
	#TB_load.tx-p123designer-pi3-load span { display: block; margin-left: 20px; }
	.tx_p123designer_pi3-form { padding: 10px 15px 18px 12px; }
	.tx-p123designer-pi3-descriptionError,
	.tx-p123designer-pi3-uploadError { color: #BE1010; font-weight: bold; }
	.tx_p123designer_pi3-fileinput-button { background-color: #F8B300; color: #fff; font-weight: bold; overflow: hidden; padding: 6px 12px; position: relative; }
	.tx_p123designer_pi3-fileinput-button,
	.tx_p123designer_pi3-fileinput-text { display: inline-block; }
	.tx_p123designer_pi3-fileinput-text { font-size: 20px; margin-top: 10px; }
	.tx_p123designer_pi3-fileinput-button input { cursor: pointer; direction: ltr; font-size: 200px !important; margin: 0px; opacity: 0; position: absolute; right: 0px; top: 0px;
		-ms-filter: 'alpha(opacity=0)'; }
	.tx_p123designer_pi3-progress { background-color: #f5f5f5; border-radius: 4px; display: none; height: 20px; margin: 20px 0px; overflow: hidden;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
	.tx_p123designer_pi3-progress-bar { background-color: #337ab7; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; padding: 0px 5px; text-align: center; width: 0px;
		-webkit-box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.15);
		-webkit-transition: width 0.6s ease; transition: width 0.6s ease; }
	.tx_p123designer_pi3-progress-bar-success { background-color: #5cb85c; }
	.tx_p123designer_pi3-dropzone { background: #e7e7e7; border: 2px dashed #868686; height: 50px; padding: 50px 0px; text-align: center; width: 100%; }
	.tx_p123designer_pi3-dropzone.in { background: #c5c5c5; font-size: 150%; }
	.tx_p123designer_pi3-thumbnail img { border: 1px solid #dbdbdb; display: block; }
	.tx-p123designer-pi3-upload-titel .csc-mailform-button { float: left; }
	body.wide #content-normal .csc-default + .tx-p123designer-pi3-guidelines,
	body.wide-toggle #content-normal .csc-default + .tx-p123designer-pi3-guidelines { padding-top: 30px; }
	@media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) {
		.tx-p123designer-pi3 { margin-top: 0px !important; position: relative; }
		#txp123designerpi3-flash { right: 0px; }
		.tx-p123designer-pi3 object, .tx-p123designer-pi3 embed { height: auto; max-width: 100%; min-height: 442px; width: 100%; }
		.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top {
			/* calc((100vh * 0.98 - 30px - 55px + 40px) / 2 - 10px) */
			margin-bottom: -moz-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 45px) / 2 - 10px); }
		.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-cancel-bottom, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-bottom {
			/* calc((100vh * 0.98 - 30px - 55px + 35px) / 2 - 1px) */
			margin-top: -moz-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 50px) / 2 - 1px); }
		.tx_p123designer_pi3-thumbnail img { height: auto; width: 100%;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	}
	@media only screen and (max-width: 456px) {
		.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top { display: none; }
	}
  )
}

# Configuration for the plugin "p123designer_pi4"
plugin.tx_p123designer_pi4 {
  # Define the templateFile
  templateFile = EXT:p123designer/res/template.htm
  javascriptFile = EXT:p123designer/res/javascript.js
  moveJsFromHeaderToFooter = 0
  # Define formular settings
  formular {
    type.typolink.parameter.data = TSFE:id
    type.typolink.additionalParams = &tx_p123designer_pi4[format]=
    type.typolink.additionalParams.dataWrap = |{GP:tx_p123designer_pi4|format}
    type.typolink.returnLast = url
  }
  # Define the flash movie
  flash =< tt_content.media.20
  flash {
    minHeight = 405
    mimeConf.swfobject.file.dataWrap = |?_={date:U}
    alternativeContent.stdWrap.parseFunc = <lib.parseFunc
    alternativeContent.wrap = <div class="csc-default">|</div>
    stdWrap.required = 1
   #stdWrap.dataWrap = |<h1 class="###FORM_name###-header">{field:header} ###DATA_format_desc###</h1>
    stdWrap.dataWrap = <div class="csc-header"><h1>{field:header} ###DATA_format_desc###</h1></div>|
   #stdWrap.wrap3 = <div id="###FORM_name###-flash">|<div id="###FORM_name###-headline">###DATA_format_desc###</div></div>
    stdWrap.wrap3 = <div id="###FORM_name###-flash">|</div>
  }
  headline = TEXT
  headline {
    dataWrap = <div class="csc-header"><h1>|###DATA_format_desc###</h1></div>    
    noTrimWrap = || |
    field = header
  }
  content = RECORDS
  content {
    tables = tt_content
    conf.tt_content =< tt_content
    dontCheckPid = 1
    stdWrap.required = 1
    stdWrap.wrap = <div class="tx-p123designer-pi4-guidelines">|</div>
  }
  workingSet {
    paddingTop = 41
    paddingRight = 9
    paddingBottom = 64
    paddingLeft = 163
  }
  appendPageTitle {
    setCurrent.field = format_desc
    lang.en = for
    lang.de = für
    noTrimWrap = | | |
    dataWrap = |{current:1}
  }
  marks {
    UPLOADER_BASEURL = uploads/tx_p123designer/

    # @TODO: Change this to function of pi4 #
    UPLOADER_HANDLER_URL = TEXT
    UPLOADER_HANDLER_URL {
      typolink {
        parameter.data = TSFE:id
        additionalParams = &type=133
        returnLast = url
        addQueryString = 1
        addQueryString.exclude = id,L,chash
      }
    }

    UPLOADER_SERVERURL = TEXT
    UPLOADER_SERVERURL {
      typolink {
        parameter.data = TSFE:id
        returnLast = url
        additionalParams.cObject = COA
        additionalParams.cObject {
          10 = TEXT
          10.value = &tx_p123designer_pi4[upload]=1

          20 = TEXT
          20.data = GP:tx_p123designer_pi4|format
          20.wrap = &tx_p123designer_pi4[format]=|

          30 = TEXT
          30.value = &tx_p123designer_pi4[uploaded]=1
        }
      }
    }
  }
  data {
    thumbnail {
      setContentToCurrent = 1
      cObject = IMG_RESOURCE
      cObject.file.import = uploads/tx_p123designer/
      cObject.file.import.current = 1
      required = 1
      wrap = <img src="|">
      wrap2 = <div class="tx_p123designer_pi4-thumbnail">|</div>
    }
    motifDesc {
      trim = 1
      stripHtml = 1
      htmlSpecialChars = 1
    }
  }
  locallang {
    save {
      wrap = <a class="csc-mailform-submit tx-p123designer-pi4-button-submit">|</a>
     #typolink {
     #  parameter = {$plugin.tx_p123_pi.pageDesignerUpload}
     #  addQueryString = 1
     #  addQueryString.exclude = id,cHash,L,file,delete
     #  additionalParams = &tx_p123designer_pi4[uploaded]=1
     #  ATagParams = class="csc-mailform-submit tx-p123designer-pi4-button-submit"
     #}
    }
    cancel {
      typolink.parameter = {$plugin.tx_p123_pi.pageDesigner}
      typolink.parameter.noTrimWrap = || - csc-mailform-submit|
    }
    fullScreenHint {
      wrap = <div class="tx-p123designer-pi4-fullscreen">|</div>
    }
    fullScreenLink {
      wrap = <a onclick="DesignerZoomer.zoom(); return false;">|</a>
    }
    processing {
      wrap = <span>|</span>
    }
    uploadButton {
      wrap = <span>|</span>
    }
    motifHeader {
      wrap = <h2>|</h2>
    }
    motifNumHeadline < .motifHeader
    motifDesc {
      trim = 1
      parseFunc = <lib.parseFunc_RTE
    }
    motifNumHint < .motifDesc
    motifNumHint {
      stdWrap.wrap = <p class="tx-p123designer-pi4-motifhint">|</p>
    }
	errorButton {
      typolink.parameter = {$plugin.tx_p123_pi.pageDesigner}#later:{GP:tx_p123designer_pi4|format} - csc-mailform-button
	  typolink.parameter.insertData = 1
    }
  }
  designerPath = fileadmin/designer/
  imagePath = uploads/tx_p123designer/
  acceptedFileTypes = gif|jpg|jpe?g|tif?f|bmp|pcx|tga|png|pdf|ai
  # Max size in Bytes (15 MB) #
  maxSize = 15728640
  deleteUrl = TEXT
  deleteUrl {
    value = Motiv löschen
    lang.en = Remove
    typolink {
      parameter = {$plugin.tx_p123_pi.pageDesigner}
      additionalParams.dataWrap = &tx_p123designer_pi6[format]={GP:tx_p123designer_pi4|format}
      additionalParams.wrap3 = |&tx_p123designer_pi6[delete]=1
    }
  }
  preview.file {
    maxW = 600
    maxH = 450
    params = -quality 60
    format = jpg
  }
  baseMotif = documentLibrary/public/defaultDocument/%s%s/.structure.xml
  # Must be CASE object! #
  mediaTypes = CASE
  mediaTypes {
    3560x2520 = TEXT
    3560x2520.value = GF
    5260x3720 = TEXT
    5260x3720.value = SP
    1024x768 = TEXT
    1024x768.value = VB
    1189x2520 = TEXT
    1189x2520.value = GZ
    7120x2520 = TEXT
    7120x2520.value = PF
    3540x2470 = TEXT
    3540x2470.value = GV
    1185x1750 = TEXT
    1185x1750.value = VI
    1185x1751 = TEXT
    1185x1751.value = VI
    594x841 = TEXT
    594x841.value = AL1_1
    1190x841 = TEXT
    1190x841.value = AL2_1
    1190x1680 = TEXT
    1190x1680.value = AL4_1
    1189x2520.override = AL6_1
    1189x2520.override.if.value.field = HS
    1189x2520.override.if.equals = AL
    297x420 = TEXT
    297x420.value = SOTP
    841x1189 = TEXT
    841x1189.value = SOTL
    148x210 = TEXT
    148x210.value = SOSA
    148x105 = TEXT
    148x105.value = SOFC
    154x111 = TEXT
    154x111.value = SOCC
    860x720 = TEXT
    860x720.value = TADW
    3560x2520_DW < .3560x2520
    1189x2520_DW < .1189x2520
    3540x2470_DW < .3540x2470
    1920x1080xA = TEXT
    1920x1080xA.value = KI
    1920x1080xB < .1920x1080xA
    1920x1080xC < .1920x1080xA
    1920x1080xD < .1920x1080xA
    1920x1080xF < .1920x1080xA
    1920x1080xG < .1920x1080xA
    1920x1080xH < .1920x1080xA
    1920x1080xI < .1920x1080xA
    1920x1080xJ < .1920x1080xA
    1920x1080xK < .1920x1080xA
    1920x1080xU < .1920x1080xA
    1920x1080xZ < .1920x1080xA
    3560x2521 < .3560x2520
	1189x2521 < .1189x2520
  }
  structure {
    GF {
      width = 600
      height = 398
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    GV < .GF
    GZ {
      width = 204
      height = 392
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    PF {
      width = 1192
      height = 398
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    ZZ {
      width = 209
      height = 150
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    VN {
      width = 401
      height = 555
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    VI < .VN
    VB {
      width = 209
      height = 150
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    TADW {
      width = 870
      height = 360
      resolution = 8
      sizeTolerance = 0.1
      ratioTolerance = 0.1
    }
    AL1_1 {
      width = 216
      height = 275
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    AL2_1 {
      width = 303
      height = 189
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    AL4_1 {
      width = 204
      height = 253
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    AL6_1 < .GZ
    SOTP {
      width = 303
      height = 420
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    SOTL {
      width = 847
      height = 1189
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    SOSA {
      width = 154
      height = 210
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    SOFC {
      width = 154
      height = 105
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.05
    }
    SOCC {
      width = 154
      height = 105
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
  }
  # Define the default Stylesheet
  _CSS_DEFAULT_STYLE (
	body.wide #content-normal .csc-default .tx-p123designer-pi4 { margin: -10px -15px -19px -12px; }
	#txp123designerpi4-flash, .tx-p123designer-pi4 .tx-rbflashobject-pi4-swf_altcontent { line-height: 0px; }
	body.wide #content-normal .csc-default #txp123designerpi4-flash .csc-default,
	body.wide-toggle #content-normal .csc-default #txp123designerpi4-flash .csc-default { border: none; background: none; margin: 0px; position: static; }
	#txp123designerpi4-flash embed, #txp123designerpi4-flash object { min-height: 525px; }
	#txp123designerpi4-flash .csc-default { line-height: normal; }
	#txp123designerpi4-flash.fullScreen { overflow: hidden; }
	#txp123designerpi4-flash.fullScreen embed, #txp123designerpi4-flash.fullScreen object { height: 95%; margin: 2.5% 0px 0px 2.5%; min-height: 0px; width: 95%; }
	.tx-p123designer-pi4 .csc-mailform-submit-top.deactivate, .tx-p123designer-pi4 .csc-mailform-submit-bottom.deactivate, .tx-p123designer-pi4 .csc-mailform-submit.deactivate { display: none; }
	.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-cancel-bottom, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-bottom { position: fixed; z-index: 1002; }
	.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top { bottom: 100%; margin: 0px 0px -30px 0px; top: auto;
		bottom: -moz-calc(50%); bottom: -webkit-calc(50%); bottom: calc(50%);
		/* calc((100vh * 0.98 - 30px - 49px + 40px) / 2 - 10px) */
		margin-bottom: -moz-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 39px) / 2 - 10px); }
	.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-cancel-bottom, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-bottom { bottom: auto; margin: -26px 0px 0px 0px; top: 100%;
		/* calc((100vh * 0.98 - 30px - 49px + 35px) / 2 - 1px) */
		margin-top: -moz-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 44px) / 2 - 1px);
		top: -moz-calc(50%); top: -webkit-calc(50%); top: calc(50%); }
	.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-cancel-bottom { left: 1%; }
	.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-bottom { right: 1%; }
	.tx-p123designer-pi4-fullscreen { background: #f5efe3; color: #BE1010; line-height: 16px; margin: -1px 0px 1px 0px; padding: 6px; position: relative; }
	.tx-p123designer-pi4-fullscreen a { color: #BE1010; font-weight: bold; }
	#TB_load.tx-p123designer-pi4-load { background: rgba(255, 255, 255, 0.9); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 50px; margin: -25px 0px 0px -162.5px; padding-top: 18px; text-align: center; white-space: nowrap; width: 325px;
		-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
		-moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; }
	#TB_load.tx-p123designer-pi4-load::after { background: #000000; margin-top: -16px; }
	#TB_load.tx-p123designer-pi4-load span { display: block; margin-left: 20px; }
	.tx_p123designer_pi4-form { padding: 10px 15px 18px 12px; }
	.tx-p123designer-pi4-descriptionError,
	.tx-p123designer-pi4-uploadError { color: #BE1010; font-weight: bold; }
	.tx-p123designer-pi4-uploadErrorButton {display: block; margin-top: 10px;}
	.tx_p123designer_pi4-fileinput-button { background-color: #F8B300; color: #fff; font-weight: bold; overflow: hidden; padding: 6px 12px; position: relative; }
	.tx_p123designer_pi4-fileinput-button,
	.tx_p123designer_pi4-fileinput-text { display: inline-block; }
	.tx_p123designer_pi4-fileinput-text { font-size: 20px; margin-top: 10px; }
	.tx_p123designer_pi4-fileinput-button input { cursor: pointer; direction: ltr; font-size: 200px !important; margin: 0px; opacity: 0; position: absolute; right: 0px; top: 0px;
		-ms-filter: 'alpha(opacity=0)'; }
	.tx_p123designer_pi4-progress { background-color: #f5f5f5; border-radius: 4px; display: none; height: 20px; margin: 20px 0px; overflow: hidden;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
	.tx_p123designer_pi4-progress-bar { background-color: #337ab7; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; padding: 0px 5px; text-align: center; width: 0px;
		-webkit-box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.15);
		-webkit-transition: width 0.6s ease; transition: width 0.6s ease; }
	.tx_p123designer_pi4-progress-bar-success { background-color: #5cb85c; }
	.tx_p123designer_pi4-dropzone { background: #e7e7e7; border: 2px dashed #868686; height: 50px; padding: 50px 0px; text-align: center; width: 100%; }
	.tx_p123designer_pi4-dropzone.in { background: #c5c5c5; font-size: 150%; }
	.tx_p123designer_pi4-thumbnail img { border: 1px solid #dbdbdb; display: block; }
	.tx-p123designer-pi4-upload-titel .csc-mailform-button { float: left; }
	body.wide #content-normal .csc-default + .tx-p123designer-pi4-guidelines,
	body.wide-toggle #content-normal .csc-default + .tx-p123designer-pi4-guidelines { padding-top: 30px; }
	.tx-p123designer-pi4-motifhint { display: none; }
	@media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) {
		.tx-p123designer-pi4 { margin-top: 0px !important; position: relative; }
		.tx-p123designer-pi4 object, .tx-p123designer-pi4 embed { height: auto; max-width: 100%; min-height: 442px; }
		.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top {
			/* calc((100vh * 0.98 - 30px - 55px + 40px) / 2 - 10px) */
			margin-bottom: -moz-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 45px) / 2 - 10px); }
		.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-cancel-bottom, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-bottom {
			/* calc((100vh * 0.98 - 30px - 55px + 35px) / 2 - 1px) */
			margin-top: -moz-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 50px) / 2 - 1px); }
		.tx_p123designer_pi4-thumbnail img { height: auto; width: 100%;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	}
	@media only screen and (max-width: 456px) {
		.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top { display: none; }
	}
  )
}

# Configuration for the plugin "p123designer_pi5"
plugin.tx_p123designer_pi5 {
  templateFile = EXT:p123designer/res/template.htm
  javascriptFile = EXT:p123designer/res/javascript.js
  # Define the path to the designer
  designerPath = fileadmin/designer/
  # Path to ready images
  imagePath = uploads/tx_p123designer/
  # Default upload folder
  uploadFolder = fileadmin/user_upload/Plakat/motive/
  # Define file extensions, that had not be rewritten to PNG when uploaded
  doNotRewriteFileExt = tiff,tif,pdf,eps,ps
  # Define the page id of the print generator page
  generatorPid = 
  # Define the formular
  formular {
    type.typolink {
      parameter.data = register:tx_p123designer_pi5[generatorPid] // TSFE:id
      additionalParams = &tx_p123designer_pi5[motif]={GP:tx_p123designer_pi5|select // GP:tx_p123designer_pi5|motif}
      additionalParams.if.isTrue.data = GP:tx_p123designer_pi5|select // GP:tx_p123designer_pi5|motif
      additionalParams.insertData = 1
      section.data = field:uid
      returnLast = url
    }
  }
  # Define the preview image format
  preview {
    file.maxW = 640
    file.maxH = 480
    file.params = -quality 80
	file.format = jpg
    stdWrap.dataWrap = <div class="preview" style="height: {TSFE:lastImageInfo|1}px; width: {TSFE:lastImageInfo|0}px;">|</div>
  }
  # Define the content output format
  1 >
  1 = COA
  1 {
      10 = FILES
      10 {
          references {
              table = tt_content
              fieldName = image
              uid.field = uid
          }
          renderObj = COA
          renderObj {
              wrap = <div class="csc-textpic-imagecolumn"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image">|</dl></div></div>

            10 = IMAGE
            10 {
                imageLinkWrap = 1
                imageLinkWrap {
                  enable = 1
                  typolink {
                    if.isTrue.field = image_zoom
                    parameter {
                      cObject = IMG_RESOURCE
                      cObject {
                        file.import.data = TSFE:lastImageInfo|origFile
                      }
                    }
                    title.data = file:current:title
                    ATagParams = class="thickbox" target="_blank"
                  }
                }
                file {
                  import.data = file:current:uid
                  treatIdAsReference = 1
                  width = 185m
                  width.override {
                    field = imagewidth
                    wrap = |m
                    if.isTrue.field = imagewidth
                  }
                }
                wrap = <dt><div id="pic-zoom">|</div></dt>
            }

              20 = TEXT
              20 {
                  outerWrap = <dd class="csc-textpic-caption">|</dd>
                  wrap = |<br>
                  data = file:current:description

                  append = TEXT
                  append {
                      wrap = <div>|</div>
                      value = auswählen
                      typolink {
                          ATagParams = class="csc-mailform-button"
                          parameter.data = file:current:link
                          additionalParams = &tx_p123designer_pi5[select]={field:pid}-{field:uid}-{register:FILE_NUM_CURRENT}
                          additionalParams.insertData = 1
                      }
                      if.isTrue.data = file:current:link
                  }
              }

          }
          stdWrap.wrap = <div class="csc-textpic"><div class="csc-textpic-imagerow">|</div></div>
      }

      30 = TEXT
      30 {
          wrap = <div class="csc-textpic-text">|</div>
          field = bodytext
          parseFunc =< lib.parseFunc_RTE
      }
  }
  # 1 < tt_content.image.20.1	   
  1 {
	20.caption.1.1.required = 0
    20.caption.1.1.append = TEXT
    20.caption.1.1.append {
      data = LLL:EXT:p123designer/pi5/locallang.xml:select
      override {
        data = LLL:EXT:p123designer/pi5/locallang.xml:selected
        if {
          value.data = register:ORIG_FILENAME
          equals.data = register:tx_p123designer_pi5
        }
      }
      typolink {
        parameter.data = register:tx_p123designer_pi5[generatorPid] // TSFE:id
        parameter.override {
          field = pages
          listNum = 0
          if {
            value.data = register:ORIG_FILENAME
            equals.data = register:tx_p123designer_pi5
          }
        }
        parameter.noTrimWrap = || - csc-mailform-button|
        additionalParams = &tx_p123designer_pi5[select]={field:pid}-{field:uid}-{register:IMAGE_NUM_CURRENT}&tx_p123designer_pi5[format]={GP:tx_p123designer_pi5|format}
        additionalParams.if {
          value.data = register:ORIG_FILENAME
          equals.data = register:tx_p123designer_pi5
          negate = 1
        }
#       additionalParams = &tx_p123designer_pi5[select]={field:pid}-{field:uid}-{register:IMAGE_NUM_CURRENT}&tx_p123designer_pi5[format]={GP:tx_p123designer_pi5|format}&tx_p123designer_pi5[campaign]=1
#       additionalParams.if {
#         value.data = register:tx_p123designer_pi5_campaign
#         greater = 0
#       }
        additionalParams.insertData = 1
        ATagParams = class="csc-mailform-submit_long active_long"
        ATagParams.if {
          value.data = register:ORIG_FILENAME
          equals.data = register:tx_p123designer_pi5
        }
      }
	  wrap = <div> | </div>
    }
    20.1.imageLinkWrap.linkParams.ATagParams.append.stdWrap.append < .20.caption.1.1.append
  }
  locallang {
    error.stdWrap.trim = 1
    error.stdWrap.stripHtml = 1
    error.trim = 1
    error.brTag = </div><div>
    completePDF.wrap = <span>|</span>
  }
  # Define the default Stylesheet
  _CSS_DEFAULT_STYLE (
	.tx-p123designer-pi5 .label { float: left; width: 200px; }
	.tx-p123designer-pi5 .field { float: left; width: 350px; }
	.tx-p123designer-pi5 .error { border: 0px solid #000000; color: red; margin-top: 20px; padding: 10px 0px; width: 620px; }
	.tx-p123designer-pi5 .error div { color: red; }
	.tx-p123designer-pi5 .error br, .tx-p123designer-pi5 .error span { display: none; }
	.tx-p123designer-pi5 .preview { background: #666666 url(../typo3conf/ext/p123designer/res/loading.gif) center no-repeat; border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor}; }
	.tx-p123designer-pi5 .dbutton { background: #999999; border: 1px solid #999999; color:#FFFFFF; font-size: 10px; font-weight: bold; }
	.tx-p123designer-pi5 .clear { clear: both; font-size: 0px; height: 0px; line-height: 0px; width: 0px; }
	.tx-p123designer-pi5 .required { color: red; }
	.tx-p123designer-pi5 input[type="checkbox"] { float: left; }
	.tx-p123designer-pi5 input[type="checkbox"] + label { display: block; margin-left: 20px; }
	.tx-p123designer-pi5 .helpbox { background-image: url(../typo3conf/ext/p123designer/res/editbox.png); display: none; line-height: 1; position: absolute; text-align: center; }
	.tx-p123designer-pi5 .helpbox span { display: none; }
	#TB_load.tx-p123designer-pi5-load { background: rgba(255, 255, 255, 0.9); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 50px; padding-top: 25px; text-align: center; white-space: nowrap; width: 325px;
		-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
		-moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; }
	#TB_load.tx-p123designer-pi5-load span { display: block; }
  )
}

# Configuration for the plugin "p123designer_pi6"
plugin.tx_p123designer_pi6 {
  templateFile = EXT:p123designer/res/template.htm
  javascriptFile = EXT:p123designer/res/dynamic.js
  moveJsFromHeaderToFooter = 1
  allowMultipleFormatChanges = 0
  marks {
    ICON_OPTIONS = TEXT
    ICON_OPTIONS {
      value = <!-- -->
      wrap = <div class="tx-p123designer-pi6-icon">|</div>
    }
    REDIRECT_TO_BASKET = TEXT
	REDIRECT_TO_BASKET {
      value = 1
    }
  }
  # Define the preview image format
  data {
    image {
      setContentToCurrent = 1
      cObject = USER
      cObject {
        userFunc = tx_cssstyledcontent_pi1->render_textpic
        1.file.import.current = 1
        1.file.width = 250m
        1.altText.field = caption
        imgList.current = 1
        imgObjNum = 1
        imgPath = fileadmin/image/
        maxW < tt_content.image.20.maxW
        image_effects = 10
        image_effects.if.isFalse.field = num
        layout = TEXT
        layout.value = ###IMAGES###
        renderMethod = simple
      }
    }
    activeItem {
      override = deactivated
      if.isTrue {
        preUserFunc = tx_p123designer_pi6->hook
        preUserFunc {
          funcName = basket_find
          dontIncludeSetup = 1
          ext = p123search*
          rKey = count
          format = 0
        }
      }
      if.isFalse.field = num
      noTrimWrap = | ||
    }
    found {
      cObject = IMG_RESOURCE
      cObject {
        file.import = uploads/tx_p123designer/
        file.import.field = found
        file.width = 70m
        file.minH = 50
        emptyTitleHandling = {$styles.content.imgtext.emptyTitleHandling}
        stdWrap.required = 1
        stdWrap.setCurrent = created
        stdWrap.setCurrent {
          if.isTrue.data = field:created
          noTrimWrap = | rel="|"|
        }
        stdWrap.dataWrap = <div class="tx-p123designer-pi6-found"{current:1} style="background-image: url({TSFE:absRefPrefix // TSFE:baseUrl}|);"><a href="uploads/tx_p123designer/{field:found}" class="thickbox" title="{field:caption}"><!-- --></a></div>
      }
    }
	#Buttonlinks
    key {
      setContentToCurrent = 1
      cObject = COA
      cObject.10 = TEXT
      cObject.10 {
        value = ###LL_create###
        override = ###LL_edit###
        override.if.isTrue.field = found
        typolink.parameter = {$plugin.tx_p123_pi.pageDesignerCreate}
        typolink.additionalParams.dataWrap = &tx_p123designer_pi1[format]={current:1}
        typolink.additionalParams.outerWrap = |&tx_p123designer_pi1[library]=1
        typolink.additionalParams.outerWrap.if.isFalse.field = found
        typolink.ATagParams = csc-mailform-button hide-on-mobile
        typolink.ATagParams.override = csc-mailform-button hide-on-mobile deactivate
        typolink.ATagParams.override.if.isFalse.field = num
        typolink.ATagParams.stdWrap.postCObject = TEXT
        typolink.ATagParams.stdWrap.postCObject {
          if.isTrue.field = found
          value = edit
          noTrimWrap = | ||
        }
        typolink.ATagParams.stdWrap.append = TEXT
        typolink.ATagParams.stdWrap.append {
          if.isTrue.field = num
          if.isTrue.if.isFalse.field = later
          if.isFalse.field = found
          value = create
          noTrimWrap = | ||
        }
        typolink.ATagParams.noTrimWrap = || first|
        typolink.ATagParams.wrap3 = class="|" onclick="tx_p123qsearch_pi1.displayLoader(true);"
      }
      cObject.20 < .cObject.10
      cObject.20 {
        if.isFalse.field = found
        value = ###LL_upload###
        override >
        typolink.parameter = {$plugin.tx_p123_pi.pageDesignerUpload}
        typolink.additionalParams.dataWrap = &tx_p123designer_pi4[format]={current:1}
        typolink.additionalParams.outerWrap >
        typolink.ATagParams = csc-mailform-button
        typolink.ATagParams.override = csc-mailform-button deactivate
        typolink.ATagParams.stdWrap.append.value = upload
        typolink.ATagParams.noTrimWrap = || upload-button|
        typolink.ATagParams.wrap3.noTrimWrap = || data-format="{field:format}"|
        typolink.ATagParams.wrap3.insertData = 1
      }
      cObject.30 < .cObject.20
      cObject.30 {
        if >
        if.isTrue.field = num
        if.isTrue.if.isFalse.field = found
        if.isFalse.preUserFunc = tx_p123checkout_pi1->hook
        if.isFalse.preUserFunc {
          includeObj = db,sid,sqlWhere,portal,hash,sesName,motifDB,basketDB,query,basket,conf,media,mediaHash,periodData
          funcName = basket_find
          dontIncludeSetup = 1
          group.field = format
          ext = *-express
        }
        value = ###LL_later###
        typolink.parameter.data = TSFE:id
        typolink.additionalParams.dataWrap = &tx_p123designer_pi6[format]={current:1}
        typolink.additionalParams.wrap3 = |&tx_p123designer_pi6[later]=1
        typolink.additionalParams.if.isTrue.field = later
        typolink.ATagParams.override >
        typolink.ATagParams.override = csc-mailform-button later
        typolink.ATagParams.override.if.isTrue.field = later
        typolink.ATagParams.stdWrap >
        typolink.ATagParams.wrap = rel="later" class="|"
        typolink.ATagParams.noTrimWrap >
        typolink.ATagParams.wrap3 >
        typolink.ATagParams.outerWrap = |
        typolink.ATagParams.outerWrap.if.isFalse.field = later
        typolink.ATagParams.outerWrap.noTrimWrap = || onclick="tx_p123designer_pi6.later('{current:1}', '{field:caption}'); return false;"|
        typolink.ATagParams.insertData = 1
      }
      cObject.40 < .cObject.30
      cObject.40 {
        if.isFalse >
        if.isFalse.field = confForceProduction
        value = ###LL_noProduction###
        typolink.additionalParams.wrap3 = |&tx_p123designer_pi6[no_production]=1
        typolink.additionalParams.if.isTrue.field = no_production
        typolink.ATagParams.override = csc-mailform-button no-production
        typolink.ATagParams.override.if.isTrue.field = no_production
        typolink.ATagParams.wrap = rel="no_production" class="|"
        typolink.ATagParams.outerWrap.if.isFalse.field = no_production
        typolink.ATagParams.outerWrap.noTrimWrap = || onclick="tx_p123designer_pi6.no_production('{current:1}', '{field:caption}'); return false;"|
      }
      cObject.50 < .cObject.20
      cObject.50 {
        if.negate = 1
        value = ###LL_delete###
        typolink.parameter.data = TSFE:id
        typolink.additionalParams.dataWrap = &tx_p123designer_pi6[format]={current:1}
        typolink.additionalParams.wrap3 = |&tx_p123designer_pi6[delete]=1
        typolink.ATagParams.stdWrap >
        typolink.ATagParams.noTrimWrap = || delete|
      }
    }
    confGuidelines {
      cObject = TEXT
      cObject {
        value = ###LL_formatGuidelines###
        stdWrap.typolink.parameter = {$plugin.tx_p123_pi.pageFormatGuidelines}
        stdWrap.typolink.parameter.override.field = confGuidelines
        stdWrap.typolink.parameter.noTrimWrap = || 650x500:jquery_lightbox=ajax,no_cache=2 tx-p123designer-pi6-guidelines|
        if.isTrue.dataWrap = {$plugin.tx_p123_pi.pageFormatGuidelines}{field:confGuidelines}
      }
      wrap = <div>|</div>
    }
    num {
      setContentToCurrent = 1
      setCurrent {
        current = 1
        override.preUserFunc = tx_p123designer_pi6->hook
        override.preUserFunc {
          funcName = basket_find
          rKey = pos
          ext = p123search*
          group.field = format
        }
        override.if.value = 3540x2470_DW
        override.if.equals.field = format
        override.split {
          token = ,
          cObjNum = 1 |*| 1 |*| 2
          1 = TEXT
          1.override = 1+
          2 = TEXT
          2.override = 1
        }
        override.prioriCalc = intval
      }
      current = 1
      override = ###LL_none###
      override.if.isFalse.current = 1
      postCObject = COA
      postCObject {
        10 = TEXT
        10.value = ###LL_selectMore###
        10.if.value = 1
        10.if.isGreaterThan.current = 1
        20 < .10
        20.value = ###LL_selectOne###
        20.if.negate = 1
        stdWrap.noTrimWrap = | ||
      }
    }
    price {
      setContentToCurrent = 1
      setCurrent.current = 1
      setCurrent.override.preUserFunc = tx_p123designer_pi6->hook
      setCurrent.override.preUserFunc {
        includeObj = db,sid,sqlWhere,portal,hash,sesName,motifDB,basketDB,query,basket,conf,media,mediaHash,periodData
        funcName = basket_sum
        dontIncludeSetup = 1
        group.field = format
        pos = poster
        ext = p123designer
        rKey = net
        format = 0
      }
      current = 1
      preUserFunc = tx_p123designer_pi6->hook_money_format
      if.isTrue.field = num
      wrap = <a><span>|</span></a>###LL_printingCosts###
      wrap.override = <a><span>|</span></a>###LL_printingCosts_DW###
      wrap.override.if.value = _DW
      wrap.override.if.equals.field = format
      wrap.override.if.equals.case = upper
      wrap.override.if.equals.substring = -3,3
      wrap2 = |###LL_printingCostsExclSpare###
      wrap2.if.isTrue.field = spare
      wrap3 = <div class="costs"><div>|</div></div>
    }
  }
  piVars {
    removeBadHTML = 1
    htmlSpecialChars = 1
    htmlSpecialChars.preserveEntities = 1
  }
  locallang {
    createButton {
      stdWrap.noTrimWrap = |&raquo; ||
      typolink.parameter = {$plugin.tx_p123_pi.pageBasket}
      typolink.parameter.noTrimWrap = || - csc-mailform-button|
    }
    errorButton {
      stdWrap.noTrimWrap = |&raquo; ||
      wrap = <a class="csc-mailform-button" onclick="tx_p123designer_pi6.later(null, \'###LL_allMedia###\'); return false;">|</a>
    }
    laterButton {
      stdWrap.noTrimWrap = |&raquo; ||
      wrap = <a class="csc-mailform-button" onclick="tx_p123designer_pi6.description(); return false;">|</a>
    }
    noProductionButton < .laterButton
    calculatorButton {
      if.directReturn = 0
      innerWrap = <h4>|</h4>
      typolink.parameter = 139
      typolink.parameter.noTrimWrap = || 600x470:jquery_lightbox=ajax|
      wrap = <div class="tx-p123designer-pi6-calculator">|</div>
    }
    printingCostsExclSpare {
      innerWrap < plugin.tx_p123_pi.basket.p123designer.spare.edit
      innerWrap.innerWrap = |<br>
      innerWrap.innerWrap2.lang.en = |Spare posters can be deactivated in the shopping basket.
      innerWrap.innerWrap2.lang.de = |Ersatzplakate können im Warenkorb deaktiviert werden.
      innerWrap.wrap = <span>|</span>
      innerWrap.wrap2 >
      wrap = <a class="tooltip tooltip--top-right tooltip--large">|</a>
    }
    showDeactivedMedia {
      setContentToCurrent = 1
      setCurrent {
        current = 1
        listNum = 1
        listNum.splitChar = |
      }
      listNum = 0
      listNum.splitChar = |
      if.isTrue {
        preUserFunc = tx_p123designer_pi6->hook
        preUserFunc {
          funcName = basket_find
          dontIncludeSetup = 1
          ext = p123search*
          rKey = count
          format = 0
        }
      }
      required = 1
      dataWrap = <div class="tx-p123designer-pi6-displayMedia"><a class="csc-mailform-button" data-text="{current:1}" onclick="return tx_p123designer_pi6.displayMedia(this);">|</a></div>
    }
    motifDesc {
      wrap = <div class="bodytext">|</div>
    }
    motifNumHeadline {
      wrap = <h2>|</h2>
    }
  }
  stdWrap_EXT {
    prepend = COA
    prepend {
      10 = TEXT
      10.data = LLL:EXT:p123designer/pi6/locallang.xml:save
      10.typolink.parameter = {$plugin.tx_p123_pi.pageBasket}
      10.typolink.parameter.noTrimWrap = || - csc-mailform-submit|
      10.wrap = <div class="csc-mailform-submit-top">|</div>
      20 = IMAGE
      20 {
        if.directReturn = {$plugin.tx_p123_pi.professionalPoster}
        file.import = EXT:p123designer/res/
        file.import.lang.en = plakathilfe_en.png
        file.import.lang.de = plakathilfe.png
        altText.lang.en = Do you need help with your motif design?
        altText.lang.de = Du brauchst Hilfe beim Plakatentwurf?
        imageLinkWrap = 1
        imageLinkWrap.enable = 1
        imageLinkWrap.typolink.parameter = {$plugin.tx_p123_pi.professionalPoster}
        imageLinkWrap.typolink.parameter.noTrimWrap = || 550x300:jquery_lightbox=ajax,no_cache=2|
        stdWrap.wrap = <p class="csc-subheader tx-p123designer-pi6-subheader">|</p>
      }
      30 < .20
      30 {
        if.directReturn = {$plugin.tx_p123_pi.oneMotifHint}
        file.import.lang.en >
        file.import.lang.de = motivhinweis.png
        altText.lang.en >
        altText.lang.de = Nur 1 Motiv pro Medium; Kopfleiste mit {$portal.name} Logo wird automatisch hinzugefügt.
        imageLinkWrap.typolink.parameter = {$plugin.tx_p123_pi.oneMotifHint}
        imageLinkWrap.typolink.parameter.noTrimWrap = || 550x350:jquery_lightbox=ajax|
      }
    }
    append < .prepend.10
    append.wrap = <div class="csc-mailform-submit-bottom">|</div>
  }
  _CSS_DEFAULT_STYLE (
	.tx-p123designer-pi5 .datacheck {margin-bottom: 1em;}
	.tx-p123designer-pi5 .submit .dbutton {text-align: center;}
	.tx-p123designer-pi5 .submit {text-align: center;}
	.tx-p123designer-pi5 .submit .dbutton[name="tx_p123designer_pi5[reset]"] {float: left;}
	.tx-p123designer-pi5 .submit .dbutton[name="tx_p123designer_pi5[preview]"] {margin: 0px auto; display: inline-block;}
	.tx-p123designer-pi5 .submit .dbutton[name="tx_p123designer_pi5[complete]"] {float: right;}  
	.tx-p123designer-pi6-subheader { float: left; }
	.tx-p123designer-pi6-subheader + * { clear: left; }
	.tx-p123designer-pi6-subheader + .tx-p123designer-pi6-subheader { clear: none; }
	.tx-p123designer-pi6-item { float: left; margin: 0px 20px 20px 0px; width: 250px; }
	.tx-p123designer-pi6-item.deactivated { display: none; }
	.tx-p123designer-pi6-item h3 { font-size: 12px; }
	.tx-p123designer-pi6-image { cursor: pointer; height: 180px; overflow: hidden; position: relative; width: 250px; }
	.tx-p123designer-pi6-icon { background: url(../typo3conf/ext/p123designer/res/hint.png) no-repeat; bottom: 10px; height: 42px; position: absolute; right: 10px; width: 42px; z-index: 2; }
	.tx-p123designer-pi6-detail { background: #FAF7F2; border: 1px solid #DBDBDB; border-style: none solid solid solid; height: 171px; padding: 13px 8px 0px 8px; position: relative; width: 232px; }
	.tx-p123designer-pi6-found,
	.tx-p123qsearch-pi1-window .tx-p123designer-pi6-found { background: #FAF7F2 no-repeat center center; border: 1px solid #DBDBDB; float: right; height: 74px; width: 70px; overflow: hidden; }
	.tx-p123qsearch-pi1-window .tx-p123designer-pi6-found + p { margin-right: 100px; }
	.tx-p123designer-pi6-detail .tx-p123designer-pi6-found { margin-top: 3.5em; position: relative; }
	.tx-p123designer-pi6-found a,
	.tx-p123qsearch-pi1-window .tx-p123designer-pi6-found a { display: block; height: 74px; width: 70px; }
	.tx-p123designer-pi6-found a:before,
	.tx-p123qsearch-pi1-window .tx-p123designer-pi6-found a:before { content: none !important; }
	.tx-p123designer-pi6-saved { margin-right: 90px; }
	.tx-p123designer-pi6-saved .costs { overflow: visible; position: relative; }
	.tx-p123designer-pi6-saved .costs:before { content: "\a\00a0"; display: block; white-space: pre; }
	.tx-p123designer-pi6-saved .costs > div { bottom: 0px; left: 0px; position: absolute; right: -90px; top: 0px; }
	.tx-p123designer-pi6-saved .costs > div a:first-child { cursor: default; float: right; height: 100%; text-decoration: none !important; }
	.tx-p123designer-pi6-saved .costs > div a:first-child:after { content: "\00A0"; display: inline-block; height: 100%; overflow: hidden; vertical-align: bottom; width: 0px; zoom: 1; }
	.tx-p123designer-pi6-saved .costs > div a:first-child > * { vertical-align: bottom; }
	.tx-p123designer-pi6-saved .costs .tooltip span { float: none; }
	.tx-p123designer-pi6-saved .csc-mailform-button { display: inline-block; margin-top: 6px; padding-left: 19px; padding-right: 10px; }
	.tx-p123designer-pi6-saved .csc-mailform-button:first-child { margin-top: 13px; }
	.tx-p123designer-pi6-saved .csc-mailform-button:before { display: inline-block; font: normal normal normal 13px/1 FontAwesome; margin-left: -15px; text-rendering: auto; vertical-align: middle; width: 15px;
		-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.tx-p123designer-pi6-saved .csc-mailform-button.edit:before { content: "\f044"; }
	.tx-p123designer-pi6-saved .csc-mailform-button.delete:before { content: "\f014"; }
	.tx-p123designer-pi6-saved .csc-mailform-button.later:before,
	.tx-p123designer-pi6-saved .csc-mailform-button.no-production:before { content: "\f046"; }
	a.tx-p123designer-pi6-guidelines { bottom: 4px; display: block; font-style: italic; font-weight: bold; left: 8px; position: absolute; }
	.tx-p123designer-pi6-displayMedia { margin-bottom: 20px; }
	#tx-p123designer-pi6-later,
	#tx-p123designer-pi6-noproduction { margin: 8px 0px; }
	#tx-p123designer-pi6-later > form,
	#tx-p123designer-pi6-noproduction > form { float: left; max-width: 340px; width: 100%; }
	.tx-p123qsearch-pi1-window #tx-p123designer-pi6-later + p,
	.tx-p123qsearch-pi1-window #tx-p123designer-pi6-noproduction + p { margin-right: 161px; padding-top: 3px !important; }
	#tx-p123designer-pi6-later a.csc-mailform-button,
	#tx-p123designer-pi6-noproduction a.csc-mailform-button { float: none; }
	.tx-p123designer-pi6 #tx-p123designer-pi6-later,
	.tx-p123designer-pi6 #tx-p123designer-pi6-noproduction { display: none; }
	#tx-p123designer-pi6-later .tooltip,
	#tx-p123designer-pi6-noproduction .tooltip { width: 100%; }
	#tx-p123designer-pi6-later > form h2 { padding-bottom: 8px; }
	#tx-p123designer-pi6-later .bodytext { padding: 5px 0px 5px 0px; }
	#tx-p123designer-pi6-later input[type="text"],
	#tx-p123designer-pi6-later input[type="number"],
	#tx-p123designer-pi6-noproduction input[type="text"] { background: #FFFFFF; border: 1px solid #DBDBDB; height: 19px; line-height: 16px; margin: 0px; padding: 1px 10px 2px 10px; width: 100%; 
		-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	#tx-p123designer-pi6-later input[type="number"] { padding-right: 0px; width: auto; }
	#tx-p123designer-pi6-later input[type="text"].error,
	#tx-p123designer-pi6-later input[type="number"].error,
	#tx-p123designer-pi6-noproduction input[type="text"].error { border-color: #BE1010; }
	.tx-p123designer-pi6-highlight { color: #BE1010; font-weight: bold; }
	.tx-p123qsearch-pi1-window a.csc-mailform-button.upload,
	#TB_window .tx-p123qsearch-pi1-window a.csc-mailform-button.upload { margin-top: 4px; }
	.tx-p123designer-pi6-motifhint { display: none; }
	.tx-p123designer-pi6-calculator { background: #FFFFFF url(../typo3conf/ext/p123designer/res/calculator.png) 10px 44px no-repeat; border: 1px solid #DBDBDB; border-left: none; height: 164px; left: 639px; position: absolute; top: -1px; width: 120px;
		-moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; }
	.tx-p123designer-pi6-calculator a { color: #555659; color: inherit; }
	@media screen {
		.tx-p123designer-pi6-calculator.fixed { position: fixed; top: 16px; }
	}
	.tx-p123designer-pi6-calculator a { display: block; height: 100%; width: 100%; }
	.tx-p123designer-pi6-calculator h4 { background: #F4F4F4; margin: 0px; padding: 5px; text-align: center;
		-moz-border-radius: 0px 6px 0px 0px; -webkit-border-radius: 0px 6px 0px 0px; border-radius: 0px 6px 0px 0px; }
	@media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) {
		.tx-p123designer-pi6 .hide-on-mobile { display: none; }
		.tx-p123designer-pi6-saved .csc-mailform-button:first-child { margin-top: 6px; }
		.tx-p123designer-pi6-saved .csc-mailform-button:not(.hide-on-mobile) { margin-top: 13px; }
		.tx-p123designer-pi6-saved .csc-mailform-button:not(.hide-on-mobile) ~ .csc-mailform-button { margin-top: 6px; }
		.tx-p123designer-pi6 .csc-subheader img { height: auto; max-width: 100%; }
		.tx-p123designer-pi6-calculator { display: none; }
		.tx-p123designer-pi6 {
			display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
			-webkit-box-direction: normal; -moz-box-direction: normal;
			-webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
			-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
			-webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
			-webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start;
			-webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: start; align-items: flex-start; }
		.tx-p123designer-pi6 > * {
			-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0;
			-webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;
			-webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
		.tx-p123designer-pi6 > .tx-p123designer-pi6-subheader {
			-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
		.tx-p123designer-pi6 > .tx-p123designer-pi6-displayMedia {
			-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
		.tx-p123designer-pi6-item { max-width: 100%; width: 280px; }
		.tx-p123designer-pi6-item:nth-child(2n+1) { margin-right: 0px; }
		.tx-p123designer-pi6-item h3 { font-size: 13px; }
		.tx-p123designer-pi6-image { height: 200px; width: 280px; }
		.tx-p123designer-pi6-image img { height: auto; width: 100%; }
		.tx-p123designer-pi6-detail { height: auto; min-height: 180px; width: auto; }
		.tx-p123designer-pi6-saved { margin-bottom: 42px; }
		#tx-p123designer-pi6-later,
		#tx-p123designer-pi6-noproduction { margin-bottom: 15px; /*margin-left: 15px;*/ width: auto; }
		.tx-p123qsearch-pi1-window #tx-p123designer-pi6-later a.csc-mailform-button,
		.tx-p123qsearch-pi1-window #tx-p123designer-pi6-noproduction a.csc-mailform-button { margin-bottom: 0px; margin-left: 0px; }
	}
	@media only screen and (max-width: 456px) {
		.tx-p123designer-pi6 .csc-subheader { float: none; }
		.tx-p123designer-pi6 .csc-mailform-submit-top { display: none; }
		.tx-p123designer-pi6-item { float: none; margin-right: 0px; }
	}
  )
}

# Configuration for cacheable javascript
page.jsFooterInline.127 = USER
page.jsFooterInline.127 {
  includeLibs = EXT:p123designer/pi6/class.tx_p123designer_pi6.php
  userFunc = tx_p123designer_pi6->cachable
  templateFile = EXT:p123designer/res/javascript.js
  marks < plugin.tx_p123designer_pi6.marks
  data < plugin.tx_p123designer_pi6.data
  locallang < plugin.tx_p123designer_pi6.locallang
  dontWrapInBaseClass = 1
  stdWrap.substring = 0,-2
}

# Configuration for the page "p123designer_pi4->uploadHandler (json)"
p123designer_pi4 = PAGE
p123designer_pi4 {
  typeNum = 133
  config {
    disableAllHeaderCode = 1
    disableCharsetHeader = 1
    no_cache = 1
    xhtml_cleaning = 1
    additionalHeaders = Content-Type: application/json
  }
  10 =< plugin.tx_p123designer_pi4
  10 {
    userFunc = tx_p123designer_pi4->uploadHandler
    upload_dir = uploads/tx_p123designer/
    upload_url = uploads/tx_p123designer/
  } 
}

# Wir müssen globalString verwenden, um ein beliebigen Wert des Links abzufragen
[globalVar = TSFE:id = {$plugin.tx_p123_pi.pageDesignerUpload}, TSFE:id = {$plugin.tx_p123_pi.pageDesignerLater}]
  plugin.tx_p123designer_pi4.moveJsFromHeaderToFooter = 1
  plugin.tx_p123designer_pi3.moveJsFromHeaderToFooter = 1
  page.includeJSFooter.130 = EXT:p123designer/res/jquery.ui.widget.js
  page.includeJSFooter.131 = EXT:p123designer/res/jquery.fileupload.js
  page.includeJSFooter.132 = EXT:p123designer/res/jquery.fileupload-process.js
  page.includeJSFooter.133 = EXT:p123designer/res/jquery.fileupload-validate.js
# Neu @DÖ: Benutze pi3, damit preview-Methode in pi3 aufgerufen wird
[globalVar = TSFE:type = 133] && [globalString = GP:tx_p123designer_pi3|link=/[A-Za-z0-9]{32}/]
  p123designer_pi4.10.userFunc = tx_p123designer_pi3->uploadHandler
[global]