(function($) {
    $.fn.extend({
        collapsiblePanel: function() {
            // Call the ConfigureCollapsiblePanel function for the selected element
            return $(this).each(ConfigureCollapsiblePanel);
        }
    });

})(jQuery);

function ConfigureCollapsiblePanel() {
    $(this).addClass("ui-widget");

    // Check if there are any child elements, if not then wrap the inner text within a new div.
    if ($(this).children().length == 0) {
        $(this).wrapInner("<div></div>");
    }

    // Wrap the contents of the container within a new div.
    $(this).children().wrapAll("<div class='collapsibleContainerContent ui-widget-content'></div>");

    // Create a new div as the first item within the container.  Put the title of the panel in here.
 // $("<div class='collapsibleContainerTitle ui-widget-header'><div>" + $(this).attr("title") + "</div></div>").prependTo($(this));

    // Assign a call to CollapsibleContainerTitleOnClick for the click event of the new title div.
    $(".collapsibleContainerTitle", this).click(autoToggle);
							//$(".textBoxClose", this).click(CollapsibleContainerTitleOnClick);

		//$(".collapsibleContainer").slideToggle();
		//setTimeout ( autoToggle, 1000 );
		var panelOpen=new Boolean(false);
}

function CollapsibleContainerTitleOnClick() {
    // The item clicked is the title div... get this parent (the overall container) and toggle the content within it.
    $(".collapsibleContainerContent", $(this).parent()).slideToggle({ direction: "up" }, 1500);
	$(".collapsibleContainerTitle").toggleClass("active");
	
}




function autoToggle(e)
{
							 
		$(".collapsibleContainer").slideToggle(900);
		$(".collapsibleContainerTitle").slideToggle(600);
	
		//$(".collapsibleContainerTitle").toggleClass("active");
		// $(".textBox").fadeTo("fast", 1);
}

function closeDown(e)
{
	var startX = e.pageX;
	var startY = e.pageY;
	
}


function autoToggleBack(e)
{
	var endX = e.pageX;
	var endY = e.pageY;

	
							 
		$(".collapsibleContainer").slideToggle(900);
		$(".collapsibleContainerTitle").slideToggle(600);
		//$(".collapsibleContainerTitle").toggleClass("active");
		// $(".textBox").fadeTo("fast", 1);
}






function closeIfOpen()
{
	
	if ($(".collapsibleContainerTitle").is(':hidden')) {
                    panelOpen = false;
					
                } else {
                   panelOpen = true;
				   $(".collapsibleContainerTitle").slideToggle(600);
				   window.scroll(0,0);
				  // autoToggle();
                } 
				
					
		/*			
	if(panelOpen){
	autoToggle();
	}
	*/
	
	
}