// JavaScript Document

// The first set of images are images that may display in the random opening sequence, the second set will allow images on subsequent clicks that arent attached to work.
// if you want it to be in both upload the image and then add that image in both lists in the method that they currently are in.
// BE SURE TO SAVE A COPY BEFORE YOU MAKE CHANGES TO ENSURE A WORKING COPY

  $(function(){
	  function image() { };  
	  image = new image(); 
	  number = 0;  
	  // imageArray 
	  //image[number++] = "<img src='images/gallery/1.jpg' border='0'>"
	  image[number++] = "<img src='images/gallery/2.jpg' border='0'>"
	  //image[number++] = "<img src='images/gallery/3.jpg' border='0'>"
	  image[number++] = "<img src='images/gallery/4.jpg' border='0'>"
	  image[number++] = "<img src='images/gallery/5.jpg' border='0'>"
	  image[number++] = "<img src='images/gallery/6.jpg' border='0'>"
	  image[number++] = "<img src='images/gallery/7.jpg' border='0'>" 
	  increment = Math.floor(Math.random() * number);
	  $("#images").hide();
	  $("#images").append(image[increment]);
		$("#images img").load(function() {
		  $("#images").fadeIn("fast");  
		});
  });
  $(document).ready(function(){
    $(".bleedFull", this).click(function() {
	  $("#images img").fadeOut("normal").remove();
	  $("#images").fadeOut("normal").empty();
      $("#vidBG").fadeOut("normal").empty();
	  $("#images").hide();
	  function image() { };  
	  image = new image(); 
	  number = 0;  
	  //image[number++] = "<img src='images/gallery/1.jpg' border='0'>"
	  image[number++] = "<img src='images/gallery/2.jpg' border='0'>"
	  //image[number++] = "<img src='images/gallery/3.jpg' border='0'>"
	  image[number++] = "<img src='images/gallery/4.jpg' border='0'>"
	  image[number++] = "<img src='images/gallery/5.jpg' border='0'>"
	  image[number++] = "<img src='images/gallery/6.jpg' border='0'>"
	  image[number++] = "<img src='images/gallery/7.jpg' border='0'>"
	  increment = Math.floor(Math.random() * number);
	  $("#images").append(image[increment]);
	  // imageArray 
		$("#images img").load(function() {
		  $("#images img").css("marginLeft", 0);
		  $("#images").fadeIn("fast");  
		});
    });
  });