/* 
this method is used to manage the arrows in the any page with collapsible items
  images id = collapsible-list-arrow-{$Index}
  images class = collapsible-list-arrow
  links id = collapsible-list-link-{$Index}
  links class = collapsible-list-link
  contents id = collapsible-list-content-{$Index}
  contents class = collapsible-list-content
  arrow = collapsible-list-arrow

*/
$(document).ready(function () {
    $(".collapsible-list-link, .gridarrow").each(function () {//.collapsible-list-arrow
        $(this).bind("click", function () {
            var baseId = this.id;
            var ix = baseId.split('-')[3]; //collapsible-list-link-{$Index}>[0]=collapsible;[1]=list;[2]=link;[3]={$Index}

            $(".collapsible-list-link[id!='collapsible-list-link-" + ix + "'],.gridarrow[id!='collapsible-div-arrow-" + ix + "']").each(function () { $(this).removeClass("collapsible-list-selected"); });
			$(".collapsible-list-arrow[id!='collapsible-list-arrow-" + ix + "']").each(function () { $(this).attr("src", "/images/arrow.png"); });
            $(".collapsible-list-content[id!='collapsible-list-content-" + ix + "']").each(function () { $(this).hide(); });

            if ($(this).hasClass("collapsible-list-selected")) {
                $("#collapsible-list-content-" + ix).hide();
                $("#collapsible-list-arrow-" + ix).attr("src", "/images/arrow.png");
				$(".collapsible-list-link[id='collapsible-list-link-" + ix + "'],.gridarrow[id='collapsible-div-arrow-" + ix + "']").removeClass("collapsible-list-selected");
            }
            else {

                $("#collapsible-list-content-" + ix).show();
                $("#collapsible-list-arrow-" + ix).attr("src", "/images/arrowDown.png");
				$(".collapsible-list-link[id='collapsible-list-link-" + ix + "'],.gridarrow[id='collapsible-div-arrow-" + ix + "']").addClass("collapsible-list-selected");
            }
        }); //$(this).bind("click",function(){
    }); //$(".collapsible-list-link").each(function(){
    var queryString = {};
    location.search.replace(new RegExp("([^?=&]+)(=([^&#]*))?", "g"), function ($0, $1, $2, $3) { queryString[$1] = $3 });
    var id = queryString["id"];
    if (id) {
        $("#collapsible-list-content-" + id).show();
        $("#collapsible-list-arrow-" + id).attr("src", "/images/arrowDown.png");
    }
}); //$(document).ready(function()