$(function(){



    // dialog 1 properties
    $('#dialog1').dialog({
		stack: false,
		modal: true,
		bgiframe: true,
        autoOpen: false,
        show: 'slide',
        hide: 'slide',
        closeOnEscape: true,
		//width: 747, 
		width: 700, 
		height: 372,
		//position: ['center','top'],	
		resizable: false
    });
	
	    // dialog 2 properties
    $('#dialog2').dialog({
		stack: false,
		modal: true,
		bgiframe: true,
        autoOpen: false,
        show: 'slide',
        hide: 'slide',
        closeOnEscape: true,
		width: 700, 
		height: 372,	
		resizable: false 
    });
	
	
		    // dialog 3 properties
    $('#dialog3').dialog({
		stack: false,
		modal: true,
		bgiframe: true,
        autoOpen: false,
        show: 'slide',
        hide: 'slide',
        closeOnEscape: true,
		width: 700, 
		height: 372,	
		resizable: false 
    });
	
	
		    // dialog 4 properties
    $('#dialog4').dialog({
		stack: false,
		modal: true,
		bgiframe: true,
        autoOpen: false,
        show: 'slide',
        hide: 'slide',
        closeOnEscape: true,
		width: 700, 
		height: 372,	
		resizable: false 
    });
	
//$("#dialog1").dialog("widget").css({ top: 100, left: 100 });


			

    // dialog open/close
    $('#toggle1').click(function() {
		var dialogOffset = $('#toggle1').offset();
		$('#dialog1').dialog({
      position: { 
        my: 'top left',
        at: 'top left',
        of: $('#dialog-container'),
		offset: "-25 0",
		collision: "flip"
      }
    });
        if ($('#dialog1').dialog('isOpen') == true)
            $('#dialog1').dialog('close');
        else
            $('#dialog1').dialog('open');
        return false;
		
    });
	
	    // dialog open/close
   // $('#toggle1').click(function() {
	//	var dialogOffset = $('#toggle1').offset();
	//	$('#dialog1').dialog('option','position',[dialogOffset.left,dialogOffset.top-$(window).scrollTop()]);
      //  if ($('#dialog1').dialog('isOpen') == true)
      //      $('#dialog1').dialog('close');
      //  else
       //     $('#dialog1').dialog('open');
       // return false;
		
    //});
	
	
	$('#toggle2').click(function() {
		var dialogOffset = $('#toggle2').offset();
		$('#dialog2').dialog({
      position: { 
        my: 'top left',
        at: 'top left',
        of: $('#dialog-container'),
		offset: "-25 0",
		collision: "flip"
      }
    });
        if ($('#dialog2').dialog('isOpen') == true)
            $('#dialog2').dialog('close');
        else
            $('#dialog2').dialog('open');
        return false;
    });
	
	    $('#toggle3').click(function() {
		var dialogOffset = $('#toggle3').offset();
		$('#dialog3').dialog({
      position: { 
        my: 'top left',
        at: 'top left',
        of: $('#dialog-container'),
		offset: "-25 0",
		collision: "flip"
      }
    });
        if ($('#dialog3').dialog('isOpen') == true)
            $('#dialog3').dialog('close');
        else
            $('#dialog3').dialog('open');
        return false;
		
    });
	
	$('#toggle4').click(function() {
		var dialogOffset = $('#toggle4').offset();
		$('#dialog4').dialog({
      position: { 
        my: 'top left',
        at: 'top left',
        of: $('#dialog-container'),
		offset: "-25 0",
		collision: "flip"
      }
    });
        if ($('#dialog4').dialog('isOpen') == true)
            $('#dialog4').dialog('close');
        else
            $('#dialog4').dialog('open');
        return false;
    });
	
	
	
	$('.ui-widget-overlay').live('click', function (){
		if ($('#dialog1').dialog('isOpen') == true)
      $('#dialog1').dialog("close");
    });
	
	$('.ui-widget-overlay').live('click', function (){
		if ($('#dialog2').dialog('isOpen') == true)
      $('#dialog2').dialog("close");
    });
	
	$('.ui-widget-overlay').live('click', function (){
		if ($('#dialog3').dialog('isOpen') == true)
      $('#dialog3').dialog("close");
    });
	
	$('.ui-widget-overlay').live('click', function (){
		if ($('#dialog4').dialog('isOpen') == true)
      $('#dialog4').dialog("close");
    });
	
	
	
	
	$(".ui-dialog-titlebar").hide();
	
	
   //added close btn at bottom of dialog
  $('[id^=closeDialog1]').click(function() {
	  $('#dialog1').dialog('close');
  });
  
   //added close btn at bottom of dialog
  $('[id^=closeDialog2]').click(function() {
	  $('#dialog2').dialog('close');
  });
  
    //added close btn at bottom of dialog
  $('[id^=closeDialog3]').click(function() {
	  $('#dialog3').dialog('close');
  });
  
 //added close btn at bottom of dialog
  $('[id^=closeDialog4]').click(function() {
	  $('#dialog4').dialog('close');
  });
	
	


});