function featured_crop(name, src){
	var canvas = document.getElementById(name);
	var ctx = canvas.getContext('2d');
	var img = document.createElement('IMG');
 
// When the image is loaded, draw it
img.onload = function () {

    ctx.save();
       

    // Create a shape, of some sort
    ctx.beginPath();
    	ctx.moveTo(0, 0);
    	ctx.lineTo(0, 220);
    	ctx.lineTo(110, 240);
    	ctx.lineTo(220, 220);
    	ctx.lineTo(220, 0);
    ctx.closePath();
    // Clip to the current path
    ctx.clip();
 
    ctx.drawImage(img, 0, 0);
 		 		
 		 		
 		 		
 		ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 0);
	    	ctx.lineTo(0, 240);
	    	ctx.lineTo(5, 240);
	    	ctx.lineTo(5, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(95,123,141, 0.5)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 0);
	    	ctx.lineTo(0, 5);
	    	ctx.lineTo(220, 5);
	    	ctx.lineTo(220, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(95,123,141, 0.5)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(215, 0);
	    	ctx.lineTo(215, 240);
	    	ctx.lineTo(220, 240);
	    	ctx.lineTo(220, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(95,123,141, 0.5)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 215);
	    	ctx.lineTo(0, 220);
	    	ctx.lineTo(220, 260);
	    	ctx.lineTo(110, 235);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(95,123,141, 0.5)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(220, 215);
	    	ctx.lineTo(220, 220);
	    	ctx.lineTo(110, 260);
	    	ctx.lineTo(110, 235);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(95,123,141, 0.5)";
	    ctx.fill();
	    
    // Undo the clipping
    ctx.restore();}
 
// Specify the src to load the image
	img.src = src;
}



function content_type_a_crop(name,src){
	
	var canvas = document.getElementById(name);
	var ctx = canvas.getContext('2d');
	var img = document.createElement('IMG');
 
// When the image is loaded, draw it
img.onload = function () {

    ctx.save();
       

    // Create a shape, of some sort
    ctx.beginPath();
    	ctx.moveTo(110, 0);
    	ctx.lineTo(0, 20);
    	ctx.lineTo(0, 308);
    	ctx.lineTo(340, 348);
    	ctx.lineTo(340, 40);
  
    ctx.closePath();
    // Clip to the current path
    ctx.clip();
 
    ctx.drawImage(img, 0, 0);
 		 		
 		 		
 		 		
 		ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 0);
	    	ctx.lineTo(0, 348);
	    	ctx.lineTo(5, 348);
	    	ctx.lineTo(5, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 310);
	    	ctx.lineTo(340, 348);
	    	ctx.lineTo(340, 343);
	    	ctx.lineTo(0, 303);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(335, 0);
	    	ctx.lineTo(335, 348);
	    	ctx.lineTo(340, 348);
	    	ctx.lineTo(340, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 25);
	    	ctx.lineTo(220, -12);
	    	ctx.lineTo(110, 0);
	    	ctx.lineTo(5, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(110, 0);
	    	ctx.lineTo(90, 2);
	    	ctx.lineTo(340, 47);
	    	ctx.lineTo(340, 40);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
    // Undo the clipping
    ctx.restore();}
 
// Specify the src to load the image
	img.src = src;
}


function content_type_b_crop(name,src){
	
	var canvas = document.getElementById(name);
	var ctx = canvas.getContext('2d');
	var img = document.createElement('IMG');
 
// When the image is loaded, draw it
img.onload = function () {

    ctx.save();
       

    // Create a shape, of some sort
    ctx.beginPath();
    	ctx.moveTo(0, 27);
    	ctx.lineTo(0, 268);
    	ctx.lineTo(235, 311);
    	ctx.lineTo(235, 0);
    	
  
    ctx.closePath();
    // Clip to the current path
    ctx.clip();
 
    ctx.drawImage(img, 0, 0);
 		 		
 		 		
 		 		
 		ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 20);
	    	ctx.lineTo(0, 280);
	    	ctx.lineTo(5, 280);
	    	ctx.lineTo(5, 20);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 27);
	    	ctx.lineTo(0, 32);
	    	ctx.lineTo(235, 5);
	    	ctx.lineTo(235, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 268);
	    	ctx.lineTo(0, 263);
	    	ctx.lineTo(235, 306);
	    	ctx.lineTo(235, 311);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(230, 0);
	    	ctx.lineTo(235, 0);
	    	ctx.lineTo(235,311);
	    	ctx.lineTo(230, 311);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
    // Undo the clipping
    ctx.restore();}
 
// Specify the src to load the image
	img.src = src;
}





function content_type_c_crop(name,src){
	
	var canvas = document.getElementById(name);
	var ctx = canvas.getContext('2d');
	var img = document.createElement('IMG');
 
// When the image is loaded, draw it
img.onload = function () {

    ctx.save();
       

    // Create a shape, of some sort
    ctx.beginPath();
    	ctx.moveTo(0, 42);
    	ctx.lineTo(0, 275);
    	ctx.lineTo(235, 318);
    	ctx.lineTo(235, 0);
    	
  
    ctx.closePath();
    // Clip to the current path
    ctx.clip();
 
    ctx.drawImage(img, 0, 0);
 		 		
 		 		
 		 		
 		ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 42);
	    	ctx.lineTo(235, 0);
	    	ctx.lineTo(235, 5);
	    	ctx.lineTo(0, 47);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 275);
	    	ctx.lineTo(235, 318);
	    	ctx.lineTo(235, 313);
	    	ctx.lineTo(0, 270);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 0);
	    	ctx.lineTo(0, 275);
	    	ctx.lineTo(5, 275);
	    	ctx.lineTo(5, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(230, 0);
	    	ctx.lineTo(230, 320);
	    	ctx.lineTo(235, 320);
	    	ctx.lineTo(235, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
    // Undo the clipping
    ctx.restore();}
 
// Specify the src to load the image
	img.src = src;
}


function content_type_gal_crop(name,src){
	
	var canvas = document.getElementById(name);
	var ctx = canvas.getContext('2d');
	var img = document.createElement('IMG');
 
// When the image is loaded, draw it
img.onload = function () {

    ctx.save();
       

    // Create a shape, of some sort
    ctx.beginPath();
    	ctx.moveTo(110, 0);
    	ctx.lineTo(0, 20);
    	ctx.lineTo(0, 240);
    	ctx.lineTo(110, 260);
    	ctx.lineTo(220, 240);
    	ctx.lineTo(220, 20);
  
    ctx.closePath();
    // Clip to the current path
    ctx.clip();
 
    ctx.drawImage(img, 0, 0);
 		 		
 		 		
 		 		
 		ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 0);
	    	ctx.lineTo(0, 348);
	    	ctx.lineTo(5, 348);
	    	ctx.lineTo(5, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 25);
	    	ctx.lineTo(220, -12);
	    	ctx.lineTo(110, 0);
	    	ctx.lineTo(5, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(110, 0);
	    	ctx.lineTo(90, 2);
	    	ctx.lineTo(340, 47);
	    	ctx.lineTo(340, 40);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(215, 0);
	    	ctx.lineTo(215, 260);
	    	ctx.lineTo(220, 260);
	    	ctx.lineTo(220, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 235);
	    	ctx.lineTo(0, 240);
	    	ctx.lineTo(110, 260);
	    	ctx.lineTo(130, 260);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(220, 235);
	    	ctx.lineTo(220, 240);
	    	ctx.lineTo(110, 260);
	    	ctx.lineTo(90, 260);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
    // Undo the clipping
    ctx.restore();}
 
// Specify the src to load the image
	img.src = src;
}













function content_type_d_crop(name,src){
	
	var canvas = document.getElementById(name);
	var ctx = canvas.getContext('2d');
	var img = document.createElement('IMG');
 
// When the image is loaded, draw it
img.onload = function () {

    ctx.save();
       

    // Create a shape, of some sort
    ctx.beginPath();
    	ctx.moveTo(0, 0);
    	ctx.lineTo(0, 292);
    	ctx.lineTo(105, 312);
    	ctx.lineTo(340, 272);
    	ctx.lineTo(340, 40);
  
    ctx.closePath();
    // Clip to the current path
    ctx.clip();
 
    ctx.drawImage(img, 0, 0);
 		 		
 		 		
 		 		
 		ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 0);
	    	ctx.lineTo(0, 348);
	    	ctx.lineTo(5, 348);
	    	ctx.lineTo(5, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(335, 0);
	    	ctx.lineTo(335, 348);
	    	ctx.lineTo(340, 348);
	    	ctx.lineTo(340, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 0);
	    	ctx.lineTo(0, 5);
	    	ctx.lineTo(340, 45);
	    	ctx.lineTo(340, 40);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(95, 314);
	    	ctx.lineTo(95, 309);
	    	ctx.lineTo(340, 267);
	    	ctx.lineTo(340, 272);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 292);
	    	ctx.lineTo(0, 287);
	    	ctx.lineTo(115, 309);
	    	ctx.lineTo(115, 314);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
    // Undo the clipping
    ctx.restore();}
 
// Specify the src to load the image
	img.src = src;
}













function content_type_e_crop(name,src){
	
	var canvas = document.getElementById(name);
	var ctx = canvas.getContext('2d');
	var img = document.createElement('IMG');
 
// When the image is loaded, draw it
img.onload = function () {

    ctx.save();
       

    // Create a shape, of some sort
    ctx.beginPath();
    	ctx.moveTo(0, 20);
    	ctx.lineTo(0, 307);
    	ctx.lineTo(340, 347);
    	ctx.lineTo(340, 0);
    	ctx.lineTo(105, 40);
  
    ctx.closePath();
    // Clip to the current path
    ctx.clip();
 
    ctx.drawImage(img, 0, 0);
 		 		
 		 		
 		 		
 		ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 0);
	    	ctx.lineTo(0, 348);
	    	ctx.lineTo(5, 348);
	    	ctx.lineTo(5, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    

	    
	    ctx.beginPath(); // begin custom shape
	        ctx.moveTo(335, 0);
	    	ctx.lineTo(335, 348);
	    	ctx.lineTo(340, 348);
	    	ctx.lineTo(340, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	        ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 307);
	    	ctx.lineTo(0, 302);
	    	ctx.lineTo(340, 342);
	    	ctx.lineTo(340, 347);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    
	        ctx.beginPath(); // begin custom shape
	        ctx.moveTo(0, 25);
	    	ctx.lineTo(0, 20);
	    	ctx.lineTo(105, 40);
	    	ctx.lineTo(105, 45);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
	    
	        ctx.beginPath(); // begin custom shape
	        ctx.moveTo(105, 40);
	    	ctx.lineTo(105, 45);
	    	ctx.lineTo(340, 5);
	    	ctx.lineTo(340, 0);
	    ctx.closePath(); // complete custom shape
	    ctx.fillStyle = "rgba(255,255,255, 0.3)";
	    ctx.fill();
	    
    // Undo the clipping
    ctx.restore();}
 
// Specify the src to load the image
	img.src = src;
}

$(document).ready(function() {

featured_crop('featured_a', "./photos/ust1.jpg");
featured_crop('featured_b', "./photos/ust2.jpg");
featured_crop('featured_c', "./photos/ust3.jpg");



$("a canvas").hover(
  function () {
    $(this).fadeTo('fast',0.6);
  },
  function () {
    $(this).fadeTo('fast', 1);
  }
);

});

  $(window).load(function() {
  $('#slider').orbit();
     });