var TabbedPages =
{
    init: function ()
    {
        var tabs = $(".TabbedPage");

        for (i = 0, ii = tabs.length; i < ii; i++)
        {
            $(tabs[i]).bind("click", TabbedPages.changeTab);
        }
    },

    changeTab: function(event)
    {
        var linkControl = this;
        var pageID = linkControl.id;


        var tabs = $(".TabbedPage");

        for (i = 0, ii = tabs.length; i < ii; i++) {
            var tabParent = tabs[i].parentNode;
            $(tabParent).removeClass("selected");
        }


        var listItem = linkControl.parentNode;
        $(listItem).addClass("selected");


        var TabbedPageContainer = $("#TabbedPageContainer");
        var TabbedPageContentHolder = $(".TabbedPageContentHolder")[0];
        var TabbedPageContentHolder2 = $(".TabbedPageContentHolder2")[0];
        var TabbedPageImageContainer = $(".TabbedPageImageContainer")[0];
        var ContactContainer = $(".ContactContainer")[0];
        if (pageID != 0)
        {
            
            $.ajax({  type: 'POST'
                    , url: '/TabbedPages.asmx/ChangeTab'
                    , contentType: 'application/json; charset=utf-8'
                    , data: '{"pageID":"' + pageID + '"}'
                    , dataType: 'json'
                    , success: function (data) 
                    {
                        var arrayList = data.d;

                        $(TabbedPageContainer).fadeOut(150, function () 
                        {
                            ContactContainer.style.display = "none";
                            TabbedPageContentHolder.style.display = "block";

                            $("#TabbedPageTitle").html(arrayList[0]);
                            $("#TabbedPageContent").html(arrayList[1]);

                            var TabbedPageButtonHolder = $(".TabbedPageButtonHolder")[0];
                            if (arrayList[2] == true) 
                            {
                                TabbedPageButtonHolder.style.display = "block";

                                var TabbedPageButtonLink = $(".TabbedPageButtonLink")[0];
                                var TabbedPageButtonImage = $(".TabbedPageButtonImage")[0];

                                TabbedPageButtonLink.href = arrayList[3];
                                TabbedPageButtonImage.src = arrayList[4];
                            }
                            else
                            {
                                TabbedPageButtonHolder.style.display = "none";
                            }

                        
                            if (arrayList[6] == 2)
                            {
                                TabbedPageImageContainer.style.display = "none";
                                $(TabbedPageContentHolder).addClass("noimage");

                                TabbedPageContentHolder2.style.display = "block";
                                $(TabbedPageContentHolder).addClass("left_column");
                                $(TabbedPageContentHolder2).addClass("right_column");

                                $("#TabbedPageTitle2").html(arrayList[7]);
                                $("#TabbedPageContent2").html(arrayList[8]);

                                var TabbedPageButtonHolder2 = $(".TabbedPageButtonHolder2")[0];
                                if (arrayList[9] == true) 
                                {
                                    TabbedPageButtonHolder2.style.display = "block";

                                    var TabbedPageButtonLink2 = $(".TabbedPageButtonLink2")[0];
                                    var TabbedPageButtonImage2 = $(".TabbedPageButtonImage2")[0];

                                    TabbedPageButtonLink2.href = arrayList[10];
                                    TabbedPageButtonImage2.src = arrayList[11];
                                }
                                else 
                                {
                                    TabbedPageButtonHolder2.style.display = "none";
                                }
                            }
                            else
                            {
                                TabbedPageContentHolder2.style.display = "none";
                                $(TabbedPageContentHolder).removeClass("left_column");
                                $(TabbedPageContentHolder2).removeClass("right_column");


                                var imageStr = arrayList[5];
                                if (imageStr.length > 0) 
                                {
                                    TabbedPageImageContainer.style.display = "block";

                                    var TabbedPageImage = $(".TabbedPageImage")[0];
                                    TabbedPageImage.src = arrayList[5];

                                    $(TabbedPageContentHolder).removeClass("noimage");
                                }
                                else 
                                {
                                    TabbedPageImageContainer.style.display = "none";

                                    $(TabbedPageContentHolder).addClass("noimage");
                                }
                            }
                        
                            $(TabbedPageContainer).fadeIn(150);

                        });
                    }
                    , error: function (XMLHttpRequest, textStatus, errorThrown)
                    {
                        //There was an error
                    }
            });
        }
        else
        {
//            ContactContainer.style.display = "block";
//            TabbedPageContentHolder.style.display = "none";
//            TabbedPageContentHolder2.style.display = "none";
//            TabbedPageImageContainer.style.display = "none";

            $(TabbedPageContainer).fadeOut(150, function () 
            {
                ContactContainer.style.display = "block";
                TabbedPageContentHolder.style.display = "none";
                TabbedPageContentHolder2.style.display = "none";
                TabbedPageImageContainer.style.display = "none";

                $(TabbedPageContainer).fadeIn(150);
            });
        }

        event.preventDefault();
    }
}

TabbedPages.init();