// refer a friend popup
if (document.getElementById('refer-friend')) {
    $('#refer-friend').jqm({modal: true});
}
function ReferFriendOpen(strURL, intArticleID, strPage) {
    var referFriend = strPage + '?Article=' + intArticleID + '&' + strURL;
    $('#refer-friend iframe').attr('src',referFriend);
    $('#refer-friend').jqmShow();
}

function showModal(strURL) {
    $('#refer-friend iframe').attr('src',strURL);
    $('#refer-friend').jqmShow();
}

// close modal popup
function closeModal() {
    $('#refer-friend iframe').attr('src','');
    $('#refer-friend').jqmHide();
}


var setImage;
var setImagePre;
var setImagePost;
var setImage2;
$('.image-list a').click(function(event) {
event.preventDefault();
setImage = $(this).attr('href');
setImagePre = setImage.substring(0, setImage.length-4);
setImagePost = setImage.substring(setImage.length-4, setImage.length);
setImage2 = setImagePre+'-small'+setImagePost;
$('.image-zoom a').attr('href',setImage);
$('.image-zoom img').attr('src',setImage2);
});

$('.panelbar script').remove();
$('.panelbar .rootGroup li').each(function() {
    if ($(this).children('div').size() > 0) {
        $(this).append('<span class="expander can-expand">Expand</span>');
    }
});
$('.panelbar .slide').hide();
$('.panelbar .rootGroup').children('li').children('span').click(function() {
    if ($(this).parent('li').children('div').css('display') == 'block') {
        $(this).parent('li').children('div').slideUp();
        $(this).removeClass('can-expand');
        $(this).removeClass('can-collapse');
        $(this).addClass('can-expand');
        $(this).text('Expand');
    }
    else {
        $('.panelbar .rootGroup').children('li').children('div').slideUp();
        $('.panelbar .rootGroup').children('li').children('span').text('Expand');
        $('.panelbar .rootGroup').children('li').children('span').removeClass('can-expand');
        $('.panelbar .rootGroup').children('li').children('span').removeClass('can-collapse');
        $('.panelbar .rootGroup').children('li').children('span').addClass('can-expand');
        $(this).parent('li').children('div').slideDown();
        $(this).removeClass('can-expand');
        $(this).removeClass('can-collapse');
        $(this).addClass('can-collapse');
        $(this).text('Collapse');
    }
});
$('.panelbar .level1').children('li').children('span').click(function() {
    if ($(this).parent('li').children('div').css('display') == 'block') {
        $(this).parent('li').children('div').slideUp();
        $(this).removeClass('can-expand');
        $(this).removeClass('can-collapse');
        $(this).addClass('can-expand');
        $(this).text('Expand');
    }
    else {
        $('.panelbar .level1').children('li').children('div').slideUp();
        $('.panelbar .level1').children('li').children('span').text('Expand');
        $('.panelbar .level1').children('li').children('span').removeClass('can-expand');
        $('.panelbar .level1').children('li').children('span').removeClass('can-collapse');
        $('.panelbar .level1').children('li').children('span').addClass('can-expand');
        $(this).parent('li').children('div').slideDown();
        $(this).removeClass('can-expand');
        $(this).removeClass('can-collapse');
        $(this).addClass('can-collapse');
        $(this).text('Collapse');
    }
});
$('.panelbar .level2').children('li').children('span').click(function() {
    if ($(this).parent('li').children('div').css('display') == 'block') {
        $(this).parent('li').children('div').slideUp();
        $(this).removeClass('can-expand');
        $(this).removeClass('can-collapse');
        $(this).addClass('can-expand');
        $(this).text('Expand');
    }
    else {
        $('.panelbar .level2').children('li').children('div').slideUp();
        $('.panelbar .level2').children('li').children('span').text('Expand');
        $('.panelbar .level2').children('li').children('span').removeClass('can-expand');
        $('.panelbar .level2').children('li').children('span').removeClass('can-collapse');
        $('.panelbar .level2').children('li').children('span').addClass('can-expand');
        $(this).parent('li').children('div').slideDown();
        $(this).removeClass('can-expand');
        $(this).removeClass('can-collapse');
        $(this).addClass('can-collapse');
        $(this).text('Collapse');
    }
});
$('.panelbar .MenuItemTwoClicked').each(function() {
    $(this).parent().parent().css('display','block');
    $(this).parent().parent().parent().css('display','block');
    $(this).parent().parent().parent().parent().children('span').text('Collapse');
});
$('.panelbar .MenuItemThreeClicked').each(function() {
    $(this).parent().parent().css('display','block');
    $(this).parent().parent().parent().css('display','block');
    $(this).parent().parent().parent().parent().children('span').text('Collapse');
});
$('.panelbar .MenuItemFourClicked').each(function() {
    $(this).parent().parent().css('display','block');
    $(this).parent().parent().parent().css('display','block');
    $(this).parent().parent().parent().parent().children('span').text('Collapse');
});


function jsFncPrintOnly()
    {
        top.window.focus();
        window.print();
    }

$(document).ready(function() {

if ($('div').is('#divMembershipDetails')) { 
			$('#header').load('/view.aspx #header');
			$('#navContainer').load('/view.aspx #navContainer');
			$('#web20Navigation').load('/view.aspx #web20Footer');
};

	// Breadcrumb first item image replace
	$(".breadcrumbsContainer.top #breadcrumbs a:first").empty();
	$(".breadcrumbsContainer.top #breadcrumbs a:first").append("<img src='/Images/UserUploadedImages/logo_breadcrumb.png' alt='Capral' />");
	$(".breadcrumbsContainer.top #breadcrumbs a:first").addClass('homeIcon');

	$(".breadcrumbsContainer.bottom #breadcrumbs a:first").empty();
	$(".breadcrumbsContainer.bottom #breadcrumbs a:first").append("<img src='/Images/UserUploadedImages/logo_breadcrumb.png' alt='Capral' />");
	$(".breadcrumbsContainer.bottom #breadcrumbs a:first").addClass('homeIcon');

    // Login box show / hide animation
	 $(".loginLink").click(function(){
            if ($("#loginBox").is(':hidden'))
                $("#loginBox").slideDown(), 
				$("#topNav a.loginLink").addClass("loginLinkActive");
            else{
                $("#loginBox").hide();
				$("#topNav a.loginLink").removeClass("loginLinkActive");
            }
            return false;
        });

        $('#loginBox').click(function(e) {
            e.stopPropagation();
        });
        $(document).click(function() {
            $('#loginBox').slideUp();
			$("#topNav a.loginLink").removeClass("loginLinkActive");
        });

    //Auto click first zoom link
    $(".image-list li").first().addClass("first");
    $(".cad").hover(function() {
    $("#tab5 .image-list li.first a").trigger('click');
})

	// Tabbed content
	if (document.getElementById("tabsContainer")) {

		$("#tabsContainer .tabContent").hide(); //Hide all content
                $("#tabsContainer .tabContentz").css("visibility","hidden"); //Hide all content product zoom
		$("#tabbedContentContainer ul.tabbedContentTabs li:first").addClass("active").show(); //Activate first tab
		$("#tabbedContentContainerMultiLine ul.tabbedContentTabs li:first").addClass("active").show(); //Activate first tab
		$("#tabsContainer .tabContent:first").css("display","block"); //Show first tab content

		// Hover Intent

		function selectTabContent() {

			$("#tabbedContentContainer ul.tabbedContentTabs li").removeClass("active"); //Remove any "active" class
			$("#tabbedContentContainerMultiLine ul.tabbedContentTabs li").removeClass("active"); //Remove any "active" class
			$(this).addClass("active"); //Add "active" class to selected tab
			
                        $("#tabsContainer .tabContent").hide(); //Hide all tab content
			var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
			$(activeTab).fadeIn(); //Fade in the active ID content

                        $("#tabsContainer .tabContentz").css("visibility","hidden"); //Hide all content product zoom
                        var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
			$(activeTab).css("visibility","visible"); //Fade in the active ID content
		}

		function doNothing() {
			// No need to do anything on roll out
		}

		var config = {    
			interval: 200,  // number = milliseconds for onMouseOver polling interval    
			over: selectTabContent,   // function = onMouseOver callback (REQUIRED)    
			out: doNothing    // function = onMouseOut callback (REQUIRED)    
		};


		$("#tabbedContentContainer ul.tabbedContentTabs li").hoverIntent( config );
		$("#tabbedContentContainerMultiLine ul.tabbedContentTabs li").hoverIntent( config );

		// Disable Click Event
		$("#tabbedContentContainer ul.tabbedContentTabs li").click(function() {
			return false;
		});
		$("#tabbedContentContainerMultiLine ul.tabbedContentTabs li").click(function() {
			return false;
		});
	}


});

// font resize
$(function(){
    var maxResize = 3;
    var currentResize = 0;
    $('.fontChange').click(function(){
        if (document.getElementById('mainContent')) {
            var ourText = $('#mainContent');
        }
        else if (document.getElementById('TROuterTable')) {
            var ourText = $('#MainTableForContent');
        }        
        var currFontSize = ourText.css('fontSize');
        var finalNum = parseFloat(currFontSize, 10);
        var stringEnding = currFontSize.slice(-2);
        if (this.id == 'biggerFont' && currentResize < maxResize) {
            finalNum *= 1.1;
            currentResize = currentResize+1;
        }
        else if (this.id == 'smallerFont' && currentResize > 0) {
            finalNum /=1.1;
            currentResize = currentResize-1;
        }
        ourText.css('fontSize', finalNum + stringEnding);
    });
});

//Contact According Menu
$("#accordionContainer .panel").hide();
function contactAccMenu() {
    $("#accordionContainer a.accHeading").click(function() {
        $("#accordionContainer a.accHeading").not(this).next().each(function() {
            $(this).slideUp('slow');
        });	
        $(this).next().slideToggle('slow');
        $("#accordionContainer a.accHeadingInner").next().slideUp('slow');
    });
    $("#accordionContainer a.accHeadingInner").click(function() {
        $("#accordionContainer a.accHeadingInner").not(this).next().each(function() {
            $(this).slideUp('slow');
        });	
        $(this).next().slideToggle('slow');
    });
}

$(document).ready(function() {
    contactAccMenu();
    //Remove href="#"
    $("#accordionContainer ul li a.accHeading").removeAttr("href");
    //Scroll to top when clock on vew map
    $(".buttonLink").click(function() {
        $("html, body").animate({ scrollTop: 0 }, "slow");
    });
});