$(document).ready(function() {
    $('a').click(function() {
        var hrefVal = $(this).attr('href');
        Accordian(hrefVal);
    });
    var imgp = $(".accordionHead").css("background-image");
    $(".accordionContent").css("padding-bottom", "10px");
    $(".accordionHead").css("width", "375px");
    $(".accordionHead").css("padding-top", "7px");
    $(".accordionHead").css("margin-bottom", "0px");
    //Closing all the divs
    // $('.accordionContent').css("display", "none");
    // alert($(''))
    $('.accordionHead').next('.accordionContent').css("display", "none");
    var imageNew = $('.accordionHead').css("background-image");
    //alert(imageNew);
    imageNew = imageNew.replace("green", "grey");
    $('.accordionHead').css("background-image", imageNew);
    // To find the required div and opening it
    var urlLink = window.location.href;
    var poundIndex = urlLink.indexOf('#');
    //var poundI = parseInt(poundIndex);


    //alert(poundI);
    var path = urlLink.substring(poundIndex + 1, urlLink.length);
    var path1 = "#" + path;
    if (poundIndex > 0) {

        if ($(path1).hasClass('.accordionHead')) {
            $(path1).next(".accordionContent").css("display", "block");
            var pathAccordion = path1 + ".accordionHead";
            var imageNew1 = $(pathAccordion).css("background-image");
            //alert(imageNew);
            imageNew1 = imageNew1.replace("grey", "green");
            $(pathAccordion).css("background-image", imageNew1);
        }
    }
    else {
        var id = $('ul#accordionUL li:first').attr('id');
        var pathNew = "#" + id;
        if ($(pathNew).hasClass('.accordionHead')) {
            $(pathNew).next(".accordionContent").css("display", "block");
            var pathAccordionNew = pathNew + ".accordionHead";
            var imageNew2 = $(pathAccordionNew).css("background-image");
            //alert(imageNew);
            imageNew2 = imageNew2.replace("grey", "green");
            $(pathAccordionNew).css("background-image", imageNew2);
        }
    }
    $(".accordionHead").click(function() {
        var flag = 0;
        if ($(this).next(".accordionContent").css("display") == "none") {
            flag = 1;
        }
        var imgPath = $(this).css("background-image");
        //document.getElementById("test").innerHTML = imgPath;

        //$(".accordionContent").slideUp("2000");

        if (flag != 1) {
            $(this).next(".accordionContent").slideUp("2000"); //.slideDown("2000");
            imgPath = imgPath.replace(/green/ig, "grey");
            $(this).css("background-image", imgPath);
            //document.getElementById("test").innerHTML = imgPath;

        }
        else {
            $(this).next(".accordionContent").slideDown("2000");
            imgPath = imgPath.replace(/grey/ig, "green");
            $(this).css("background-image", imgPath);
        }
        //$(this).css("background-image", imgPath);

    });

});

function Accordian(value) {
    //var furllink = url;
    //alert(value);
    var fpoundIndex = value.indexOf('#');

    var fpath = value.substring(fpoundIndex + 1, value.length);
    //alert(fpath);
    var fpath1 = "#" + fpath;

    if ($(fpath1).hasClass('.accordionHead')) {
        $(fpath1).next(".accordionContent").css("display", "block");
        var fpathAccordion = fpath1 + ".accordionHead";
        var fimageNew1 = $(fpathAccordion).css("background-image");
        //alert(imageNew);
        fimageNew1 = fimageNew1.replace("grey", "green");
        $(fpathAccordion).css("background-image", fimageNew1);
    }
}