// jquery functions
$(document).ready(function() {

    // --------------------------------------------------------
    // code for tab switching with most read and most discussed
    // -------------------------------------------------------- 

    // create variables for reference to html elements in the module
    var sLatestCommentsTab = 'li#latestCommentsTab';
    var sPopularCommentsTab = 'li#popularCommentsTab'
    var sMostReadArticlesTab = 'li#MostReadArticlesTab';
    var sMostReadGalleriesTab = 'li#MostReadGalleriesTab'
    var sMostReadVideosTab = 'li#MostReadVideosTab'
    var sLatestComments = '#latestComments';
    var sPopularComments = '#popularComments';
    var sMostReadArticles = '#MostReadArticles';
    var sMostReadGalleries = '#MostReadGalleries';
    var sMostReadVideos = '#MostReadVideos';
    var sModuleHeaders = '#CommentsTabs h2';


    $('#CommentsTabs .tabbedNav').show(); // show the tabs if javascript available (by default this is hidden)
    $(sModuleHeaders).hide(); // hide the headers
    $(sLatestComments).show(); // show most read list by default
    $(sLatestCommentsTab).addClass('selected'); // style most read as currently selected
    $(sPopularComments).hide(); // hide most commented list by default

    $(sMostReadArticles).show(); // show most read articles list by default
    $(sMostReadArticlesTab).addClass('selected'); // style most read as currently selected
    $(sMostReadGalleries).hide(); // hide galleries list by default
    $(sMostReadVideos).hide(); // hide videos list by default



    $(sLatestCommentsTab).click(
	    function() {
	        $(sPopularCommentsTab).removeClass('selected');
	        $(sLatestCommentsTab).addClass('selected');
	        $(sPopularComments).hide();
	        $(sLatestComments).fadeIn();
	        return false;
	    }
    )

    $(sPopularCommentsTab).click(
	    function() {
	        $(sLatestCommentsTab).removeClass('selected');
	        $(sPopularCommentsTab).addClass('selected');
	        $(sLatestComments).hide();
	        $(sPopularComments).fadeIn();
	        return false;
	    }
    )

    $(sMostReadArticlesTab).click(
	    function() {
	        $(sMostReadGalleriesTab).removeClass('selected');
	        $(sMostReadVideosTab).removeClass('selected');
	        $(sMostReadArticlesTab).addClass('selected');
	        $(sMostReadGalleries).hide();
	        $(sMostReadVideos).hide();
	        $(sMostReadArticles).fadeIn();
	        AlignAds();
	        return false;
	    }
    )

    $(sMostReadGalleriesTab).click(
	        function() {
	            $(sMostReadGalleriesTab).addClass('selected');
	            $(sMostReadVideosTab).removeClass('selected');
	            $(sMostReadArticlesTab).removeClass('selected');
	            $(sMostReadGalleries).fadeIn();
	            $(sMostReadVideos).hide();
	            $(sMostReadArticles).hide();
	            AlignAds();
	            return false;
	        }
        )

    $(sMostReadVideosTab).click(
	        function() {
	            $(sMostReadGalleriesTab).removeClass('selected');
	            $(sMostReadVideosTab).addClass('selected');
	            $(sMostReadArticlesTab).removeClass('selected');
	            $(sMostReadGalleries).hide();
	            $(sMostReadVideos).fadeIn();
	            $(sMostReadArticles).hide();
	            AlignAds();
	            return false;
	        }
        )

    var sTheWorkTab = "li#TheWorkTab"
    var sTheWorkReviewedTab = "li#TheWorkReviewedTab"
    var sTheInternationalWorkTab = "li#TheInternationalWorkTab"
    var sPublicViewTab = "li#BehindTheScenesTab"
    var sTheWork = "#TheWork"
    var sTheWorkReviewed = "#TheWorkReviewed"
    var sTheInternationalWork = "#TheInternationalWork"
    var sPublicView = "#BehindTheScenes"

    $(sTheWork).show();
    $(sTheWorkTab).addClass('selected');
    $(sTheWorkReviewed).hide();
    $(sTheInternationalWork).hide();
    $(sPublicView).hide();

    $(sTheWorkTab).click(
        function() {
            $(sTheWorkReviewedTab).removeClass('selected');
            $(sTheInternationalWorkTab).removeClass('selected');
            $(sPublicViewTab).removeClass('selected');
            $(sTheWorkTab).addClass('selected');
            $(sTheWorkReviewed).hide();
            $(sTheInternationalWork).hide();
            $(sPublicView).hide();
            $(sTheWork).fadeIn();
        }
    )

    $(sTheWorkReviewedTab).click(
        function() {
            $(sTheWorkReviewedTab).addClass('selected');
            $(sTheInternationalWorkTab).removeClass('selected');
            $(sPublicViewTab).removeClass('selected');
            $(sTheWorkTab).removeClass('selected');
            $(sTheInternationalWork).hide();
            $(sPublicView).hide();
            $(sTheWork).hide();
            $(sTheWorkReviewed).fadeIn();
        }
    )

    $(sTheInternationalWorkTab).click(
        function() {
            $(sTheWorkReviewedTab).removeClass('selected');
            $(sTheInternationalWorkTab).addClass('selected');
            $(sPublicViewTab).removeClass('selected');
            $(sTheWorkTab).removeClass('selected');
            $(sPublicView).hide();
            $(sTheWork).hide();
            $(sTheWorkReviewed).hide();
            $(sTheInternationalWork).fadeIn();
        }
    )

    $(sPublicViewTab).click(
        function() {
            $(sTheWorkReviewedTab).removeClass('selected');
            $(sTheInternationalWorkTab).removeClass('selected');
            $(sPublicViewTab).addClass('selected');
            $(sTheWorkTab).removeClass('selected');
            $(sTheWork).hide();
            $(sTheWorkReviewed).hide();
            $(sTheInternationalWork).hide();
            $(sPublicView).fadeIn();
        }
    )

    // sets input field values and clears on focus

    var sUsername = 'User name/Email address';
    var sSearchPhrase = 'Know it now...';

    $(".username-textbox").val(sUsername).focus(function() {
        if (this.value === sUsername) {
            this.value = '';
        }
    });
    $(".search-box").val(sSearchPhrase).focus(function() {
        if (this.value === sSearchPhrase) {
            this.value = '';
        }
    });

    //jCarousel for Editor's Pick
    $('#editors-choice').show(); //hidden by default
    $('#slideshow').jcarousel({
        wrap: 'circular'
    });

    //removes background of selected in network bar
    if ($('#campaignAsiaDomain').hasClass('selected')) {
        $('#network li.more').hover(function() {
            $('#campaignAsiaDomain').removeClass('selected');
        }, function() {
            $('#campaignAsiaDomain').addClass('selected');
        });
    };

    //click shows sign in box
    $('#signIn').click(function() {
        $('#signInContent').show();
    });
    $('#login').click(function(e) {
        e.stopPropagation();
    });
    $(document).click(function() {
        $('#signInContent').hide();
    });
});