/home/arranoyd/magicraft/wp-content/themes/massive-dynamic/lib/shortcodes/md_music/script.js
function pixflow_music($id) {
'use strict';
var $ = jQuery,
$Image, ImageWidth, musicWidth, $playPause, $trackLink, $discImage, $musicId, $btnMusicID, $musicBar, $musicDuration, playPauseBtnFlag, musicPlayed, $trackId, $playPauseBtn, $jpAudio, $trackText;
// Music Text/Button Play Click
$('#' + $id + ' .tracks .link, #' + $id + ' .tracks .jp-controls').click(function () {
var $this = $(this);
$musicId = $('#' + $this.parents('.music-sc').attr('id')); // Music shortcode id
$trackId = $('#' + $this.parents().attr('id'));
$playPauseBtn = $trackId.find('.jp-controls .play-pause'); // Play-pause button click
$trackText = $trackId.find('.link'); // track text click
$jpAudio = $this.parents('.jp-audio');
$discImage = $musicId.find('.image-album .disc-image');
// Show/Hide Play/Pause button
$musicId.find('.jp-controls').hide();
$playPauseBtn.parents('.jp-controls').show();
// Determine play or pause state
if (!$jpAudio.hasClass('jp-state-playing'))
musicPlayed = true;
else
musicPlayed = false;
$('.music-sc .image-album .disc-image').removeClass('disc-image-state');
$('.music-sc .jp-duration').css('right', '0');
$('.music-sc .music-bar').css('display', 'none');
if (musicPlayed) {
pixflow_musicBtnAnimation($('.music-sc').not('#' + $musicId.attr('id')).find('.jp-controls .play-pause'), false);
pixflow_musicBtnAnimation($musicId.find('.jp-controls .play-pause'), true);
$discImage.addClass('disc-image-state');
$(this).siblings('.jp-type-single').find('.jp-duration').css('right', '25px');
$(this).siblings('.jp-type-single').find('.music-bar').css('display', 'block');
} else {
pixflow_musicBtnAnimation($musicId.find('.jp-controls .play-pause'), false);
}
});
$('#' + $id + ' .jp-progress').bind('click', function () {
var $this = $(this);
$('#' + $id).jPlayer("stop");
$('#' + $id + ' .jp-progress').not($this).find('.jp-play-bar').addClass('seekRefine');
$this.find('.jp-play-bar').removeClass('seekRefine');
});
}
function pixflow_musicFitSizes() {
'use strict';
var $musicId, $Image, $discImage, $musicImgContainer, $musicTxtsContainer, musicWidth, ImageWidth, musicIdTxtSize, musicIdImgSize, imgPosTop, imgPosLeft;
$('.music-sc .jp-controls').show();
$('.music-sc').each(function () {
var $this = $(this),
$jpControls = $this.find('.jp-controls');
$musicId = $('#' + $this.attr('id'));
$musicImgContainer = $musicId.find('.wrap-image');
$musicTxtsContainer = $musicId.find('.music-main-container');
if ($musicId.width() < 1024) {
$musicId.css('transform', 'translateX(0)');
}
musicIdImgSize = $musicId.width() / 2.7;
musicIdTxtSize = $musicId - musicIdImgSize;
$musicImgContainer.css({width: musicIdImgSize, height: musicIdImgSize}); // set image part size
$musicTxtsContainer.css('width', musicIdTxtSize); // set texts part size
imgPosTop = $this.find('.btnSimulate').offset().top; // calculate play button position
imgPosLeft = $this.find('.btnSimulate').offset().left; // calculate play button position
$jpControls.offset({top: imgPosTop, left: imgPosLeft}).hide(); // set play button position center
$discImage = $musicId.find('.image-album .disc-image');
$discImage.css({width: '90%', height: '90%'}); // set disk image size
});
$('.music-sc .tracks .music-bar').hide();
$('.music-sc .tracks li:nth-child(1) .jp-controls').show();
}
responsive_functions.pixflow_musicFitSizes = [];
document_ready_functions.pixflow_musicFitSizes = [];
window_resize_functions.pixflow_musicFitSizes = [];
function pixflow_musicBtnAnimation($obj, flag) {
'use strict';
var $ = jQuery;
/* Play-Pause animation button */
$obj.each(function () {
var $this = $(this),
bottom = $this.closest('.music-sc').find('.wrap-image').height() / 2,
left = $this.closest('.music-sc').find('.wrap-image').width() / 2 - 40;
if (!flag) {
if ($this.hasClass('musicBtnClicked')) {
if ($('body').width() > 800) {
$this.stop().animate({
'margin-left': -(left / 2),
'margin-top': bottom * .7,
width: '50px',
height: '50px'
}, 200, 'linear', function () {
$this.stop().animate({
'margin-left': 0,
'margin-top': 0,
width: '70px',
height: '70px'
}, 300, 'linear');
});
}
$this.removeClass('musicBtnClicked');
$this.find('.icon').removeClass('icon-pause');
$this.find('.icon').addClass('icon-play');
}
}
else {
if ($this.css('margin-left') != -(left) + "px") {
if ($('body').width() > 800) {
$this.css('background-image', 'none');
$this.stop().animate({
'margin-left': -(left / 2),
'margin-top': bottom * .7,
width: '50px',
height: '50px'
}, 200, 'linear', function () {
$this.stop().animate({
'margin-left': -(left),
'margin-top': bottom,
width: '30px',
height: '30px'
}, 300, 'linear');
});
}
$this.find('.icon').removeClass('icon-play');
$this.find('.icon').addClass('icon-pause');
$this.addClass('musicBtnClicked');
}
}
});
}