//  google.load("chrome-frame", "1.0.2");
//  google.load("dojo", "1.5");
//  google.load("ext-core", "3.1.0");
//  google.load("jquery", "1.4.2");
//  google.load("jqueryui", "1.8.4");
//  google.load("mootools", "1.2.4");
//  google.load("prototype", "1.6.1.0");
//  google.load("scriptaculous", "1.8.3");
//  google.load("swfobject", "2.2");
//  google.load("yui", "2.8.1");
//  google.load("webfont", "1.0.6");
  
  
  
  
//####
//####
//begin modal window blackout
//####
//####
  $(document).ready(function(){

    //get the height and width of the page
    var window_width = $(window).width();
    var window_height = $(window).height();

    //vertical and horizontal centering of modal window(s)
    /*we will use each function so if we have more then 1
    modal window we center them all*/
    $('.modal_window').each(function(){

        //get the height and width of the modal
        var modal_height = $(this).outerHeight();
        var modal_width = $(this).outerWidth();
		var document_height = $(document).height();
		$('#mask').css({ 'width' : window_width, 'height' : document_height });
        //calculate top and left offset needed for centering
        var top = (window_height-modal_height)/2;
        var left = (window_width-modal_width)/2;

        //apply new top and left css values
        $(this).css({'top' : top , 'left' : left});

    });

        $('.activate_modal').click(function(){

              //get the id of the modal window stored in the name of the activating element
              var modal_id = $(this).attr('name');

              //use the function to show it
              show_modal(modal_id);

        });

        $('.close_modal').click(function(){

            //use the function to close it
            close_modal();

        });

    });

    //THE FUNCTIONS
$(window).resize(function(){
//get the height and width of the page
window_width = $(window).width();
window_height = $(window).height();

//get the height and width of the modal
$('.modal_window').each(function(){

//get the height and width of the modal
var modal_height = $(this).outerHeight();
var modal_width = $(this).outerWidth();

//calculate top and left offset needed for centering
var top = (window_height-modal_height)/2;
var left = (window_width-modal_width)/2;

//apply new top and left css values
$(this).css({'top' : top , 'left' : left});

});

});
    function close_modal(){

        //hide the mask
        $('#mask').fadeOut(500);

        //hide modal window(s)
        $('.modal_window').fadeOut(500);

    }
    function show_modal(modal_id){

	alert('/'+modal_id);
	

		$('#modal_window').load('/'+modal_id);
        //set display to block and opacity to 0 so we can use fadeTo
        $('#mask').css({ 'display' : 'block', opacity : 0});

        //fade in the mask to opacity 0.8
        $('#mask').fadeTo(500,0.8);

         //show the modal window
        $('#modal_window').fadeIn(500);

    }
//####
//####
//end modal window blackout
//####
//####
  
  
  
  $(function() {
	$('#gallery a').lightBox({fixedNavigation:true});
});