Welcome

to

Totally!

Clips of the Heart

An interactive web application for patient education on the management and prevention of coronary heart disease with a comprehensive animation library, a special user-directed section on risk factors, and a section covering aspects of coronary heart disease that are unique to women.

 

// ============================== // GLOBAL VARIABLES // ============================== var vid_array = []; var cnt = 0; var currentVideo = null; // ============================== // VIDEO SELECT FUNCTION // ============================== function videoSelect(el, vid) { var i = vid_array.indexOf(vid); if (el.style.border === "5px solid blue") { alert("This video is currently playing."); return; } if (i !== -1) { vid_array.splice(i, 1); el.style.border = "5px solid black"; } else { vid_array.push(vid); el.style.border = "5px solid white"; } } // ============================== // FULL VIDEO MAP – ALL 71 VIDEOS // ============================== var videoMap = { '1': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Angioplasty_2.mp4', '2': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Anti-Platelets_2.mp4', '3': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Aspirin_2.mp4', '4': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Atherosclerosis_2.mp4', '5': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Beta-Blocker_2.mp4', '6': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/CoronaryBypass_onPump_2.mp4', '7': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Cardiac-Biomarkers_21.mp4', '8': 'https://totallyclipsoftheheart.com/wp-content/uploads/2022/03/CardiacCath_revised3.mp4', '9': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Clotbusters_2.mp4', '10': 'https://totallyclipsoftheheart.com/wp-content/uploads/2022/08/coronary_artery_disease.mp4', '11': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/10/CT-Angiography_2.mp4', '12': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/DIabetes_2.mp4', '13': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Echo_2.mp4', '14': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/EKG_2.mp4', '15': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Heart-Attack_2.mp4', '16': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Heparin_2.mp4', '17': 'https://totallyclipsoftheheart.com/wp-content/uploads/2024/11/high_blood_pressure_80.mp4', '18': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/High-Cholesterol_2.mp4', '19': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/IABP_2.mp4', '20': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Lipid-Panel_2.mp4', '21': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Nitroglycerin_2.mp4', '22': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Smoking_2.mp4', '23': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Statins_2.mp4', '24': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/Stress-Test_2.mp4', '25': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/This-Is-Your-Blood_2.mp4', '26': 'https://totallyclipsoftheheart.com/wp-content/uploads/2014/09/This-Is-Your-Heart_2.mp4', '27': 'https://totallyclipsoftheheart.com/wp-content/uploads/2022/08/Excess-Weight_An_Lib.mp4', '28': 'https://totallyclipsoftheheart.com/wp-content/uploads/2020/05/CAD_Women_Autoimmune_Disease.mp4', '29': 'https://totallyclipsoftheheart.com/wp-content/uploads/2020/05/CAD_Women_Broken_Heart_Syndrome.mp4', '30': 'https://totallyclipsoftheheart.com/wp-content/uploads/2020/05/CAD_Women_Classic_Risk_Factors.mp4', '31': 'https://totallyclipsoftheheart.com/wp-content/uploads/2020/05/CAD_Women_Depression.mp4', '32': 'https://totallyclipsoftheheart.com/wp-content/uploads/2020/05/CAD_Women_Diagnosis.mp4', '33': 'https://totallyclipsoftheheart.com/wp-content/uploads/2020/05/CAD_Women_Gestational_Diabetes.mp4', '34': 'https://totallyclipsoftheheart.com/wp-content/uploads/2020/05/CAD_Women_Hormone_Replacement.mp4', '35': 'https://totallyclipsoftheheart.com/wp-content/uploads/2020/05/CAD_Women_Hypertensive_Disorders_Pregnancy.mp4', '36': 'https://totallyclipsoftheheart.com/wp-content/uploads/2020/05/CAD_Women_Microvascular_Disease.mp4', '37': 'https://totallyclipsoftheheart.com/wp-content/uploads/2020/05/CAD_Women_Overview.mp4', '38': 'https://totallyclipsoftheheart.com/wp-content/uploads/2020/05/CAD_Women_RadRx_Breast-CA.mp4', '39': 'https://totallyclipsoftheheart.com/wp-content/uploads/2020/05/CAD_Women_Symptoms.mp4', '40': 'https://totallyclipsoftheheart.com/wp-content/uploads/2020/05/CAD_Women_Treatment.mp4', '41': 'https://totallyclipsoftheheart.com/wp-content/uploads/2022/08/Coronary_Bypass_Off_Pump.mp4', '42': 'https://totallyclipsoftheheart.com/wp-content/uploads/2023/05/CAD_Women_Spontaneous_Coronary_Dissection.mp4', '43': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/diabetes_noTag.mp4', '44': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/diabetes_diet_noTag.mp4', '45': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/diabetes_exercise_noTag.mp4', '46': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/diabetes_weight_loss_noTag.mp4', '47': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/excess_weight_noTag.mp4', '48': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/exces_weight_diet_noTag.mp4', '49': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/excess_weight_exercise_noTag.mp4', '50': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/excess_weight_weight_loss_noTag.mp4', '51': 'https://totallyclipsoftheheart.com/wp-content/uploads/2024/11/high_blood_pressure_80.mp4', '52': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/high_BP_diet_noTag.mp4', '53': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/high_BP_exercise_noTag.mp4', '54': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/high_BP_weight_loss_noTag.mp4', '55': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/high_cholesterol_noTag.mp4', '56': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/high_Chol_diet_noTag.mp4', '57': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/high_Chol_exercise_noTag.mp4', '58': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/high_cholesterol_weight_loss_noTag.mp4', '59': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/smoking_noTag.mp4', '60': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/stop_cold_turkey_noTag.mp4', '61': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/e-Cigarettes_noTag.mp4', '62': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/stop_smoking_meds_noTag.mp4', '63': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/stop_smoking_trigger_avoidance_noTag.mp4', '64': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/stop_with_exercise_noTag.mp4', '65': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/excess_salt_noTag.mp4', '66': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/sugar_and_sodas_noTag.mp4', '67': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/fast_food_fats_noTag.mp4', '68': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/alcohol_noTag.mp4', '69': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/weight_loss_diet_and_exercise_noTag.mp4', '70': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/weight_loss_meds_noTag.mp4', '71': 'https://totallyclipsoftheheart.com/wp-content/uploads/2025/02/weight_loss_surgery_noTag.mp4' }; // ============================== // SEQUENTIAL PLAYBACK // ============================== function videoPlay() { var video = document.getElementsByTagName('video')[0]; if (vid_array.length === 0) { alert("No videos have been selected."); return; } if (cnt > 0) { var prevThumb = document.getElementById("thumb" + vid_array[cnt - 1]); if (prevThumb) prevThumb.style.border = "5px solid white"; } if (cnt >= vid_array.length) { video.removeEventListener('ended', handleVideoEnded); video.removeEventListener('loadeddata', handleVideoLoaded); video.removeEventListener('error', handleVideoError); cnt = 0; return; } var videoUrl = videoMap[vid_array[cnt]]; if (!videoUrl) { cnt++; videoPlay(); return; } var currentThumb = document.getElementById("thumb" + vid_array[cnt]); if (currentThumb) currentThumb.style.border = "5px solid blue"; video.removeEventListener('ended', handleVideoEnded); video.removeEventListener('loadeddata', handleVideoLoaded); video.removeEventListener('error', handleVideoError); video.addEventListener('loadeddata', handleVideoLoaded); video.addEventListener('ended', handleVideoEnded); video.addEventListener('error', handleVideoError); video.pause(); video.src = videoUrl; video.load(); } function handleVideoLoaded(e) { var video = e.target; var playPromise = video.play(); if (playPromise !== undefined) { playPromise.catch(function() { cnt++; setTimeout(videoPlay, 100); }); } } function handleVideoEnded() { cnt++; setTimeout(videoPlay, 100); } function handleVideoError() { cnt++; setTimeout(videoPlay, 100); } // ============================== // CLEAR PLAYLIST // ============================== function videoClear() { vid_array = []; cnt = 0; var video = document.getElementsByTagName('video')[0]; if (video) { video.pause(); video.src = ""; video.load(); } document.querySelectorAll('[id^="thumb"]').forEach(t => { t.style.border = "5px solid black"; }); } // ============================== // SAVE PLAYLIST // ============================== function savePlaylist() { if (vid_array.length === 0) { alert("No videos selected to save."); return; } let name = prompt("Enter a name for this playlist:"); if (!name) return; let videosCSV = vid_array.join(","); jQuery.post( playlist_ajax.ajax_url, { action: "save_playlist", name: name, videos: videosCSV }, function(response) { if (response.success) { alert(response.data.message); } else { alert(response.data.message || "Error saving playlist."); } } ); } // ============================== // LOAD PLAYLISTS // ============================== function loadPlaylists() { jQuery.post( playlist_ajax.ajax_url, { action: "load_playlists" }, function(response) { if (!response.success) return; let select = document.getElementById("playlistList"); select.innerHTML = ''; response.data.forEach(pl => { let opt = document.createElement("option"); opt.value = pl.videos; opt.dataset.id = pl.id; opt.textContent = pl.name; select.appendChild(opt); }); } ); } // ============================== // LOAD SELECTED PLAYLIST // ============================== function loadSelectedPlaylist(sel) { if (!sel.value) return; vid_array = []; cnt = 0; document.querySelectorAll('[id^="thumb"]').forEach(t => { t.style.border = ""; }); let list = sel.value.split(","); vid_array = list; cnt = 0; list.forEach(id => { let thumb = document.getElementById("thumb" + id); if (thumb) thumb.style.border = "5px solid white"; }); alert("Playlist loaded!"); } // ============================== // DELETE SELECTED PLAYLIST // ============================== function deleteSelectedPlaylist() { let select = document.getElementById("playlistList"); let option = select.options[select.selectedIndex]; if (!option || !option.dataset.id) { alert("Please select a playlist to delete."); return; } if (!confirm("Are you sure you want to delete this playlist?")) return; jQuery.post( playlist_ajax.ajax_url, { action: "delete_playlist", playlist_id: option.dataset.id }, function(response) { if (response.success) { alert("Playlist deleted!"); loadPlaylists(); } else { alert("Error deleting playlist."); } } ); } // ============================== // EXPOSE FUNCTIONS GLOBALLY // ============================== window.videoSelect = videoSelect; window.videoPlay = videoPlay; window.videoClear = videoClear; window.savePlaylist = savePlaylist; window.loadPlaylists = loadPlaylists; window.loadSelectedPlaylist = loadSelectedPlaylist; window.deleteSelectedPlaylist = deleteSelectedPlaylist;