// Mobile
$(document).ready(function () {

    // For Mobile Template: if any div.cmspage is empty, let's remove it -- avoids padding on empty pages.			
    $('#Mobile div').each(function (i, el) {
        // Remove white space
        var html = $(el).html().replace(/\s+/, '');
        // Check if element is :empty or length of html is zero
        if ($(el).is(':empty') || html.length == 0)
            $(el).remove();
    });

});  //END DOC READY

function addPageTools() {
	var clientDomainName = '[clientDomainName]',
		clientSiteName = '[clientSiteName]',
		currentPageUrl = document.location,
		currentPageTitle = $.trim($('title').text()),
		emailSubject = clientDomainName + ': ' + currentPageTitle,
		emailHref = 'mailto:?subject=' + escape(emailSubject) + '&body=I thought you would be interested in a page on the ' + escape(clientSiteName) + ' Web site: ' + escape(currentPageTitle) + ' - ' + escape(currentPageUrl);
	$('#Breadcrumbs').after('<div id="PageTools">' +
		'<ul>' +
			'<li class="Print"><a href="javascript:;" onclick="print();">Print Page</a></li>' +
			'<li class="Email"><a href="' + emailHref + '#">Email Page</a></li>' +
		'</ul>' +
	'</div>');	
}
function addTextSizer() {
	$('#Breadcrumbs').after('<div id="TextSizer" class="ClearFix"><h2>Text Size</h2><ul>' +
				'<li><a class="NormalFont" href="javascript:;" title="Small Font Size"></a></li>' +
				'<li><a class="LargeFont" href="javascript:;" title="Medium Font Size"></a></li>' +
				'<li><a class="X-LargeFont" href="javascript:;" title="Large Font Size"></a></li>' +
			'</ul></div>');
	$('a.NormalFont').click(function() {$('#Content').removeClass('textLarge').removeClass('textXLarge');$.cookie('text_sizer', null, { path: '/' });});
	$('a.LargeFont').click(function() {$('#Content').addClass('textLarge').removeClass('textXLarge');$.cookie('text_sizer', 'large', { path: '/' });});
	$('a.X-LargeFont').click(function() {$('#Content').removeClass('textLarge').addClass('textXLarge');$.cookie('text_sizer', 'xlarge', { path: '/' });});
	$('#TextSizer a').click(function() {$('#TextSizer a').removeClass('active');$(this).addClass('active');});
}
function text_size_checker() {
	var text_sizer_cookie = $.cookie('text_sizer');
	if (text_sizer_cookie==null){$('a.NormalFont').addClass('active')};
	if (text_sizer_cookie=='large'){ $('#Content').addClass('textLarge');$('a.LargeFont').addClass('active') };
	if (text_sizer_cookie=='xlarge'){ $('#Content').addClass('textXLarge');$('a.X-LargeFont').addClass('active') };
}

    


$(document).ready(function () {
    addPageTools();
    addTextSizer();
    text_size_checker();

    // ----------- TEMPLATE EXTRAS ------------------//

    //Removes banner area if empty (avoid white space in IE)
    $('#Banner:empty').remove();

    // I Want To Panel Styling for Interior
    $('.cmspanel .IWantTo').parent().addClass('IWantToDec3');
    $('.cmspanel .IWantTo').parent().parent().parent().parent().addClass('IWantToDec2');
    $('.cmspanel .IWantTo').parent().parent().parent().parent().parent().addClass('IWantToDec1');

    // Home Page:
    $('#Home #Col1 .cmspanel').wrapInner('<div class="InsideWrapper"></div>');
    $('.cmspanel .InsideWrapper .ContentSlider').parent().parent().parent().parent().parent().addClass('ContentSliderDec');
    $('.cmspanel .ContentSliderDec').parent('.cmspanel').addClass('ContentSliderWrapper');

    $("a.image-button-rollover").each(function () {
        var t = $(this);
        var img = t.find("img");
        var imageSrc = img.attr("src");

        // Construct URLs
        var hoverSrc = imageSrc;
        var filename = imageSrc
        var splitted = filename.split(".jpg");
        hoverSrc = splitted[0] + "-over.jpg" + splitted[1];

        // Create hidden hover image and roll over image holders
        var hoverButton = $('<img src="' + hoverSrc + '" style="display:none" class="hover-image">');

        hoverButton.insertBefore(img);

        // Hide src image
        img.addClass("normal-image");

        var normalImage = img;
        var hoverImage = t.find(".hover-image");

        t.bind("mouseenter", function (e) {
            normalImage.css("display", "none");
            hoverImage.css("display", "inline");
            return true;
        });

        t.bind("mouseleave", function (e) {
            normalImage.css("display", "inline");
            hoverImage.css("display", "none");
            return true;
        });
    });

    
    // ----------- HACK LIST START ------------------//

    //Switch active tab on doctors
    $('#DrDetail ul.Tabnav li:nth-child(1)').removeClass('Tabactive');
    $('#DrDetail ul.Tabnav li:nth-child(2)').addClass('Tabactive');
    $('#DrDetail .Tab').removeClass('Tabhide');
    $('#DrDetail .Tab:first').addClass('Tabhide');

    //Mobile Main Nav - Adding phone number
    $('#BodyWrapperMid #MainNav ul').append('<li class="Phone"><a href="tel:8884524667" target="_self"><span>888-45CHOMP</span></a></li>');

    //Mobile Site Main Nav - add classes - Repeats 'First' through 'Fifth' class names
    $('#BodyWrapperMid #MainNav li:nth-child(5n+1)').addClass('First');
    $('#BodyWrapperMid #MainNav li:nth-child(5n+2)').addClass('Second');
    $('#BodyWrapperMid #MainNav li:nth-child(5n+3)').addClass('Third');
    $('#BodyWrapperMid #MainNav li:nth-child(5n+4)').addClass('Fourth');
    $('#BodyWrapperMid #MainNav li:nth-child(5n+5)').addClass('Fifth');
    
    //Mobile Site FooterLinks - add classes 
    $('#BodyWrapperBottom #FooterLinks li:nth-child(1)').addClass('First');
    $('#BodyWrapperBottom #FooterLinks li:nth-child(2)').addClass('Second');
    $('#BodyWrapperBottom #FooterLinks li:nth-child(3)').addClass('Last');

    // ----------- HACK LIST END ------------------//

});