<?php

$correctionFolder = '';
$className = '';
if ($this->isChangeCoverart) {
    $correctionFolder .= '_correction';
    $className = 'artwork-error-correction';
}
$artworkloader = $this->loader('LoadingIndicator');

?>
<div class="loader-overlay loading-lg">
    <div class="LoadingIndicator"><?=$artworkloader;?></div>
</div>
<div id="modal_overlay" class="notDisplay artwork-image-modal">
    <div id="modal_container" class="artwork-modal-container"></div>
</div>
<div class="panelHeader artwork-panel">
    <h3>Artwork</h3>
    <?php
    if ($this->distributionFormatType != null && $this->distributionFormatType != 'Music Video') { ?>
        <div align="center" class="artwork-enlarge-view">
            <a href="javascript:openModalWindow('/relationships/viewreleaseartwork',{upc:'<?=$this->release->upc?>','path':'<?=$this->imageInfo['path']?>'});">Enlarge</a>
        </div>
        <?php
    } else if ($this->validImage) { ?>
        <div align="center" class="artwork-enlarge-view">
            <a href="javascript:openModalWindow('/relationships/viewreleaseartwork',{correction:'<?=($this->isChangeCoverart) ? $this->isChangeCoverart : 0?>',upc:'<?=$this->release->upc?>'});">Enlarge</a>
        </div>
    <?php
    }?>
</div>
<div class="panelContent <?=$className?>" id="artwork">
    <?php
    if ($this->distributionFormatType != null && $this->distributionFormatType != 'Music Video') {
        $img_info = $this->imageInfo; ?>
        <img src="<?=$img_info['path']?>" class="artwork-img" width="<?=$img_info['width']?>" height="<?=$img_info['height']?>" onclick="createInputBox('artwork', 'Artwork', 'releases', '0', '');" />
        <div class="artwork-icon"></div>
    <?php } else { ?>
        <img src="/images/noArtwork.png" class="noArt" width="200px" height="200px"
        <?php
        // Do not allow artwork to be clicked for physical releases
        if ($this->allowedToApproveProducts && !$this->isPhysicalRelease) {?>
            onclick="createInputBox('artwork', 'Artwork', 'releases', '0', '');"
        <?php
        }?>
        />            
    <?php
    }?>
</div>

<script type="text/javascript">

function openModalWindow(url, params) {
    if (params == undefined)
        params = {};
    $('#modal_container').load(url, params, function(response, text, XMLHttpRequest) {
        $('#modal_container').html(response);
    });
    
    $('.loader-overlay').addClass('show');
    setTimeout(function(){ modal_overlay.load(); }, 2000);
}

var modal_overlay = $('#modal_overlay').overlay({
    top: '15%',
    api: true
});

</script>
