jQuery.noConflict();
var lasttabclicked = null;
var currentOpenActivity = null;
var currentPhoto = null;

jQuery(document).ready(function() {

    //link click mechanism - open content
    jQuery(".popuplink").click(function() {

        //hide the previous open activity
        if (currentOpenActivity != null) {
            currentOpenActivity.show();
            currentOpenActivity.parent().find(".act2morecont").hide();

            var superParentHolder = currentOpenActivity.parent().parent().parent().parent().parent().parent().parent(); //get the top parent
            var linkHolder = superParentHolder.find(".col1");
            linkHolder.css({ 'width': '387px' });

            superParentHolder.find(".col2").show();
        }

        //hide the link
        jQuery(this).hide();

        //show the content associated
        var TabsDiv = jQuery(this).parent().find(".act2morecont");
        TabsDiv.show();
        var parentHolder = jQuery(this).parent().parent().parent().parent();
        var superimg = parentHolder.find(".col2");
        superimg.hide();
        var linkHolder = parentHolder.find(".col1");
        linkHolder.css({ 'width': '513px' });

        currentOpenActivity = jQuery(this);
        currentPhoto = superimg;
    });
    //hide button click mechanism - hide content
    jQuery(".tablinkhidebutton").click(function() {

        var parentHolder = jQuery(this).parent().parent().parent().parent(); //get the holder parent 

        var myLink = parentHolder.find(".popuplink");
        var myContent = parentHolder.find(".act2morecont");
        myLink.show();
        myContent.hide();

        var superParentHolder = jQuery(this).parent().parent().parent().parent().parent().parent().parent(); //get the top parent
        // set the first column back to the original width
        var linkHolder = superParentHolder.find(".col1");
        linkHolder.css({ 'width': '387px' });

        var superimg = superParentHolder.find(".col2");
        superimg.show();

    });
    //Tabs display mechanism
    jQuery(".tabdiv .l1").click(function() {

        if (lasttabclicked != null)
            lasttabclicked.attr("class", "l1");
        jQuery(this).attr("class", "l1clicked");
        lasttabclicked = jQuery(this);

        var myTabDiv1 = jQuery(this).parent().parent().find("#tabdivcont1");
        var myTabDiv2 = jQuery(this).parent().parent().find("#tabdivcont2");
        var myTabDiv3 = jQuery(this).parent().parent().find("#tabdivcont3");
        if (jQuery(this).attr("id") == "tabdiv1") {
            myTabDiv1.show();
            myTabDiv2.hide();
            myTabDiv3.hide();
        }
        if (jQuery(this).attr("id") == "tabdiv2") {
            myTabDiv2.show();
            myTabDiv1.hide();
            myTabDiv3.hide();
        }
        if (jQuery(this).attr("id") == "tabdiv3") {
            myTabDiv3.show();
            myTabDiv1.hide();
            myTabDiv2.hide();
        }



    }); //End click

});      //End document ready