var doc = false; var file = false; var zone = false; var str1 = false;
        /* comparing with get 
        $(function() {
        $('#a3').click(function() {
        $.get(file, function(data) {
        // alert(data);  
        document.getElementById('div1').innerHTML = data.toString(); }
        );
        });
        });
        */
        /* this is done with load */
        function hidejquery() {
        $(document).ready(function() {
        $("#a1").click(function() { $("#sp1").load(str1); });
        $("#a2").click(function() { $("#sp1").load(str1); });
        $("#a3").click(function() { $("#sp1").load(str1); });
        $("#a4").click(function() { $("#sp1").load(str1); });
        $("#a5").click(function() { $("#sp1").load(str1); });
        $("#a6").click(function() { $("#sp1").load(str1); });
        $("#a7").click(function() { $("#sp1").load(str1); });
        $("#a8").click(function() { $("#sp1").load(str1); });
        $("#a9").click(function() { $("#sp1").load(str1); });
        $("#a10").click(function() { $("#sp1").load(str1); });
        $("#a11").click(function() { $("#sp1").load(str1); });
        $("#a12").click(function() { $("#sp1").load(str1); });
        $("#a13").click(function() { $("#sp1").load(str1); });
      	$("#a13b").click(function() { $("#sp1").load(str1); });
      	//
      	
      	$("#a21").click(function() { $("#sp1").load(str1); });
        $("#a22").click(function() { $("#sp1").load(str1); });
        $("#a23").click(function() { $("#sp1").load(str1); });
        $("#a24").click(function() { $("#sp1").load(str1); });
        $("#a25").click(function() { $("#sp1").load(str1); });
        $("#a26").click(function() { $("#sp1").load(str1); });
        $("#a27").click(function() { $("#sp1").load(str1); });
        $("#a28").click(function() { $("#sp1").load(str1); });
        $("#a29").click(function() { $("#sp1").load(str1); });
        $("#a210").click(function() { $("#sp1").load(str1); });
        $("#a211").click(function() { $("#sp1").load(str1); });
        $("#a212").click(function() { $("#sp1").load(str1); });
        $("#a213").click(function() { $("#sp1").load(str1); });
      	 $("#a214").click(function() { $("#sp1").load(str1); });
 		$("#a215").click(function() { $("#sp1").load(str1); });
		 $("#a216").click(function() { $("#sp1").load(str1); });
		 $("#a217").click(function() { $("#sp1").load(str1); });


      	//
       
        });
        }
           /* intialize file */
        function filename(param, select) {
            file = param; zone = select;
            str1 = param + "  " + select;
             hidejquery();
            //alert(str1);
        }
        /* this will activate drag event in */
         function activedrag() {
            var dd = document.getElementById('drag');
            //alert(dd); 
            $("#drag").click(function(event) {
            //alert("div element will change");
            $('#drag').draggable();
                //event.preventDefault(); // $("#div2").hide("slow");
               // showAlert();
            });

        }