$(document).ready(function () {

    //Append a div with hover class to all the LI
    //    $('#navMenu1 li').append('<div style="top:0px;position:absolute;background-color:#5eb1cf;width:175px; height:24px; display:none;"><\/div>');

    var holder = "";


    for (i = 0; i <= $('#navMenu1 li').get().length - 1; i++) {
        $('#navMenu1 li').get(i).innerHTML = '<div id="dv_' + i + '" style="top:0px;position:absolute;background-color:#5eb1cf; height:24px;display:none;"><div style=" height:24px;width:8px; float:left;background-image:url(media/images/highlighter/1-over.jpg);"></div><div style=" height:24px;width:8px; float:right;background-image:url(media/images/highlighter/1-over.jpg); background-position:right;"></div></div>' + $('#navMenu1 li').get(i).innerHTML;
    }


    function closeThem(sender) {

        for (i = 0; i <= $('#navMenu1 li').get().length - 1; i++) {
            var _li = $('#navMenu1 li').get(i);

            if (i != sender) {
                $('#dv_' + i).fadeOut('1000');

            }
        }
    }



    $('#navMenu1 li').hover(

    //Mouseover, fadeIn the hidden hover class	
		function () {
		    //  alert($(this).children('a').width());



		    $(this).children('div').css({ "width": ($(this).children('a').width() + 10) + "px" }),

		    $(this).children('div').fadeIn('1000');

		},

    //Mouseout, fadeOut the hover class
		function () {


		    if ($(this).get(0) != holder) {

		        $(this).children('div').fadeOut('1000');
		    }

		});




    $('#navMenu1 li').click(

    //Mouseover, fadeIn the hidden hover class	


    //Mouseout, fadeOut the hover class
		function () {

		    // $(this).blur();

		    document.getElementById("dv_call_title").innerHTML = NDIC_data.Data[$(this).index()].Title;
		    document.getElementById("dv_call_text").innerHTML = '<p class="txt">' + NDIC_data.Data[$(this).index()].Copy + '</p>';
		    document.getElementById("dv_call_link").innerHTML = "<a href='" + NDIC_data.Data[$(this).index()].Link + "' title='read more'>read more</a>";

		    $('#slideshow li').get(0).innerHTML ="<img src='" + NDIC_data.Data[$(this).index()].Image + "' width=\"710\" height=\"248\" />";
		   // document.getElementById("dv_call_title").innerHTML = NDIC_data.Data[$(this).index()].Title;
		    holder = ($(this).get(0));

		    closeThem($(this).index());
		    // var oldHolder = holder;

		    // oldHolder.children('div').fadeOut('1000');

		});


});