$(document).ready(function() { $('#LinkContainer div a.carouselSelectedLinks').each(function() { $(this).removeClass("carouselSelectedLinks"); if (!$(this).hasClass('carouselLinks')) { $(this).addClass("carouselLinks") } }); var target = $('#CarouselDiv'); var totalChildren = $('#LinkContainer div a.carouselLinks').size(); var counter = 1; var isAuto = true; var imageSrc = $(".carouselImage1").attr("src"); $(target).css({ 'background': 'url(' + imageSrc + ') no-repeat;' }); CountTime(); $("#LinkContainer div a").click(function() { isAuto = false; var index = $.trim($(this).text()); if (index == '') { index = $(this).prop("title") } ChangeImage(index); ResetLinkClasses(); SetSelectedClass(index); SetNextPreviousValues(index); return false }); SetSelectedClass(1); function ChangeImage(index) { var imageSrc = $(".carouselImage" + index).prop("src"); $(target).css({ 'background': 'url(' + imageSrc + ')' }).fadeOut(0); $(target).fadeIn(600); if (window.location.pathname == "/") { var linkUrl = $("#linkUrl" + index).attr("name"); var linkPosition = $("#linkPosition" + index).attr("name"); var linkStyle = $("#linkStyle" + index).attr("name"); if (index == 1) { $("#ImageLink a").attr("href", 'javascript:openTutorialVideos();'); $("#ImageLink").attr("style", linkPosition); $("#ImageLink a div").attr("style", linkStyle) } else if (index == 2) { $("#ImageLink a").attr("href", 'javascript:openPattersonDentalTips();'); $("#ImageLink").attr("style", linkPosition); $("#ImageLink a div").attr("style", linkStyle) } else if (index == 3) { $("#ImageLink a").attr("href", 'javascript:openTutorialVideos();'); $("#ImageLink").attr("style", linkPosition); $("#ImageLink a div").attr("style", linkStyle) } else if (index == 4) { $("#ImageLink a").attr("href", linkUrl); $("#ImageLink").attr("style", linkPosition); $("#ImageLink a div").attr("style", linkStyle) } }; if (window.location.pathname == "/Technology") { var linkUrl = $("#linkUrl" + index).attr("name"); var linkPosition = $("#linkPosition" + index).attr("name"); var linkStyle = $("#linkStyle" + index).attr("name"); if (index == 1) { $("#ImageLink a").attr("href", linkUrl); $("#ImageLink").attr("style", linkPosition); $("#ImageLink a div").attr("style", linkStyle) } else if (index == 2) { $("#ImageLink a").attr("href", linkUrl); $("#ImageLink").attr("style", linkPosition); $("#ImageLink a div").attr("style", linkStyle) } else if (index == 3) { $("#ImageLink a").attr("href", linkUrl); $("#ImageLink").attr("style", linkPosition); $("#ImageLink a div").attr("style", linkStyle) } else if (index == 4) { $("#ImageLink a").attr("href", linkUrl); $("#ImageLink").attr("style", linkPosition); $("#ImageLink a div").attr("style", linkStyle) } }; if (window.location.pathname == "/Services") { var linkUrl = $("#linkUrl" + index).attr("name"); var linkPosition = $("#linkPosition" + index).attr("name"); var linkStyle = $("#linkStyle" + index).attr("name"); if (index == 1) { $("#ImageLink a").attr("href", linkUrl); $("#ImageLink").attr("style", linkPosition); $("#ImageLink a div").attr("style", linkStyle) } else if (index == 2) { $("#ImageLink a").attr("href", linkUrl); $("#ImageLink").attr("style", linkPosition); $("#ImageLink a div").attr("style", linkStyle) } else if (index == 3) { $("#ImageLink a").attr("href", linkUrl); $("#ImageLink").attr("style", linkPosition); $("#ImageLink a div").attr("style", linkStyle) } else if (index == 4) { $("#ImageLink a").attr("href", linkUrl); $("#ImageLink").attr("style", linkPosition); $("#ImageLink a div").attr("style", linkStyle) } } } function CountTime() { if (isAuto) { if (counter > totalChildren) { counter = 1 } ChangeImage(counter); ResetLinkClasses(); SetSelectedClass(counter); SetNextPreviousValues(counter); counter += 1; setTimeout(CountTime, 10000) } } function SetSelectedClass(index) { $("#LinkContainer div a:eq(" + parseInt(index) + ")").removeClass("carouselLinks"); $("#LinkContainer div a:eq(" + parseInt(index) + ")").addClass("carouselSelectedLinks") } function SetNextPreviousValues(index) { var prevButton = $("#LinkContainer div a:eq(0)"); var nextButton = $("#LinkContainer div a:eq(" + (parseInt(totalChildren) + 1) + ")"); var nextValue = parseInt(index) + 1; var prevValue = parseInt(index) - 1; if (index <= 1) { prevButton.removeClass("previousButton"); prevButton.addClass("nextPreviousDisabled"); prevValue = 1 } if (index > 1) { prevButton.removeClass("nextPreviousDisabled"); prevButton.addClass("previousButton") } if (index >= totalChildren) { nextButton.removeClass("nextButton"); nextButton.addClass("nextPreviousDisabled"); nextValue = totalChildren } if (index < totalChildren) { nextButton.removeClass("nextPreviousDisabled"); nextButton.addClass("nextButton") } nextButton.attr("title", nextValue); prevButton.attr("title", prevValue) } }); function ResetLinkClasses(){$('#LinkContainer div a').each(function(){if($(this).prop('title').length<=0){$(this).removeClass("carouselSelectedLinks");$(this).addClass("carouselLinks")}})}