Ethical Theories and Principles.htmlEthical Theories and Pri.docx

Ethical Theories and Principles.html
Ethical Theories and Principles
The term “ethics” is derived from Greek and Latin terms for
custom or habit, but current usage of the term communicates a
manner of action—doing what is right or good over what is
wrong or bad. It is important to note here that ethics involves
the how and why of what ought to be versus what is. The study
of ethics provides us with a framework to make appropriate
choices on the basis of some universal guidelines set by
community values and laws. There are a number of different
ethical theories that help to guide the development of such
community values and laws that, in turn, support ethical
decision making. In this course, you will explore the following
ethical theories in depth:Consequential Ethics: A value-based
theory that suggests the ends justify the means—the decision to
act in a certain manner must be driven by a desired outcome to
maximize goodUtilitarian Ethics: A result-based theory that
says the moral worth of an action is determined solely by its
ability to maximize happiness or pleasure for allDeontological
Ethics: A duty-based theory that originated from the work of
Kant suggests that doing the right thing is important whether it
results in maximum goodNonconsequential Ethics: An intent-
based theory that denies that the consequences of behavior are
the only criteria to determine moral action; right and wrong
stem from the intent of the action
Ethical Theories
Review each tab to learn more.

Consequential
Right and Wrong
Rightness and wrongness of actions are determined by the
consequences generated.
Goodness
Good breeds good.
Theorists
Milton Friedman and Niccolo Machiavelli

Utilitarian
Right and Wrong
Rightness and wrongness of actions are determined by a
decrease in pain and increase in pleasure. (Consequential)
Goodness
Maximize the greatest good; ends justify the means.
Theorists

Jeremy Bentham and John Stuart Mills
Deontological
Right and Wrong
Rightness and wrongness of actions are determined by the role
of respect and duty to others. (Nonconsequential)

Goodness
Identify and follow one’s duty, even if it does not maximize
good.
Theorists
W. D. Ross and Martin Buber
Nonconsequential

Right and Wrong
Rightness and wrongness of actions is determined by the intent
of the action itself, not the consequences.
Goodness
Intention-based theory, obligation is critical.
Theorists
Rene Descartes and Immanuel Kant

Ultimately, while there are a number of theories to help
influence ethical conduct, there are some agreed-upon
principles in healthcare that drive ethical behavior for
healthcare professionals. Following are the
principles:Autonomy: Recognizing the right of individuals to
make their own decisions without interference from
anotherBeneficence: Recognizing the principle of showing
kindness and compassion to others and doing
goodNonmaleficence: Recognizing the importance to avoid
causing harm and to avoid options that provide no short- or
long-term benefits
Developing a working knowledge of ethical theories and
principles helps to provide a moral compass. This moral
compass will guide the decisions you make throughout your life
as individuals and as healthcare administrators, particularly as
you align your organization to meet a growing body of
governing healthcare laws.Additional Materials
From your course textbook, Legal and Ethical Issues for Health
Professionals, review the following chapter:Introduction to
Ethics
From the South University Online Library, review the following
articles:The Burden of Choice: A Qualitative Study of
Healthcare Professionals’ Reactions to Ethical Challenges in
Humanitarian Crises Eliciting, Documenting, and Honoring
Patient's Goals of Care and Life-Sustaining Treatment
Decisions: Building Systems to Ensure Success (FR479)
From the Internet, review the following:American College of

Healthcare Executives. (n.d.). About ACHE. Retrieved from
https://www.ache.org/abt_ache/code.cfm
assets/js/custom_new.js
/*** Global function start here */
/*****update bootstrap collapse plugin start here ****/
+function ($) {
'use strict';
$(document).off('click.bs.collapse.data-api')
// COLLAPSE PUBLIC CLASS DEFINITION
// ================================
var Collapse = function (element, options) {
this.$element = $(element)
this.options = $.extend({}, Collapse.DEFAULTS, options)
//this.$trigger = $('[data-toggle="collapse"][href="#' +
element.id + '"],' +'[data-toggle="collapse"][data-target="#' +

element.id + '"]')
this.$trigger = $(this.$element).closest(".template-
container").find('[data-toggle="collapse"][href="#' + element.id
+ '"],' +
'[data-toggle="collapse"][data-target="#' + element.id +
'"]')
this.transitioning = null
if (this.options.parent) {
this.$parent = this.getParent()
} else {
this.addAriaAndCollapsedClass(this.$element,
this.$trigger)
}
if (this.options.toggle) this.toggle()

}
Collapse.VERSION = '3.3.7'
Collapse.TRANSITION_DURATION = 350
Collapse.DEFAULTS = {
toggle: true
}
Collapse.prototype.dimension = function () {
var hasWidth = this.$element.hasClass('width')
return hasWidth ? 'width' : 'height'
}
Collapse.prototype.show = function () {
if (this.transitioning || this.$element.hasClass('in')) return

var activesData
var actives = this.$parent &&
this.$parent.children('.panel').children('.in, .collapsing')
if (actives && actives.length) {
activesData = actives.data('bs.collapse')
if (activesData && activesData.transitioning) return
}
var startEvent = $.Event('show.bs.collapse')
this.$element.trigger(startEvent)
if (startEvent.isDefaultPrevented()) return
if (actives && actives.length) {
Plugin.call(actives, 'hide')
activesData || actives.data('bs.collapse', null)
}
var dimension = this.dimension()

this.$element
.removeClass('collapse')
.addClass('collapsing')[dimension](0)
.attr('aria-expanded', true)
this.$trigger
.removeClass('collapsed')
.attr('aria-expanded', true)
this.transitioning = 1
var complete = function () {
this.$element
.removeClass('collapsing')
.addClass('collapse in')[dimension]('')
this.$element
.trigger('shown.bs.collapse')

}
if (!$.support.transition) return complete.call(this)
var scrollSize = $.camelCase(['scroll', dimension].join('-'))
this.$element
.one('bsTransitionEnd', $.proxy(complete, this))
.emulateTransitionEnd(Collapse.TRANSITION_DURATION)[di
mension](this.$element[0][scrollSize])
}
Collapse.prototype.hide = function () {
if (this.transitioning || !this.$element.hasClass('in')) return
var startEvent = $.Event('hide.bs.collapse')
this.$element.trigger(startEvent)
if (startEvent.isDefaultPrevented()) return

var dimension = this.dimension()
this.$element[dimension](this.$element[dimension]())[0].offset
Height
this.$element
.addClass('collapsing')
.removeClass('collapse in')
.attr('aria-expanded', false)
this.$trigger
.addClass('collapsed')
.attr('aria-expanded', false)
var complete = function () {

this.$element
.removeClass('collapsing')
.addClass('collapse')
.trigger('hidden.bs.collapse')
}
if (!$.support.transition) return complete.call(this)
this.$element
[dimension](0)
.one('bsTransitionEnd', $.proxy(complete, this))
.emulateTransitionEnd(Collapse.TRANSITION_DURATION)
}
Collapse.prototype.toggle = function () {
this[this.$element.hasClass('in') ? 'hide' : 'show']()

}
Collapse.prototype.getParent = function () {
var ref = this;
var id = this.$element.attr("id");
this.$trigger = $(this.$element).closest(".template-
container").find('[data-toggle="collapse"][href="#' + id + '"],' +
'[data-toggle="collapse"][data-target="#' + id + '"]')
return $(this.$element).closest(".template-
container").find(this.options.parent)
.find('[data-toggle="collapse"][data-parent="' +
this.options.parent + '"]')
.each($.proxy(function (i, element) {
var $element = $(element)
ref.addAriaAndCollapsedClass(getTargetFromTrigger($element)
, $element)
}, this))
.end()

}
Collapse.prototype.addAriaAndCollapsedClass = function
($element, $trigger) {
var isOpen = $element.hasClass('in')
$element.attr('aria-expanded', isOpen)
$trigger
.toggleClass('collapsed', !isOpen)
.attr('aria-expanded', isOpen)
}
function getTargetFromTrigger($trigger) {
var href
var target = $trigger.attr('data-target')
|| (href = $trigger.attr('href')) &&
href.replace(/.*(?=#[^s]+$)/, '') // strip for ie7
return $trigger.closest(".template-container").find(target);

}
// COLLAPSE PLUGIN DEFINITION
// ==========================
function Plugin(option) {
return this.each(function () {
var $this = $(this)
var data = $this.data('bs.collapse')
var options = $.extend({}, Collapse.DEFAULTS,
$this.data(), typeof option == 'object' && option)
if (!data && options.toggle &&
/show|hide/.test(option)) options.toggle = false
if (!data) $this.data('bs.collapse', (data = new
Collapse(this, options)))
if (typeof option == 'string') data[option]()
})

}
var old = $.fn.collapse
$.fn.collapse = Plugin
$.fn.collapse.Constructor = Collapse
// COLLAPSE NO CONFLICT
// ====================
$.fn.collapse.noConflict = function () {
$.fn.collapse = old
return this
}
// COLLAPSE DATA-API

// =================
$(document).on('click.bs.collapse.data-api', '[data-
toggle="collapse"]', function (e) {
var $this = $(this)
if (!$this.attr('data-target')) e.preventDefault()
var $target = getTargetFromTrigger($this)
var data = $target.data('bs.collapse')
var option = data ? 'toggle' : $this.data()
Plugin.call($target, option)
})
}(jQuery);
/*****update bootstrap collapse plugin end here ****/
jQuery(document).ready(function () {

$(document).on("click", ".modal-anchor", function () {
mypopup($(this)[0]);
});
/***** update bootstrap tab plugin start here ****/
$.fn.tab.Constructor.prototype.show = function () {
var $this = this.element
var $ul = $this.closest('ul:not(.dropdown-menu)')
var selector = $this.data('target')
if (!selector) {
selector = $this.attr('href')
selector = selector && selector.replace(/.*(?=#[^s]*$)/,
'') // strip for ie7
}

if ($this.parent('li').hasClass('active')) return
var $previous = $ul.find('.active:last a')
var hideEvent = $.Event('hide.bs.tab', {
relatedTarget: $this[0]
})
var showEvent = $.Event('show.bs.tab', {
relatedTarget: $previous[0]
})
$previous.trigger(hideEvent)
$this.trigger(showEvent)
if (showEvent.isDefaultPrevented() ||
hideEvent.isDefaultPrevented()) return
var $target = $this.closest(".template-
container").find(selector);
this.activate($this.closest('li'), $ul)

this.activate($target, $target.parent(), function () {
$previous.trigger({
type: 'hidden.bs.tab',
relatedTarget: $this[0]
})
$this.trigger({
type: 'shown.bs.tab',
relatedTarget: $previous[0]
})
})
}
/***** update bootstrap tab plugin end here ****/
/**** Fix fancybox modal popup issue */
if ($.fn.fancybox) {
$.fancybox.center = function () { };

$.extend($.fancybox, fancyboxExtensions);
/*var orig2 = $.fancybox.showLoading;
$.extend($.fancybox, {
showLoading: function () {
var el, viewport;
var F = this;
var D = $(document);
F.hideLoading();
el = $('<div id="fancybox-
loading"><div></div></div>').click(F.cancel).appendTo('body')
;
var topPosition = getTopPosition() + 150;
el.css({
position: 'fixed',
top: topPosition+"px",
left:"50%"
});

// If user will press the escape-button, the request
will be canceled
D.bind('keydown.loading', function (e) {
if ((e.which || e.keyCode) === 27) {
e.preventDefault();
F.cancel();
}
});
},
});*/
}
/*$.fancybox.helpers.overlay = {
defaults: {
closeClick: true, // if true, fancyBox will be closed

when user clicks on the overlay
speedOut: 200, // duration of fadeOut animation
showEarly: true, // indicates if should be opened
immediately or wait until the content is ready
css: {}, // custom CSS properties
locked: true, // if true, the content will be locked into
overlay
fixed: true
}
}*/
});
// to be use in bootstrap
function getTargetFromTrigger($trigger) {
var href
var target = $trigger.attr('data-target')

|| (href = $trigger.attr('href')) &&
href.replace(/.*(?=#[^s]+$)/, '') // strip for ie7
return $trigger.closest(".template-container").find(target);
}
// to load script and css dynamically
var loadedScripts = [];
function loadScripts(arr, callback) {
if (!$.isArray(arr)) {
arr = [arr];
}
for (var i = arr.length - 1; i >= 0; i--) {
if (loadedScripts.indexOf(arr[i]) >= 0) {
arr.splice(i, 1);
} else {
//loadedScripts.push(arr[i]);
}

}
var progress = 0;
arr.forEach(function (script) {
$.getScript(script, function () {
if (++progress == arr.length) callback();
});
});
}
function loadCSS(path) {
var ss = document.styleSheets;
for (var i = 0, max = ss.length; i < max; i++) {
if (ss[i].href == path)
return;
}
var fileref = document.createElement("link")

fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", path);
document.getElementsByTagName("head")[0].appendChild(filer
ef)
}
function checkPosition(container) {
container.each(function () {
var actualContainer = $(this);
if ($(window).scrollTop() + $(window).height() * 0.5 >
actualContainer.offset().top) {
actualContainer.addClass('is-visible');
}
});
}
function getOffsetTop(elem) {
var offsetTop = 0;

do {
if (!isNaN(elem.offsetTop)) {
offsetTop += elem.offsetTop;
}
} while (elem = elem.offsetParent);
return offsetTop;
}
function getIframePosition() {
if (window.self == window.top) {
return 0;
}
var iframes =
window.parent.document.getElementsByTagName('iframe');
var yourURL = window.location.href;
var iframe = null;
for (var i = 0; i < iframes.length; i++) {

if (yourURL.indexOf(iframes[i].src) != -1) {
iframe = iframes[i];
break;
}
}
//var rect = iframe.getBoundingClientRect();
var top = 0;
if (iframe) {
top = $(iframe).offset().top;
}
return top;
}
function getTopPosition() {
var origScrollTop = $(window.parent.document).scrollTop();

$(modelid).removeAttr("tabindex");
$(modelid).removeClass("fade");
$(modelid + " .modal-dialog").css('top', iframetop + 'px');
//$(modelid + " .modal-dialog").css('margin-top','15px');
$(modelid).modal("toggle");
if (navigator.userAgent.indexOf('MSIE') !== -1 ||
navigator.appVersion.indexOf('Trident/') > 0) {
$(window.parent.document).scrollTop(origScrollTop);
setTimeout(function () {
$(window.parent.document).scrollTop(origScrollTop);
}, 50);
}
}
//draggable funtionality - credits to http://css-
tricks.com/snippets/jquery/draggable-without-jquery-ui/

function drags(dragElement, resizeElement, container,
labelContainer, labelResizeElement) {
dragElement.on("mousedown vmousedown", function (e) {
dragElement.addClass('draggable');
resizeElement.addClass('resizable');
var dragWidth = dragElement.outerWidth(),
xPosition = dragElement.offset().left + dragWidth -
e.pageX,
containerOffset = container.offset().left,
containerWidth = container.outerWidth(),
minLeft = containerOffset + 10,
maxLeft = containerOffset + containerWidth -
dragWidth - 10;
dragElement.parents().on("mousemove vmousemove",
function (e) {
leftValue = e.pageX + xPosition - dragWidth;
//constrain the draggable element to move inside his
container

if (leftValue < minLeft) {
leftValue = minLeft;
} else if (leftValue > maxLeft) {
leftValue = maxLeft;
}
widthValue = (leftValue + dragWidth / 2 -
containerOffset) * 100 / containerWidth + '%';
$('.draggable').css('left', widthValue).on("mouseup
vmouseup", function () {
$(this).removeClass('draggable');
resizeElement.removeClass('resizable');
});
$('.resizable').css('width', widthValue);
updateLabel(labelResizeElement, resizeElement, 'left');
updateLabel(labelContainer, resizeElement, 'right');

}).on("mouseup vmouseup", function (e) {
dragElement.removeClass('draggable');
});
e.preventDefault();
}).on("mouseup vmouseup", function (e) {
dragElement.removeClass('draggable');
});
}
function updateLabel(label, resizeElement, position) {
if (label.length == 0) {
return;
}
if (position == 'left') {
(label.offset().left + label.outerWidth() <

resizeElement.offset().left + resizeElement.outerWidth()) ?
label.removeClass('is-hidden') : label.addClass('is-hidden');
} else {
(label.offset().left > resizeElement.offset().left +
resizeElement.outerWidth()) ? label.removeClass('is-hidden') :
label.addClass('is-hidden');
}
}
/*** Global function end here */
/**** content_with_pagination template start here ****/
function ContentWithPaginationTemplate(pid) {
pid = "#" + pid + ".content_with_pagination_template ";
var count=0;
loadScripts("https://myclasses.southuniversity.edu/shared/plugi
ns/pagination/jquery.bootpag.min.js", function () {
count=$(pid+'.pages').length;
init();
});

/* function contentWidth() {
var contentWidth = $(pid).width();
// ////console.log("content="+contentWidth);
$(pid+ " .bgcolor").css("width", contentWidth);
}*/
function init() {
$(pid+ '#media_1 #page-selection').bootpag({
total: count
}).on("page", function (event, /* page number here */
num) {
//$("#content").html(+num); // some ajax content
loading...
var contentId = $(pid+ "#media_1 #page_" +
num).attr("id").split("_")[1];
var visibleContent = $(pid+ "#media_1 #page_" +
num).html();
$(pid+ "#media_1 #content").html(visibleContent);
// some ajax content loading...

paginationItemcss();
fadeinout();
//contentWidth();
});
//contentWidth();
}
function fadeinout() {
//alert("DSAd");
$(pid+ "#media_1 .parentContent").fadeIn(5000, function
() { });

}
function paginationItemcss() {
$(pid+ "#media_1 #page-selection
ul").addClass("pagination-sm");
$(pid+ "#media_1 #page-selection > ul > li
>a").css("color", "#666666");
$(pid+ "#media_1 .prev .disabled").css("display", "none");
// $(pid+ "#media_1 #page-selection > ul > li.prev
a,"+pid+"#media_1 #page-selection > ul > li.next a").html("");
$(pid+ '#media_1 #page-selection > ul > li.prev
a').html("<span
style='position:relative;bottom:12px;'>â€¹</span>");
$(pid+ '#media_1 #page-selection > ul > li.next
a').html("<span
style='position:relative;bottom:12px;'>â€º</span>");
$(pid+ '#media_1 #page-selection > ul > li.prev.disabled a
span,'+pid+'#page-selection > ul > li.next.disabled a
span').css("color", "#cccccc");
//$("#page-selection > ul > li
a").attr("href","javascript:void(0);");
$(pid+ "#media_1 #page-selection > ul > li
a").css("outline", "none");
}

/*$(window).resize(function () {
contentWidth();
});*/
//contentWidth();
}
/*** content_with_pagination template end here ***/
/**** image_comparison template start here ****/

function ImageComparision(pid) {
pid = "#" + pid;
loadCSS("https://curdevstaging.courseassets.com/LIVEcourse/ai
o/Pinnacle/FNDA150_Media/AI_FNDA150_W3_G18_TabImage
Compression/css/image_Comparision.css");
checkPosition($(pid + '.image_comparison_template .cd-
image-container'));
$(window).on('scroll.ImageComparision', function () {
checkPosition($(pid + '.image_comparison_template .cd-
image-container'));
});
//make the .cd-handle element draggable and modify .cd-
resize-img width according to its position
$(pid + '.image_comparison_template .cd-image-
container').each(function () {
var actual = $(this);
drags(actual.find('.cd-handle'), actual.find('.cd-resize-
img'), actual, actual.find('.cd-image-label[data-

type="original"]'), actual.find('.cd-image-label[data-
type="modified"]'));
});
//upadate images label visibility
$(window).on('resize.ImageComparision', function () {
$(pid + '.image_comparison_template .cd-image-
updateLabel(actual.find('.cd-image-label[data-
type="modified"]'), actual.find('.cd-resize-img'), 'left');
type="original"]'), actual.find('.cd-resize-img'), 'right');
});
});
}
/*** image_comparison template end here ***/

/**** nested_tab_with_slider template start here ****/
function NestedTabWithSliderTemplate(pid) {
pid = "#" + pid;
ns/tabcollapse/bootstrap-tabcollapse.js", function () {
$(pid + ".nested_tab_with_slider_template
#myTab_w2g2").tabCollapse();
$(pid + ".nested_tab_with_slider_template .js-tabcollapse-
panel-heading").on("click", function () {
.panelheadingVimeo").removeClass("selected");
var id= $(this).attr("href");
$(pid +
".nested_tab_with_slider_template"+id).find(".panelheadingVim
eo").first().addClass("selected");
//$("#headingw2g2_1").addClass("selected");
#accordion1_w2g2 .panel-
heading").first().addClass("selected");

#accordion2_w2g2 .panel-
heading").first().addClass("selected");
$(pid + ".nested_tab_with_slider_template .tab-
pane").removeClass("in active");
#tabw2g2_1").addClass("in active");
#tabw2g2_4").addClass("in active");
$(pid + ".nested_tab_with_slider_template .res_mobile
.panel-collapse").removeClass("in");
#collapseListGroup_mobile1_w2g2").addClass("in");
#collapseListGroup_mobile4_w2g2").addClass("in");
$(pid + ".nested_tab_with_slider_template .res_mobile
.panel-heading_tab,.panel-collapse").attr("aria-expanded",
false);
#collapseListGroupHeading_mobile1_w2g2").attr("aria-
expanded", true);
#collapseListGroupHeading_mobile4_w2g2").attr("aria-
expanded", true);

#collapseListGroup_mobile4_w2g2").attr("aria-expanded",
true);
#collapseListGroup_mobile1_w2g2").attr("aria-expanded",
true);
#collapseListGroup_mobile1_w2g2").removeAttr('style');
#collapseListGroup_mobile4_w2g2").removeAttr('style');
#collapseListGroupHeading_mobile4_w2g2,
#collapseListGroupHeading_mobile1_w2g2").removeClass("coll
apsed");
});
$(pid + ".nested_tab_with_slider_template .panel-
title").on("click", function () {
.customIndicator li").removeClass("active");
$(pid + ".nested_tab_with_slider_template .carousel-
inner .item").removeClass("active");

.customIndicator li:first-child").addClass("active");
$(pid + ".nested_tab_with_slider_template .carousel-
inner .item:first-child").addClass("active");
});
.panelheadingVimeo").bind("click", function () {
$(this).parents(".nested_tab_with_slider_template").find(".
panelheadingVimeo").removeClass("selected");
var id=$(this).attr("id").split('_')[1];
.res_desktop .tab-pane").removeClass("in active");
.res_desktop #tabw2g2_"+id).addClass("in active");
//$(this).parent().parent().parent().children().children().chi
ldren(".panelheadingVimeo").removeClass("selected");
$(this).addClass("selected");

});
});
}
/*** nested_tab_with_slider template end here ***/
/**** photo_gallery template start here ****/
function PhotoGallery(pid) {
pid = "#" + pid;
//loadCSS("assets/css/thumbnails.carousel.css");
loadScripts(["https://myclasses.southuniversity.edu/shared/plugi
ns/thumbnailcarousel/thumbnails.carousel.js"], function () {
$(pid + '.photo_gallery_template .thumbnails-
carousel').thumbnailsCarousel();
});

}
/*** photo_gallery template end here ***/
/**** tab_color_chart template start here ****/
function TabColorChartTemplate(pid, data1, data2) {
pid = "#" + pid;
var dntchart1, dntchart2;
var selectedTab = 1;
loadScripts(["https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.
2/Chart.min.js",
"https://myclasses.southuniversity.edu/shared/plugins/tabcollaps
e/bootstrap-tabcollapse.js"], function () {
Chart.defaults.global = {
animation: false,

responsive: false,
customTooltips: function (tooltip) {
if (tooltip) {
$("body").css("cursor", "pointer");
} else {
$("body").css("cursor", "default");
}
return;
},
onAnimationComplete: function () {
//////console.log("animation completed");
}
}
$(pid + ".tab_color_chart_template .tab-
element").tabCollapse();
$(pid + ".tab_color_chart_template .tab-element
.tab1").on("click", function () { setTimeout(initTab1, 500) });

$(pid + ".tab_color_chart_template .tab-element
.tab2").on("click", function () { setTimeout(initTab2, 500) });
//$(pid+".tab_color_chart_template .tab-element
.tab1").click();
initTab1();
});
function initTab1() {
selectedTab = 1;
/*$("#tab2_W1L5S1G2").css("display","none");
$("#tab1_W1L5S1G2").css("display","block");
$("#tab1_W1L5S1G2").addClass("active");
$("#tab2_W1L5S1G2").removeClass("active");*/
if (dntchart1) {
resetChart(dntchart1, data1);
return;
}

} else {
}
}
}
function initTab2() {
selectedTab = 2;
/*$("#tab2_W1L5S1G2").css("display","block");
$("#tab1_W1L5S1G2").css("display","none");
$("#tab2_W1L5S1G2").addClass("active");
$("#tab1_W1L5S1G2").removeClass("active");*/
if (dntchart2) {
resetChart(dntchart2, data2);
return;
}

}
}
}
function highlight(chart, cdata, label) {
$(pid + ".tab_color_chart_template #canvas_tab1").attr({
width: 300, height: 300 });
chart.segments.forEach(function (segment, i) {
if (segment.label == label) {
segment.fillColor = cdata[label - 1].highlight2;
} else {
segment.restore(["fillColor"]);
}
});

chart.render();
}
function resetChart(chart, cdata) {
chart.segments.forEach(function (segment, i) {
segment.restore(["fillColor"]);
});
chart.render();
}
}
/*** tab_color_chart template end here ***/

/**** tab_color_chart_with_gif_animation template start here
****/
function TabColorChartWithGifAnimationTemplate(pid,
imageBasePath) {
pid = "#" + pid;
imageBasePath = imageBasePath ||
"assets/img/AI_FNDA150_W3_G8_Tab";
ns/tabcollapse/bootstrap-tabcollapse.js"], function () {
$(pid + ".tab_color_chart_with_gif_animation_template
#myTab_W1G8").tabCollapse();
.colorbarBtn").on("click", function (e) {
var colorId =
$(this).attr("dataname").split("colorbarBtn_")[1];
//////console.log($(this).parent().attr("id"));

var parentId =
$(this).parent().attr("id").split("bootstrapColorBar_")[1];
//alert(colorId+"***"+parentId+"**"+"assets/AI_FNDA150_W3
_G8_Tab"+parentId+"_img"+colorId+".gif");"
#imageContainerPopupImage_" + parentId).attr({ "src":
imageBasePath + parentId + "_img" + colorId + ".gif" });
#imageContainerPopup_" + parentId).show();
.closeBtn").show();
.closeBtn").on("click", function () {
$(pid +
".tab_color_chart_with_gif_animation_template
#imageContainerPopup_" + parentId).hide();
$(pid +
.closeBtn").hide();
});

});
.colorbarBtnMobile").on("click", function (e) {
//alert("hiii")
var colorId =
var parentId =
$(this).parent().attr("id").split("bootstrapColorBarmobile_")[1];
_G8_Tab"+parentId+"_mobile_img"+colorId+".gif");
#imageContainerPopupMobileImage_" + parentId).attr({ "src":
imageBasePath + parentId + "_mobile_img" + colorId + ".gif"
});
#imageContainerPopupMobile_" + parentId).show();

.closeBtn").show();
.closeBtn").on("click", function () {
$(pid +
#imageContainerPopupMobile_" + parentId).hide();
$(pid +
.closeBtn").hide();
});
});
});
}
/*** tab_color_chart_with_gif_animation template end here
***/

/**** tab_with_gif_animation template start here ****/
function TabWithGifAnimation(pid) {
pid = "#" + pid;
ns/tabcollapse/bootstrap-tabcollapse.js", function () {
$(pid + ".tab_with_gif_animation_template
var
show_animation=["assets/img/AI_MAAA111_M1_G1_Tab1.gif"
, "assets/img/AI_MAAA111_M1_G1_Tab2.gif",
"assets/img/AI_MAAA111_M1_G1_Tab3.gif"];
var
show_image=["assets/img/AI_MAAA111_M1_G1_tab1.jpg","as
sets/img/AI_MAAA111_M1_G1_tab2.jpg","assets/img/AI_MAA
A111_M1_G1_tab3.jpg"];
.btnAnimationShow").click(function(){
/*if($(this).attr("data-set")==0)
{*/
//////console.log("jeieoioi111111111");

$(this).hide();
//alert(id);
//var id_1=id-1;
$(this).parent().children(".set_image").attr("src",show_ani
mation[id-1]);
//alert($(this).parent().children(".set_image").attr("src"));
//$(this).attr("data-set",1)
//}
});
.set_image").click(function(){
//////console.log("jeieoio22222");
.btnAnimationShow").show();
$(this).attr("src",show_image[id-1]);
});

a").click(function(){
//var id=$(this).attr("href").split('_')[0][4];
.btnAnimationShow").show();
for(var i=1;i<=show_image.length;i++)
{
#img_"+i).attr("src",show_image[i-1]);
}
//alert("iuuuuuuu");
//alert(id);
});
});
}
/*** tab_with_gif_animation template end here ***/

/**** tab_with_hotspot_modal_popup template start here ****/
function TabWithHotspotModalPopup(pid) {
pid = "#" + pid;
$(pid + ".tab_with_hotspot_modal_popup
});
}
/*** tab_with_hotspot_modal_popup template end here ***/

/**** tab_with_image_comparison template start here ****/
function TabWithImageComparision(pid) {
pid = "#" + pid;
loadCSS("https://myclasses.southuniversity.edu/shared/plugins/i
magecomparision/image_Comparision.css");
$(pid + '.tab_with_image_comparison_template
#myTab_w3g18').tabCollapse();
checkPosition($(pid +
'.tab_with_image_comparison_template .cd-image-container'));
$(window).on('scroll.TabWithImageComparision', function
() {
checkPosition($(pid +
'.tab_with_image_comparison_template .cd-image-container'));
});

#myTab_w3g18 li').on('click',function(){
//alert("2222");
setImage();
});
#myTab_w3g18-accordion').on('click',function(){
//alert("1111");
setImage();
});
function setImage(){
$(pid + '.tab_with_image_comparison_template .cd-
handle').css("left","50%");
.cd-resize-img').css("width","50%");
.cd-image-label').removeClass("is-hidden");
}
//make the .cd-handle element draggable and modify .cd-
resize-img width according to its position
$(pid + '.tab_with_image_comparison_template .cd-image-

drags(actual.find('.cd-handle'), actual.find('.cd-resize-
img'), actual, actual.find('.cd-image-label[data-
type="original"]'), actual.find('.cd-image-label[data-
type="modified"]'));
});
//upadate images label visibility
$(window).on('resize.TabWithImageComparision',
function () {
$(pid + '.tab_with_image_comparison_template .cd-
image-container').each(function () {
type="modified"]'), actual.find('.cd-resize-img'), 'left');
type="original"]'), actual.find('.cd-resize-img'), 'right');
});
});

});
}
/*** tab_with_image_comparison template end here ***/
/**** tab_with_mcq_video template start here ****/
function TabWithMcqVideo(pid) {
pid = "#" + pid;
ns/vimeo/vimeo.js",
"https://myclasses.southuniversity.edu/shared/plugins/tabcollaps
e/bootstrap-tabcollapse.js"], function () {
$(pid + '.tab_with_mcq_video_template
#myTab_M6G2').tabCollapse();
init();
});

function init() {
$(pid + ".tab_with_mcq_video_template
.question").addClass("question_disabled");
$(pid + ".tab_with_mcq_video_template .panel-
title").addClass("panel_disabled");
.glyphicon").addClass("glyphicon_disabled");
var vimeosrcObj =
["https://player.vimeo.com/video/182844523?api=1&player_id=
video_0&title=0&byline=0&portrait=0&color=fc
120a;",
"https://player.vimeo.com/video/182844504?api=1&player_id=v
ideo_1&title=0&byline=0&portrait=0&color=fc1
20a;"];
var count = [];
var count1 = [];
var q = '<div class="embed-responsive embed-responsive-
16by9 video_left col-lg-11 col-md-11 col-sm-11"
style="margin-top:20px; margin-bottom:0px;">' +
'<iframe src="" width="628" height="354"
class="vimeo_video" frameborder="0" webkitallowfullscreen
mozallowfullscreen allowfullscreen >' +

'</iframe>' + '</div>' + '<div class="clearfix"></div><p
style="margin-left:16%;"><a id="Fullscreen_link" href=""
title="View Fullscreen" class="btn color_red" target="_blank"
role="button btn-default" >View Fullscreen</a></p>'
$(pid + ".tab_with_mcq_video_template .off").on("click",
function () {
.off").removeClass("off_enable");
$(this).addClass("off_enable");
if ($(pid + ".tab_with_mcq_video_template
.video_body").children().hasClass("embed-responsive")) {
}
else {
$(q).appendTo(pid + ".tab_with_mcq_video_template
.video_body");
.mcq_panel").show();
}
var id = $(this).attr("id");

var clickId = id.split('_')[1];
//place here vimeo links
if (clickId == 0) {
$(pid + '.tab_with_mcq_video_template
#Fullscreen_link').attr('href',
'https://player.vimeo.com/video/182844523');
}
else if (clickId == 1) {
#Fullscreen_link").attr('href',
'https://player.vimeo.com/video/182844504');
}
//end here
.vimeo_video").attr("src", vimeosrcObj[clickId]);
.vimeo_video").attr("id", 'video_' + clickId);
var player = $f($(pid + '.tab_with_mcq_video_template

#video_' + clickId)[0]);
player.addEvent('ready', function () {
player.addEvent('finish', onFinish);
});
function onFinish(id) {
//count.push(clickId);
//////console.log(count);
////alert("going");
var found = jQuery.inArray(clickId, count);
if (found >= 0) {
// Element was found, remove it.
count.splice(found, 1);
} else {

// Element was not found, add it.
count.push(clickId);
}
if (count.length == 2) {
//alert("reach");
.question").removeClass("question_disabled")
title").removeClass("panel_disabled");
.glyphicon").removeClass("glyphicon_disabled");
#vimeo_w3g4 #accordion1_w6g2 .panel-heading").on("click",
function () {
player.api("pause");
//player.pause();
var isCorrect = $(this).attr("isCorrect");
//////alert(isCorrect);
#vimeo_w3g4 #accordion1_w6g2 .panel-heading .panel-title
.glyphicon12").addClass("glyphicon-unchecked
unchecked").css('color', '#666666');

#vimeo_w3g4 #accordion1_w6g2 .panel-heading .panel-title
.iscorrect").hide();
$(this).children().children(".glyphicon12").removeClass("glyphi
con-unchecked unchecked").addClass("glyphicon-check
checked");//.css('color','green');
if (isCorrect == "true") {
checked").css('color', '#d41920');
}
else {
checked").css('color', '#339900');
}
});
#accordion1_w6g2 .panel-heading").attr("data-toggle",
"collapse");

//$("#collapseListGroup1_w6g2").show();
}
//////console.log('video has ended');
//$('#vimeoembed').addClass('finished');
}
});
/* -----------------------*/
.list_tab").on("click", function () {
var attr_tab = $(this).attr('href');
var attrId = attr_tab.split('_')[1];
var checkId = attrId.split('-')[0];
//////alert(Id);
var player1 = $f($(pid +
'.tab_with_mcq_video_template #videotab_' + checkId)[0]);

////alert(player1);
player1.addEvent('ready', function () {
////alert("hello");
player1.addEvent('finish', onFinish1);
});
function onFinish1(id) {
//count.push(clickId);
//////console.log(count);
//alert("going");
var found1 = jQuery.inArray(checkId, count1);
if (found1 >= 0) {
// Element was found, remove it.
count1.splice(found1, 1);
} else {
// Element was not found, add it.
count1.push(checkId);
}
if (count1.length == 2) {

//alert("t5hui");
.question").removeClass("question_disabled")
title").removeClass("panel_disabled");
.glyphicon").removeClass("glyphicon_disabled");
#vimeotab_mobile #accordion2_w6g2 .panel-
heading").on("click", function () {
//alert("1111111");
//player1.api("pause");
//player.pause();
var isCorrect = $(this).attr("isCorrect");
//////alert(isCorrect);
#vimeotab_mobile #accordion2_w6g2 .panel-heading .panel-
title .glyphicon12").addClass("glyphicon-unchecked
unchecked").css('color', '#666666');
#vimeotab_mobile #accordion2_w6g2 .panel-heading .panel-
title .iscorrect").hide();

checked");//.css('color','green');
if (isCorrect == "true") {
checked").css('color', '#339900');
}
else {
checked").css('color', '#d41920');
}
});
#accordion2_w6g2 .panel-heading").attr("data-toggle",
"collapse");

}
//////console.log('video has ended');
//$('#vimeoembed').addClass('finished');
}
});
/* -----------------------*/
}
}

/*** tab_with_mcq_video template end here ***/
/**** tabbed_content template start here ****/
function TabbedContentTemplate(pid) {
pid = "#" + pid;
$(pid + ".tabbed_content_template
});
$(pid).find(".nav-tabs a").on("click",function(){
var img_attr=$(this).attr("href");
if($(pid).find(img_attr).find(".tab-pannel-content

div").hasClass("carousel")){
$(pid).find(".carousel
.item").removeClass("active");
$(pid).find(".carousel
.item").first().addClass("active");
$(pid).find(".carousel .customIndicator
li").removeClass("active");
$(pid).find(".carousel .customIndicator
li").first().addClass("active");
}
else{
}
});
}
/*** tabbed_content template end here ***/
/**** video_playlist template start here ****/

function VideoPlaylistTemplate(pid) {
pid = "#" + pid;
var vimeosrcObj = [];
$(pid + ".video_playlist_template iframe.embed-responsive-
item").each(function (i) {
vimeosrcObj.push({ value: $(this).attr('src') });
});
$(pid + ".video_playlist_template
.panelheadingVimeo").bind("click", function () {
$(this).parents(".video_playlist_template").find(".panelheading
Vimeo").removeClass("selected");
$(pid + ".video_playlist_template iframe.embed-
responsive-item").attr("src", "");

for (var j = 0, vimeosrcObjlength = vimeosrcObj.length; j
< vimeosrcObjlength; j++) {
$(pid + ".video_playlist_template iframe.embed-
responsive-item:eq(" + j + ")").attr({ 'src':
vimeosrcObj[j].value, 'frameborder': 0, 'webkitallowfullscreen':
'webkitallowfullscreen', 'mozallowfullscreen':
'mozallowfullscreen', 'allowfullscreen': 'allowfullscreen' });
}
});
}
/*** video_playlist template end here ***/
/**** image_rollover template start here ****/

function ImageRolloverTemplate(pid) {
pid = "#" + pid + ".image_rollover_template ";
var isVisible = false;
var clickedAway = false;
$(pid + '.popoverThis').popover({
html: true,
title: $(this).attr('title'),
content: function () {
return $(this).attr('content');
},
trigger: 'manual'
}).click(function (e) {
idShow = $(this).attr('id')
$(pid + '#' + idShow).popover('show')

$(pid + '#' +
idShow).parent('div').siblings('div').find('.popoverThis').popove
r('hide');
clickedAway = false
isVisible = true
});
$(document).on('click touchstart', function () {
$(pid + ".popoverThis").removeClass('selected')
$(pid + ".popoverThis").popover('hide');
});

$(pid + '.popoverThis').click(function () {
return false;
});
}
/*** image_rollover template end here ***/
/**** bootstrap_click_through template start here ****/
function BootstrapClickThroughTemplate(pid) {
pid = "#" + pid + ".bootstrap_click_through_template ";
var isVisible = false;
var clickedAway = false;
$(pid+'.popoverThis').popover({
html: true,

title: $(this).attr('title'),
content: function () {
return $(this).attr('content');
},
trigger: 'manual'
}).click(function (e) {
idShow = $(this).attr('id')
$(pid+ '#' + idShow).popover('show')
$(pid+'#' +
idShow).parent('div').siblings('div').find('.popoverThis').popove
r('hide');
clickedAway = false
isVisible = true
//e.preventDefault()
});

$(document).on('click touchstart', function () {
$(pid+".popoverThis").removeClass('selected')
$(pid+".popoverThis").popover('hide');
});
$(pid+'.popoverThis').click(function () {
return false;
});
}
/*** bootstrap_click_through template end here ***/

/**** bootstrap_flowchart template start here ****/
function BootstrapFlowChartTemplate(pid){
pid = "#"+pid+".bootstrap_flowchart_template ";
$(pid+ "span[data-href]").css("cursor", "pointer");
$(pid+ "span[data-href]").click(function () {
if ($(this).attr("data-target") == undefined ||
$(this).attr("data-target") == "_self") {
window.location.href = $(this).attr("data-href");
} else {
window.open($(this).attr("data-href"), "_blank");
}
});
}
/*** bootstrap_flowchart template end here ***/
function TwoBranchFlowChartTemplate(){
}

/**** bootstrap_flowchart_branching template start here ****/
function BootstrapFlowChartBranchingTemplate(pid){
pid = "#"+pid+".bootstrap_flowchart_branching_template ";
$(pid+ "span[data-href]").css("cursor", "pointer");
$(pid+ "span[data-href]").click(function () {
if ($(this).attr("data-target") == undefined ||
$(this).attr("data-target") == "_self") {
window.location.href = $(this).attr("data-href");
} else {
window.open($(this).attr("data-href"), "_blank");
}
});
}
/*** bootstrap_flowchart_branching template end here ***/

/**** image_slider_button_click_with_feedback template start
here ****/
function
ImageSliderButtonClickWithFeedbackTemplate(pid,feedbackAr
r1,feedbackArr2,feedbackArr3,feedbackArr4,feedbackArr5,feed
backArr6) {
pid = "#" + pid +
".image_slider_button_click_with_feedback_template ";
var currentIndex = 0;
$(pid+'.carousel').on('slid.bs.carousel', function () {
// This variable contains all kinds of data and methods
related to the carousel
var carouselData = $(this).data('bs.carousel');
// EDIT: Doesn't work in Boostrap >= 3.2
//var currentIndex = carouselData.getActiveIndex();
currentIndex =
carouselData.getItemIndex(carouselData.$element.find('.item.ac
tive'));
//alert(currentIndex);
var total = carouselData.$items.length;

$(pid+"#myTab_M1G36").css("padding-
bottom","2em");
});
$(pid+".carousel-control").bind("click", function () {
bottom","2em");
$(pid+".button_content").hide();
$(pid+".off").removeClass("selected");
$(pid+".button_content").removeClass("Right wrong");
//$(".button_content").removeClass("Right");
// $(".button_content").removeClass("wrong")
});
$(pid+".carousel-indicators").bind("click", function () {
bottom","2em");
$(pid+".button_content").hide();
//$(".button_content").removeClass("Right");
//$(".button_content").removeClass("wrong");

//restartAudio();
});
$(pid+".off").bind("click", showContent);
var feedbackArr_1 = feedbackArr1 || ['Sorry! This is
incorrect. Try again.', 'Sorry! This is incorrect. Try again.',
'Well done! This is the correct option.<br> In this image, you
tend to perceive a series of four columns rather than anything
else, because, at least, the oddly shaped objects are
symmetrical. ', 'Sorry! This is incorrect. Try again.', 'Sorry!
This is incorrect. Try again.', 'Sorry! This is incorrect. Try
again.'];
var feedbackArr_2 = feedbackArr2 || ['Well done! This is the
correct option.<br>In this image, you tend to perceive two
columns of line instead of four different lines. The lines are
grouped together because of how close they are to each other, or
their proximity to one another.', 'Sorry! This is incorrect. Try
again.', 'Sorry! This is incorrect. Try again.', 'Sorry! This is
'Sorry! This is incorrect. Try again.'];
'Sorry! This is incorrect. Try again.', 'Well done! This is the
correct option.<br>In this image, you tend to perceive a cube,
even though no actual cube is drawn. If you couldn't
describe the image as a cube, how would you try and describe
them?', 'Sorry! This is incorrect. Try again.', 'Sorry! This is
incorrect. Try again.'];

'Sorry! This is incorrect. Try again.', 'Sorry! This is incorrect.
Try again.', 'Well done! This is the correct option.<br>In this
picture, you can see either an old lady or a young lady; you
can't see both images at the same time. When you focus on
important features of one, the other features become background
and vice versa.', 'Sorry! This is incorrect. Try again.'];
'Sorry! This is incorrect. Try again.', 'Sorry! This is incorrect.
Try again.', 'Sorry! This is incorrect. Try again.', 'Well done!
This is the correct option.<br>The images in the foreground are
larger than the images in the background, still the viewer
assumes that the objects are actually of the same size. The
distance is inferred rather than the actual size.'];
incorrect. Try again.', 'Well done! This is the correct
option.<br>In this image, you tend to perceive an "X," that is
two lines intersecting rather than two semicircles touching each
other.', 'Sorry! This is incorrect. Try again.', 'Sorry! This is
'Sorry! This is incorrect. Try again.'];
function showContent() {
bottom","1em");

}
}
}
}
}
else {
}
}

}
/*** image_slider_button_click_with_feedback template end
here ***/
/**** text_click_with_popover template start here ****/
function TextClickWithPopoverTemplate(pid) {
pid = "#" + pid + ".text_click_with_popover_template ";
/*$(pid).on("click", function (e) {
for (i = 1; i <= pop_length; i++) {
$(pid + "#popup_" + i).css("display", "none");
//$("#popupMobile_"+i).attr({"src" :
"assets/AI_PHOA208_M4_G2_mobile_img"+i+".jpg"});
}
});*/
$(pid + '[data-toggle="popover"]').popover();
}

/*** text_click_with_popover template end here ***/
/**** click_through_hotspot template start here ****/
function ClickThroughHotspotTemplate(pid) {
pid = "#" + pid + ".click_through_hotspot_template ";
var wid =
parseInt($(pid+".clickthroughhotspot_template_img").attr("data
-width"),10);
var hgt =
parseInt($(pid+".clickthroughhotspot_template_img").attr("data
-height"),10);
$(pid+".click_through_hotspot_template_left_block").css("max-
width",wid+"px");
$(pid).find(".button_icon").each(function(){
var x = parseInt($(this).attr("data-x"),10);
var y = parseInt($(this).attr("data-y"),10);
var lx = x/wid * 100;
var ly = y/hgt * 100;

$(this).css({left:lx+"%",top:ly+"%"});
});
$('body').on('click', function (e) {
$(pid + '[data-toggle="popover"]').each(function () {
//the 'is' for buttons that trigger popups
//the 'has' for icons within a button that triggers a popup
if (!$(this).is(e.target) && $(this).has(e.target).length
=== 0 && $('.popover').has(e.target).length === 0) {
$(this).popover('hide');
}
});
});
}
/*** click_through_hotspot template end here ***/

/**** click_through_timeline template start here ****/
function ClickThroughTimelineTemplate(pid) {
pid = "#" + pid + ".click_through_timline_template ";
$(pid + '.hotspotClick').click(function () {
idofdiv = $(this).attr('id').split('_')[1];
//alert(idofdiv)
$(pid + '#img_' + idofdiv).show();
$(pid + '#hotspot_' + idofdiv).css('background-image',
'url("https://curdevstaging.courseassets.com/LIVEcourse/aio/Pin
nacle/PHOA332_Media/AI_PHOA332_M2_G3_ClickthroughTi
meline/assets/highlighter.png")');
$(pid + '#hotspot_3').css('background-image',
meline/assets/highlighter1.png")');
$(pid + '#hotspot_7').css('background-image',
meline/assets/highlighter1.png")');
$(pid + '#img_' + idofdiv).siblings('div').hide();
$(pid + '#hotspot_' +
idofdiv).siblings('div').css('background', 'none');

});
/*window.onorientationchange = function () {
var orientation = window.orientation;
switch (orientation) {
case 0: window.location.reload();
break;
break;
case -90: window.location.reload();
break;

break;
}
};*/
function init() {
var flag = true;
$(pid + '.gallery__controls-prev').addClass('text-grey');
$(pid + '.gallery__controls-prev').css('cursor', 'default');
var width = $(window).width(), height =
$(window).height();
var lastItem = false;
$(pid +
'.gallery').find('.firstgalleryitem').find('a.timeline__step-
marker').addClass('active');
$(pid + '.timeline__step-marker').on('click', function () {
$(this).addClass('active');
$(this).parents('.gallery__item').siblings('div').find('a').removeC
lass('active');
})

$(pid + '.carousel').carousel({
wrap: false
});
var isiPhone =
navigator.userAgent.toLowerCase().indexOf("iphone");
var isiPad =
navigator.userAgent.toLowerCase().indexOf("ipad");
var isiPod =
navigator.userAgent.toLowerCase().indexOf("ipod");
if (isiPhone > -1 || isiPad > -1) {
$(pid + ".carousel-inner").swipe({
//Generic swipe handler for all directions

swipeLeft: function (event, direction, distance,
duration, fingerCount) {
$(this).parent().carousel('next');
id = $(this).find('.active').attr('id').split('_')[1];
selectedId = parseInt(id) + 1;
$(pid + '#click_' +
selectedId).find('a').addClass('active');
$(pid + '#click_' +
selectedId).siblings('div').find('a').removeClass('active');
toGalleryItem($('#click_' + selectedId));
},
swipeRight: function () {
$(this).parent().carousel('prev');
id = $(this).find('.active').attr('id').split('_')[1];

selectedId = parseInt(id) - 1;
$(pid + '#click_' +
selectedId).find('a').addClass('active');
$(pid + '#click_' +
selectedId).siblings('div').find('a').removeClass('active');
toGalleryItem($('#click_' + selectedId));
},
//Default is 75px, set to 0 for demo so any distance
triggers swipe
threshold: 0
});
}
var totalWidth = 0;
// Total width is calculated by looping through each
gallery item and

// adding up each width and storing that in `totalWidth`
$(pid + ".gallery__item").each(function () {
totalWidth = totalWidth + $(this).outerWidth();
});
// The maxScrollPosition is the furthest point the items
should
// ever scroll to. We always want the viewport to be full of
images.
var maxScrollPosition = totalWidth - $(pid+".gallery-
wrap").outerWidth();
if (width >= 1024) {
maxScrollPosition = maxScrollPosition + 1;
} else if (width >= 768 && width <= 1023) {

}
// This is the core function that animates to the target item
//
===============================================
=====================
function toGalleryItem($targetItem) {
/*if($($targetItem).hasClass('firstgalleryitem')) {

$('.gallery__controls-prev').addClass('text-grey');
$('.gallery__controls-prev').css('cursor', 'default');
}else{
$('.gallery__controls-prev').removeClass('text-
grey');
$('.gallery__controls-prev').css('cursor', 'pointer');
}
if($($targetItem).hasClass('lastgalleryitem')){
$('.gallery__controls-next').addClass('text-grey');
$('.gallery__controls-next').css('cursor', 'default');
$(".gallery__controls-prev").on('click')
}else{

$('.gallery__controls-next').removeClass('text-
grey');
$('.gallery__controls-next').css('cursor', 'pointer');
}*/
// Make sure the target item exists, otherwise do
nothing
if ($targetItem.length) {
// The new position is just to the left of the
targetItem
var newPosition = $targetItem.position().left;
// If the new position isn't greater than the maximum
width
//alert(newPosition + " :::: " + $(".gallery-

wrap").outerWidth())
//alert(newPosition + " ------ " + maxScrollPosition)
if (newPosition == 0) {
$(pid + '.gallery__controls-prev').addClass('text-
grey');
$(pid + '.gallery__controls-prev').css('cursor',
'default');
} else if (newPosition >= maxScrollPosition) {
$(pid + '.gallery__controls-next').addClass('text-
grey');
$(pid + '.gallery__controls-next').css('cursor',
'default');
} else {
$(pid + '.gallery__controls-
prev').removeClass('text-grey');
$(pid + '.gallery__controls-prev').css('cursor',
'pointer');

$(pid + '.gallery__controls-
next').removeClass('text-grey');
$(pid + '.gallery__controls-next').css('cursor',
'pointer');
}
//alert(newPosition + " ---- " + maxScrollPosition)
if (newPosition <= maxScrollPosition) {
// Add active class to the target item
$targetItem.addClass("gallery__item--active");
// Remove the Active class from all other items
$targetItem.siblings().removeClass("gallery__item--active");
// Animate .gallery element to the correct left
position.
$(pid + ".gallery").animate({
left: - newPosition

});
} else {
// Animate .gallery element to the correct left
position.
/*$(".gallery").animate({
left : - maxScrollPosition
});*/
};
};
};
// Basic HTML manipulation
//
===============================================
=====================

// Set the gallery width to the totalWidth. This allows all
items to
// be on one line.
$(pid + ".gallery").width(totalWidth);
// Add active class to the first gallery item
$(pid + ".gallery__item:first").addClass("gallery__item--
active");
// When the prev button is clicked
//
===============================================
=====================
$(pid + ".gallery__controls-prev").on('click', function () {
// Set target item to the item before the active item
var $targetItem = $(pid + ".gallery__item--
active").prev();
toGalleryItem($targetItem);
});

// When the next button is clicked
//
===============================================
=====================
$(pid + ".gallery__controls-next").on('click', function () {
//alert($(".gallery__item--active").next())
// Set target item to the item after the active item
var $targetItem = $(pid + ".gallery__item--
active").next();
toGalleryItem($targetItem);
});
}
init();
}
/*** click_through_timeline template end here ***/

/**** bootstrap_image_video_slider template start here ****/
function BootstrapImageVideoSliderTemplate(pid) {
pid = "#" + pid + ".bootstrap_image_video_slider ";
var vimeosrcObj = [];
var audiosrcObj = [];
var currentIndex = 0;
// init();
//pauseAudio();
pauseAudio();
$(pid + "iframe.embed-responsive-item").each(function (i) {
vimeosrcObj.push({ value: $(this).attr('src') });
});
$(pid + ".audiosrc").each(function (i) {
audiosrcObj.push({ value: $(this).attr('src') });
});
function pauseAudio() {

var audio = $(pid + " #myAudio")[0];
var audio2 = $(pid + " #myAudio_2")[0];
audio.pause();
audio2.pause();
audio3.pause();
}
function restartAudio() {
$(pid + ".off").removeClass("show_1");
$(pid + ".off").off("click");
$(pid + ".off").addClass("disabled");
audio.currentTime = 0

audio2.currentTime = 0
audio3.currentTime = 0
pauseAudio();
}
$(pid + ".carousel-indicators").bind("click", function () {
////console.log("click event indicators");
$(pid + ".button_content").hide();
//restartAudio();
});
////////////////
// Listen to the 'slid carousel' event
// to trigger our code after each slide change
$(pid + '.carousel').on('slid.bs.carousel', function () {

// This variable contains all kinds of data and methods
related to the carousel
var carouselData = $(this).data('bs.carousel');
// EDIT: Doesn't work in Boostrap >= 3.2
//var currentIndex = carouselData.getActiveIndex();
currentIndex =
carouselData.getItemIndex(carouselData.$element.find('.item.ac
tive'));
//alert(currentIndex);
var total = carouselData.$items.length;
// Create the text we want to display.
// We increment the index because humans don't count like
machines
var text = (currentIndex + 1) + " of " + total;
// You have to create a HTML element <div id="carousel-
index"></div>
// under your carousel to make this work

////console.log("text =" + text);
audio.pause();
audio2.pause();
audio3.pause();
//$(".audiosrc").attr("src","");
if
(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera
Mini/i.test(navigator.userAgent)) {
// some code..
//restartAudio();

//audio.currentTime = 0;
//$(".audiosrc").setAttribute('autoplay', false);
$(pid + ".audiosrc").attr({ 'src': audiosrcObj[0].value
});
}
//audio.play();
//audio.currentTime = 0;
$(pid + " #myAudio")[0].setAttribute('autoplay', true);
});
} else if ((currentIndex + 1) == 4) {
if

// some code..
//restartAudio();
//audio2.currentTime = 0;
});
}
//audio2.play();
//audio2.currentTime = 0;
$(pid + " #myAudio_2")[0].setAttribute('autoplay',
true);
});

} else if ((currentIndex + 1) == 5) {
if
// some code..
//restartAudio();
//audio3.currentTime = 0
});
}

//audio3.play();
$(pid + " #myAudio_3")[0].setAttribute('autoplay',
true);
});
}
});
///////////////////////////////
$(pid + ".carousel-control").bind("click", function () {
////console.log("click event carousel");
$(pid + ".button_content").hide();
////console.log("data =" + $(this).data());

//restartAudio();
$(pid + "iframe.embed-responsive-item").attr("src", "");
for (var j = 0, vimeosrcObjlength = vimeosrcObj.length; j
< vimeosrcObjlength; j++) {
$(pid + "iframe.embed-responsive-item:eq(" + j +
")").attr({ 'src': vimeosrcObj[j].value, 'frameborder': 0,
'webkitallowfullscreen': 'webkitallowfullscreen',
'mozallowfullscreen': 'mozallowfullscreen', 'allowfullscreen':
'allowfullscreen' });
}
// $(this).addClass("selected");
});
/*var feedbackArr = ['<p>asdfasdf</p>', '<p>hghghg b bfgf

bghfgf bvgfgfgt vbgfgr vgfgrt fgfgr</p>', '<p>jhghhghghg b
bfgf bghfgf bvgfgfgt vbgfgr vgfgrt fgfgr</p>', '<p>jkhjjjh b
bfgf bghfgf bvgfgfgt vbgfgr vgfgrt fgfgr</p>'];
var a=[]
// $(".off").on("click", function()
// {
function showContent(){
//alert("show");
var i=$(this).attr("id").split("a_")[1];
$(".button_content").css("display", "block");
$(".button_content").html(feedbackArr[i-1]);
}*/

//});
var feedbackArr_1 = ['<p>When you are at a school, it is
very unlikely that you may get professional hands-on experience
just by completing your academic part of the graduation.</p>' +
'<p>So does that mean you cannot get a job right after you
graduate? No! To meet the gap of professional hands-on
experience in the field of photojournalism, most of the
universities and schools either facilitate internships with local
firms or provide counselors or advisors at school to help
students get into an internship with a company or an
agency.</p>' + '<p>Internship or apprenticeship can be thought
of as a trial job where you get an opportunity to see how your
work measures up to the skills being sought in the professional
field.</p>' + '<p>The internships can be either paid or unpaid
depending on the period of stay, amount of work, and your
employer. For example, some low-budget newspaper agencies
do not pay their interns.</p>' + '<p>The salary or stipend you
get as an intern is irrelevant. The advantages of an internship
are the hands-on experience you gain from the assignments you
work on and the networking you establish with the professionals
in the field.</p>', '<p>In the digital era, where information
transfer is instantaneous, media companies and news agencies
prefer photographers who can themselves write stories for their
images A photographer with good writing skills helps in getting
information published without any delays and retaining the
original intent of the shot image Therefore, a photographer with
good writing skills has better prospects of being hired than
others.</p>' + '<p>You can develop good writing skills by
practicing, imbibing basic grammar rules, proofreading, and
reading good written samples.</p>', '<p>As you have learned in
Milestone 1 of this course, joining an organization such as
NPPA can provide you opportunities to get into internship
programs and exclusive job openings.<p> ' + '<p>You can

easily join the local chapter of the NPPA organization in your
town. The NPPA group has developed its own database, which
has a lot of internship opportunities with many of the largest
news organizations in the country.</p>', '<p>To be a successful
photojournalist, you need to develop your personality as a
whole. The field you are aspiring to enter is not only interesting
and adventurous but also demanding. There can be instances in
which you will be emotionally upset about a situation, but you
need to be self-motivated to capture the situation and bring it in
front of the world.</p>' + '<p>As a photojournalist, you may be
required to shoot assignments such as a day-and-night sports
event or cross-border war. You need to be flexible enough to
accommodate the shooting timings in your routine.</p>'];
var feedbackArr_2 = ['<p>Neil makes the following changes
in his rÃƒÂ©sumÃƒÂ© to align it with the job
requirements:</p>' + '<ul class="text-left"> ' + '<li>Adds the
relevant key competencies and work experience in the
rÃƒÂ©sumÃƒÂ©</li>' + '<li>Highlights the accomplishments
that present why he is eligible for the job he is applying
for</li>' + '<li>Highlights the involvement in career-based or
community service organizations and gives complete details of
organizations of which he holds membership</li> ' +
'<li>Highlights his social and networking skills to present his
ability to comfortably converse with professionals or subjects of
his assignments</li>' + '<li>Highlights technical skills and
knowledge of software</li>' + '<li>Proofreads his
rÃƒÂ©sumÃƒÂ© to avoid any language or spelling issues</li>'
+ '</ul>', '<p>Although Neil already has a portfolio in place, he
understands that an applicant needs to customize his or her
portfolio for each job opportunity. This is because you can
present your skillset in the best possible way when you
showcase the work that is relevant to your potential
employer.</p>' + '<p>In this case, where Neil has found an
opportunity relevant to news photography, he employs the
following strategies to customize his digital portfolio:</p>' + '

<ul class="text-left">' + '<li>Includes more news-telling images
and some sports-action images</li>' + '<li>Adds images that
show his skills and diversity in capturing low-light, action, and
still-life photographs</li>' + '<li>Keeps composition, lighting,
and creativity at the forefront of his objectives when editing his
images for the portfolio</li>' + '<li>Checks that the number of
images compiled in the portfolio is not more than
20Ã¢â‚¬â€œ25</li>' + '</ul>'];
var feedbackArr_3 = ['<p></p>'];
var a = []
function showContent() {
////alert("show11");
var i = $(this).attr("id").split("a_")[1];
$(pid + ".button_content").css("display", "block");
$(pid + ".button_content").html(feedbackArr_1[i - 1]);
}

}
}
else {
}
}
var aud = $(pid + " #myAudio")[0];
var aud2 = $(pid + " #myAudio_2")[0];
var aud3 = $(pid + " #myAudio_3")[0];
aud.onended = function () {
$(pid + ".off").addClass("show_1");
$(pid + ".off").bind("click", showContent);
$(pid + ".off").removeClass("disabled");

};
aud2.onended = function () {
};
aud3.onended = function () {
};
}
/*** bootstrap_image_video_slider template end here ***/

/**** flip_box template start here ****/
/*** flip_box template end here ***/
/**** flip_box_compact_view template start here ****/
function FlipBoxCompactViewTemplate(pid) {
pid = "#" + pid + ".flip_box_compact_view_template ";
var boxid = 0;
$(pid + ".box").on("click", function () {
boxid = $(this).attr('id');
$(this).children(".front").addClass("flip-front");

$(this).children(".back").addClass("flip-back");
$(pid + ".box").each(function (i) {
if ($(this).children(".front").hasClass("flip-front") &&
$(this).children(".back").hasClass("flip-back")) {
if (i != boxid) {
$(this).children(".front").removeClass("flip-
front");
$(this).children('.back').removeClass("flip-back");
}
}
});
});
}
/*** flip_box_compact_view template end here ***/

/**** bootstrap_flip_box template start here ****/
function BootstrapFlipBoxTemplate(pid) {
pid = "#" + pid + ".bootstrap_flip_box_template ";
var id = $(this).attr('id').split('_')[1]
//alert(id);
$(pid + "#card_" + id).toggleClass("flipped");
for (i = 1; i <= 3; i++) {
if (i != id) {
if ($(pid + "#card_" + i).hasClass("flipped")) {
$(pid + "#card_" + i).toggleClass("flipped");
}
}
}

});
}
/*** bootstrap_flip_box template end here ***/
/**** flip_box_vertical_view template start here ****/
function FlipBoxVerticalViewTemplate(pid) {
pid = "#" + pid + ".flip_box_vertical_view_template ";
var boxid = 0;
boxid = $(this).attr('id');
$(this).children(".front").addClass("flip-front");
$(this).children(".back").addClass("flip-back");
$(pid + ".box").each(function (i) {

if ($(this).children(".front").hasClass("flip-front") &&
$(this).children(".back").hasClass("flip-back")) {
if (i != boxid) {
$(this).children(".front").removeClass("flip-
front");
$(this).children('.back').removeClass("flip-back");
}
}
});
});
}
/*** flip_box_vertical_view template end here ***/

/**** zoom_in_zoom_out template start here ****/
function ZoomInZoomOutTemplate(pid){
pid = "#"+pid+".zoom_in_zoom_out_template ";
var counter = 0;
$(pid+"#plus").click(function () {
setZoomInZoomOut(1);
});
$(pid+"#minus").click(function () {
setZoomInZoomOut(-1);
});
function setZoomInZoomOut(incr){
var nval = counter+incr;
if(nval < 0 || nval > 5){
return;
}

counter = nval;
var scale = 1 + counter/10;
$(pid+"img ").css('transform', 'scale('+scale+')');
setButtonsState();
}
function setButtonsState(){
if(counter == 0){
$(pid+ "#minus").addClass("disabled ");
}else{
$(pid+"#minus").removeClass("disabled ");
}
if(counter == 5){
$(pid+ "#plus").addClass("disabled ");
}else{

$(pid+"#plus").removeClass("disabled ");
}
}
setButtonsState();
}
/*** zoom_in_zoom_out template end here ***/
/**** hotspot_click_and_graph template start here ****/
function HotspotClickAndGraphTemplate(pid) {
pid = "#" + pid + ".hotspot_click_and_graph_template ";
function preload(arrayOfImages) {
$(arrayOfImages).each(function () {
$('<img/>')[0].src = this;

});
}
// Usage:
preload([
'assets/img/AI_PHOA203_W3_L2_G2_img_effect0.jpg',
'assets/img/AI_PHOA203_W3_L2_G2_img_effect5.jpg'
]);
$(pid+" .hotspot").css("background",
"url('assets/img/AI_PHOA203_W3_L2_G2_img_circle.png')");
$(pid+".reset").click(function () {

$(pid+" .duplicateImage").attr("src",
"assets/img/AI_PHOA203_W3_L2_G2_img_duplicate.jpg");
$(pid+" .graphImage").css("background",
"url('assets/img/AI_PHOA203_W3_L2_G2_img_effect0.jpg')");
});
$(pid+" .hotspot").click(function () {
var hotspotId = $(this).attr("id").split("_")[1];
$(pid+" .duplicateImage").attr("src",
"assets/img/AI_PHOA203_W3_L2_G2_img_duplicate" +
hotspotId + ".jpg");
$(pid+" .graphImage").css("background",
"url('assets/img/AI_PHOA203_W3_L2_G2_img_effect" +
hotspotId + ".jpg')");
$(this).css("background-image", "none");

});
}
/*** hotspot_click_and_graph template end here ***/
/**** canvas_animation template start here ****/
/**** canvas_animation_template template start here ****/
function
CanvasAnimationTemplate(pid,compositionName,className) {
pid = "#" + pid + ".canvas_animation_template ";
var self = this;
this.isCanvasAnimationInitiated = false;
this.canvas = $(pid+" canvas.animation")[0];
this.stage = null;

this.exportRoot = null;
this.anim_container = $(pid+" .canvas_animation")[0];
this.dom_overlay_container =
$(this.anim_container).find(".dom_overlay_container")[0];
this.composition = null;
this.isAnimationPlaying = false;
this.initAnimation = function(){
this.composition =
AdobeAn.getComposition(compositionName);
var lib = this.composition.getLibrary();
if(lib.properties.manifest.length > 0){
var loader = new createjs.LoadQueue(true);
loader.addEventListener("fileload", function (evt) {
self.handleFileLoad(evt) });
loader.addEventListener("complete", function (evt) {
self.handleComplete(evt) });
for(var i = 0; i < lib.properties.manifest.length; i++){
lib.properties.manifest[i].src =

lib.properties.manifest[i].src;
}
loader.loadManifest(lib.properties.manifest);
}else{
self.handleComplete(null);
}
}
this.handleFileLoad = function(evt){
var images = self.composition.getImages();
if (evt && (evt.item.type == "image")) {
images[evt.item.id] = evt.result; }
}
this.handleComplete = function(evt,comp){
var lib = self.composition.getLibrary();
var ss = self.composition.getSpriteSheet();
if(evt != null){
var queue = evt.target;

var ssMetadata = lib.ssMetadata;
for (i = 0; i < ssMetadata.length; i++) {
ss[ssMetadata[i].name] = new createjs.SpriteSheet({
"images": [queue.getResult(ssMetadata[i].name)], "frames":
ssMetadata[i].frames })
}
}
self.exportRoot = new lib[className]();
self.stage = new lib.Stage(self.canvas);
self.stage.addChild(self.exportRoot);
self.exportRoot.gotoAndStop(0);
self.makeResponsive(true,'width',false,1);
AdobeAn.compositionLoaded(lib.properties.id);
createjs.Ticker.setFPS(lib.properties.fps);
//createjs.Ticker.timingMode = Ticker.RAF;
createjs.Ticker.addEventListener("tick", self.stage);

self.isCanvasAnimationInitiated = true;
}
this.makeResponsive = function(isResp, respDim, isScale,
scaleType) {
var lastW, lastH, lastS = 1;
var lib = self.composition.getLibrary();
if(window.parent && window.parent.window){
window.parent.window.addEventListener('resize',
resizeCanvas);
}else{
window.addEventListener('resize', resizeCanvas);
}
resizeCanvas();
function resizeCanvas() {
var w = lib.properties.width, h = lib.properties.height;
var iw = window.innerWidth, ih = window.innerHeight;
var pRatio = window.devicePixelRatio || 1, xRatio = iw
/ w, yRatio = ih / h, sRatio = 1;
if (isResp) {

if ((respDim == 'width' && lastW == iw) || (respDim
== 'height' && lastH == ih)) {
sRatio = lastS;
}
else if (!isScale) {
if (iw < w || ih < h)
sRatio = Math.min(xRatio, yRatio);
}
else if (scaleType == 1) {
sRatio = Math.min(xRatio, yRatio);
}
else if (scaleType == 2) {
sRatio = Math.max(xRatio, yRatio);
}
}
self.canvas.width = w * pRatio * sRatio;
self.canvas.height = h * pRatio * sRatio;
self.canvas.style.width =
self.dom_overlay_container.style.width =
self.anim_container.style.width = w * sRatio + 'px';

self.canvas.style.height =
self.anim_container.style.height =
self.dom_overlay_container.style.height = h * sRatio + 'px';
self.stage.scaleX = pRatio * sRatio;
self.stage.scaleY = pRatio * sRatio;
lastW = iw; lastH = ih; lastS = sRatio;
}
}
$(pid+".canvas_animation_container
.canvas_animation").on("click", function () {
//$(pid+".canvas_animation_poster_container").show();
//$(pid+".canvas_animation_container").hide();
self.isAnimationPlaying = !self.isAnimationPlaying;
$(pid+".canvas_animation_container .canvas_animation
.animationBtn").toggle();
if(self.isAnimationPlaying){
self.exportRoot.gotoAndPlay(1);
}else{
self.exportRoot.gotoAndStop(0);

}
});
self.initAnimation();
}
/*** canvas_animation_template template end here ***/
/*** canvas_animation template end here ***/
/**** image_with_gif_animation template start here ****/
function ImageWithGifAnimationTemplate(pid) {
pid = "#" + pid + ".image_with_gif_animation_template ";
$(pid + ' .btnAnimationShow').on("click", function () {
$(pid + ' .imageAnimation').hide();

if ($(this).hasClass("img-responsive"))
$(pid + " .btnAnimationShow").show();
$(this).hide();
$("#" + $(this).attr('datatarget')).show();
});
}
/*** image_with_gif_animation template end here ***/
/**** image_with_click template start here ****/
function ImageWithClickTemplate(pid) {
pid = "#" + pid + ".image_with_click_template ";
function changeImage() {
var image = $(pid+" #myImage_w3_g1")[0];

if
(image.src.match("https://curdevstaging.courseassets.com/LIVE
course/aio/Pinnacle/FNDA150_Media/AI_FNDA150_W3_G1_I
mageclick/assets/AI_FNDA150_W3_G1_img1.jpg")) {
image.src =
"https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacl
e/FNDA150_Media/AI_FNDA150_W3_G1_Imageclick/assets/A
I_FNDA150_W3_G1_img2.jpg";
} else {
image.src =
e/FNDA150_Media/AI_FNDA150_W3_G1_Imageclick/assets/A
I_FNDA150_W3_G1_img1.jpg";
}
}
$(pid+"#myImage_w3_g1").click(function(){
changeImage();
});
}

/*** image_with_click template end here ***/
/**** image_click_with_popover template start here ****/
function ImageClickWithPopoverTemplate(pid) {
pid = "#" + pid + ".image_click_with_popover_template ";
var pop_length = $(pid + " .popup_button").length;
$(pid + ".container").on("click", function (e) {
$(pid + "#popup_" + i).attr({ "src":
"assets/img/AI_PHOA208_M4_G2_img" + i + ".jpg" });
$(pid + "#popupMobile_" + i).attr({ "src":
"assets/img/AI_PHOA208_M4_G2_mobile_img" + i + ".jpg" });
}
});

$(pid + " .popup_button").on("click", function (e) {
e.stopPropagation();
$(pid + "#popup_" + i).attr({ "src":
"assets/img/AI_PHOA208_M4_G2_img" + i + ".jpg" });
}
var colorId = $(this).attr("id").split("popup_")[1];
$(pid + " #popup_" + colorId).attr({ "src":
"assets/img/AI_PHOA208_M4_G2_img" + colorId + "a.jpg" });
});
$(pid + " .popup_buttonmobile").on("click", function (e) {
e.stopPropagation();
$(pid + "#popupMobile_" + i).attr({ "src":
"assets/img/AI_PHOA208_M4_G2_mobile_img" + i + ".jpg" });
}
var colorId = $(this).attr("id").split("popupMobile_")[1];
$(pid + " #popupMobile_" + colorId).attr({ "src":
"assets/img/AI_PHOA208_M4_G2_mobile_img" + colorId +
"a.jpg" });
});

}
/*** image_click_with_popover template end here ***/
/**** image_with_click_and_button template start here ****/
function ImageWithClickAndButtonemplate(pid) {
pid = "#" + pid + ".image_with_click_and_button_template ";
var dataname = [];
var imageSrc = "";
$(pid+".btnGroup .btnRedGrey1").on("click", function () {
while (dataname.length > 0) {
dataname.pop();
}
imageSrc = "";

if ($(this).attr("dataname") == "0") {
$(pid+".btnGroup .btnRedGrey1").attr("dataname",
"0");
$(pid+".btnGroup
.btnRedGrey1").find(".onoff").html("OFF");
$(pid+".btnGroup
.btnRedGrey1").removeClass("selected");
$(this).attr("dataname", "1");
$(this).find(".onoff").html("ON");
}
else if ($(this).attr("dataname") == "1") {
$(pid+".btnGroup .btnRedGrey1").attr("dataname",
"0");
$(this).attr("dataname", "0");
$(this).find(".onoff").html("OFF");
$(this).removeClass("selected");
}

$(pid+".btnGroup .btnRedGrey1").each(function (index) {
dataname.push({ value: $(this).attr("dataname") });
});
imageSrc = dataname[0].value + "" + dataname[1].value;
if (dataname[0].value == 1) {
$(pid+"#content_1").show(200);
$(pid+"#content_2").hide(200);
} else {
}
if (dataname[1].value == 1) {
$(pid+"#content_2").show(200);

} else {
}
$(this).parent().parent().find(".img-rounded").attr("src",
e/PHOA250_Media/AI_PHOA250_W2_G20_Image/assets/AI_P
HOA250_W2_G20_img_" + imageSrc + ".jpg");
});
}
/*** image_with_click_and_button template end here ***/
/**** image_click_to_reveal template start here ****/
function ImageClickToRevealTemplate(pid) {
pid = "#" + pid + ".image_click_to_reveal_template ";

loadScripts("https://myclasses.argosy.edu/shared/plugins/image
maps/jquery.rwdImageMaps.min.js",function(){
$(pid + 'img[usemap]').rwdImageMaps();
var feedbackArr = ['All preceding levels of need must be
realized before the needs for self-actualization are attained.
This level represents a person’s need to do what s/he
was "born to do". The needs make themselves
known in signs of restlessness. It is not always apparent what a
person wants for a need of self-actualization to be attained.',
'All three previous levels of needs must be met before the needs
for esteem become evident. These needs involve self-esteem,
and the recognition people receive from others. When these
needs are met, people feel self-confident and valuable. When
these needs are not met, a person feels frustrated, inferior,
weak, and worthless.', 'These needs become evident as people
try to overcome feelings of loneliness and alienation. This
involves both giving and receiving love, affection, and a sense
of belonging.', 'When physiological needs are met, the need for
safety is activated. Adults rarely recognize these needs, except
in times of emergency, but children often display signs of
insecurity and the need to feel safe.', 'Biological needs that
consist of needs for food, water, air, and shelter. They are the
strongest needs because without these, humans would search for
them in order to survive.'];
$(pid + " .colorbarBtn").on("click", function (e) {
var colorId =

//var parentId =
$(this).parent().attr("id").split("bootstrapColorBar_")[1];
$(pid + ".p_text").html(feedbackArr[colorId]);
_G8_Tab"+parentId+"_img"+colorId+".gif");
$(pid + " #image_change").attr({ "src":
"assets/img/AI_PSY1010_M3_G1_" + colorId + ".jpg" });
});
});
}
/*** image_click_to_reveal template end here ***/
/***image_carousel_template start here****/
function
ImageCarouselTemplate(pid,show_image,show_animation){
pid = "#" + pid + ".image_carousel_template ";
$(pid +".animationBtn").on("click",function(){
$(this).hide();

Ethical Theories and Principles.htmlEthical Theories and Pri.docx

Ethical Theories and Principles.htmlEthical Theories and Pri.docx

Recommended

Recommended

More Related Content

Similar to Ethical Theories and Principles.htmlEthical Theories and Pri.docx

Similar to Ethical Theories and Principles.htmlEthical Theories and Pri.docx (9)

More from theodorelove43763

More from theodorelove43763 (20)

Recently uploaded

Recently uploaded (20)

Ethical Theories and Principles.htmlEthical Theories and Pri.docx