var projectID = "01"

	if (document.images) {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://chrisfaykus.com/images/projects/01a.jpg";
      image_url[1] = "http://chrisfaykus.com/images/projects/01b.jpg";
      image_url[2] = "http://chrisfaykus.com/images/projects/01c.jpg";
      
       var i = 0;
       for(i=0; i<=2; i++) 
         preload_image_object.src = image_url[i];
    };

$(document).ready(function() {

// Slider Script

  $('#subnavigation').hide();
  $('#less').hide();
						   
  $('#more').mouseover(function() {
    var $marginLefty = $('#inner');
    $marginLefty.animate({
      marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 235 ?
        $marginLefty = 0:
        0
    }, 'slow');
  });
  
    $('#more').mouseover(function() {$('#more').fadeOut(500), setTimeout("$('#less').fadeIn(1500);", 500);});
  
    $('#less').mouseover(function() {
    var $marginLefty = $('#inner');
    $marginLefty.animate({
      marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ?
        $marginLefty = 235:
        235
    }, 'slow');
  });
	
		 $('#less').mouseover(function() {$('#less').fadeOut(500), setTimeout("$('#more').fadeIn(1500);", 500);});
  
   		 $('.sub').click(function() {
 		 $('#subnavigation').slideToggle(500);
	});
	
// End Slider Script


// Portfolio Image Replacement
	
	$('#p01').mouseover(function() {
	
	if (document.images) {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://chrisfaykus.com/images/projects/01a.jpg";
      image_url[1] = "http://chrisfaykus.com/images/projects/01b.jpg";
      image_url[2] = "http://chrisfaykus.com/images/projects/01c.jpg";
      
       var i = 0;
       for(i=0; i<=2; i++) 
         preload_image_object.src = image_url[i];
    };
	
	$('#view2').show();
	$('#view3').show();
	
	projectID = "01";
	
	$('#replace').fadeOut(500);
	
	setTimeout("$('#replace').attr('src','images/projects/01a.jpg');", 600);
	
	setTimeout("$('#replace').fadeIn(500);", 1000);
	
	setTimeout("$('.overview_text').replaceWith('<p class=\"overview_text\">This particular exhibition sought to focus on the theme \"Design is a Process.\" The overall design of the show was produced by Yolanda Nunez in conjunction with Megan Lalley. I assisted with various elements of the layout of the show focusing on user experience and interaction \(coupled with visual consideration\).</p>');", 1000);
	
	setTimeout("$('.description_text').replaceWith('<p class=\"description_text\"><strong>Event:</strong> Cleveland State Senior Design Show<br /><strong>Media:</strong> Various<br /><strong>Contribution:</strong> Assisted Environmental Design<br /><strong>Date:</strong> May 2010</p>');", 1000);
	
	});
	
	
	$('#p02').mouseover(function() {
	
	if (document.images) {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://chrisfaykus.com/images/projects/02a.jpg";
      image_url[1] = "http://chrisfaykus.com/images/projects/02b.jpg";
      image_url[2] = "http://chrisfaykus.com/images/projects/02c.jpg";
      
       var i = 0;
       for(i=0; i<=2; i++) 
         preload_image_object.src = image_url[i];
    };
	
	$('#view2').show();
	$('#view3').show();
	
	projectID = "02"; 
	
	$('#replace').fadeOut(500);
	
	setTimeout("$('#replace').attr('src','images/projects/02a.jpg');", 600);
	
	setTimeout("$('#replace').fadeIn(500);", 1000);
	
	setTimeout("$('.overview_text').replaceWith('<p class=\"overview_text\">These posters were created as part of a advocacy campaign used to educate students on the value of health insurance. With rising costs of tuition and health care, the appeal of purchasing insurance has dropped dramatically. The goal of this campaign was to provide a relatable message toward college students in a package they would respond to.</p>');", 1000);
	
	setTimeout("$('.description_text').replaceWith('<p class=\"description_text\"><strong>Audience:</strong> 18 &#8211 24 Year Old Students<br /><strong>Media:</strong> Poster<br /><strong>Distribution:</strong> One-off<br /><strong>Date:</strong> February 2009</p>');", 1000);
	
	});
	
	
	$('#p03').mouseover(function() {
	
		if (document.images) {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://chrisfaykus.com/images/projects/03a.jpg";
      image_url[1] = "http://chrisfaykus.com/images/projects/03b.jpg";
      image_url[2] = "http://chrisfaykus.com/images/projects/03c.jpg";
      
       var i = 0;
       for(i=0; i<=2; i++) 
         preload_image_object.src = image_url[i];
    };
	
	// Hide extra view options if need be
	$('#view2').hide();
	$('#view3').hide();
	
	// Define project id
	projectID = "03"; 
	
	// Swap stuff
	$('#replace').fadeOut(500);
	
	setTimeout("$('#replace').attr('src','images/projects/03a.jpg');", 600);
	
	setTimeout("$('#replace').fadeIn(500);", 1000);
	
	setTimeout("$('.overview_text').replaceWith('<p class=\"overview_text\">These posters were created in response to AIGA&#8217\;s &#8220\;Get Out the Vote&#8221\; campaign. The purpose of this campaign obviously being a call to vote among Americans. These particular posters highlight an alarming statistic on the percentage of 18-24 year olds who voted.</p>');", 1000);
	
	setTimeout("$('.description_text').replaceWith('<p class=\"description_text\"><strong>Inspiration:</strong> AIGA\'s &#8220;Get Out the Vote&#8221;<br /><strong>Media:</strong> Poster<br /><strong>Distribution:</strong> One-off<br /><strong>Date:</strong> December 2008</p>');", 1000);
	
	});
	
	
	$('#p04').mouseover(function() {
	
		if (document.images) {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://chrisfaykus.com/images/projects/04a.jpg";
      image_url[1] = "http://chrisfaykus.com/images/projects/04b.jpg";
      image_url[2] = "http://chrisfaykus.com/images/projects/04c.jpg";
      
       var i = 0;
       for(i=0; i<=2; i++) 
         preload_image_object.src = image_url[i];
    };
	
	// Hide extra view options if need be
	$('#view2').show();
	$('#view3').show();
	
	// Define project id
	projectID = "04"; 
	
	// Swap stuff
	$('#replace').fadeOut(500);
	
	setTimeout("$('#replace').attr('src','images/projects/04a.jpg');", 600);
	
	setTimeout("$('#replace').fadeIn(500);", 1000);
	
	setTimeout("$('.overview_text').replaceWith('<p class=\"overview_text\">These posters were created as a response to AIGA&#8217\;s &#8220\;Urban Forest&#8221\; initiative. The main intent being to create design which could be used to beautify the inner city while calling attention to various environmental issues at hand. The piece I created focused both on the idea of urbanization and deforestation and their effect of the mind set of the modern person. Surrounded by steel and pavement their whole lives, the idea of nature becomes a forgotten memory, a foreign concept.</p>');", 1000);
	
	setTimeout("$('.description_text').replaceWith('<p class=\"description_text\"><strong>Inspiration:</strong> AIGA&#8217\;s &#8220\;Urban Forest Initiative&#8221\;<br /><strong>Media:</strong> Poster<br /><strong>Distribution:</strong> One-off<br /><strong>Date:</strong> February 2009</p>');", 1000);
	
	});
	
	$('#p05').mouseover(function() {
	
		if (document.images) {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://chrisfaykus.com/images/projects/05a.jpg";
      image_url[1] = "http://chrisfaykus.com/images/projects/05b.jpg";
      image_url[2] = "http://chrisfaykus.com/images/projects/05c.jpg";
      
       var i = 0;
       for(i=0; i<=2; i++) 
         preload_image_object.src = image_url[i];
    };
	
	// Hide extra view options if need be
	$('#view2').show();
	$('#view3').hide();
	
	// Define project id
	projectID = "05"; 
	
	// Swap stuff
	$('#replace').fadeOut(500);
	
	setTimeout("$('#replace').attr('src','images/projects/05a.jpg');", 600);
	
	setTimeout("$('#replace').fadeIn(500);", 1000);
	
	setTimeout("$('.overview_text').replaceWith('<p class=\"overview_text\">This poster was created to promote the work of Kiva Microloans. This organization allows individuals to loan rather small amounts of money to individuals in impoverished nations. While their individual contribution may not be significant, it is the combination of many contributions that allows the organization to make a difference. Highlighting the organization was one aspect of this design. The poster is also meant to call to attention the persecution of women around the world.</p>');", 1000);
	
	setTimeout("$('.description_text').replaceWith('<p class=\"description_text\"><strong>Perspective Client:</strong> Kiva Microloans<br /><strong>Media:</strong> Poster<br /><strong>Distribution:</strong> One-off<br /><strong>Date:</strong> January 2009</p>');", 1000);
	
	});
	
	$('#p06').mouseover(function() {
	
		if (document.images) {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://chrisfaykus.com/images/projects/06a.jpg";
      image_url[1] = "http://chrisfaykus.com/images/projects/06b.jpg";
      image_url[2] = "http://chrisfaykus.com/images/projects/06c.jpg";
      
       var i = 0;
       for(i=0; i<=2; i++) 
         preload_image_object.src = image_url[i];
    };
	
	// Hide extra view options if need be
	$('#view2').show();
	$('#view3').show();
	
	// Define project id
	projectID = "06"; 
	
	// Swap stuff
	$('#replace').fadeOut(500);
	
	setTimeout("$('#replace').attr('src','images/projects/06a.jpg');", 600);
	
	setTimeout("$('#replace').fadeIn(500);", 1000);
	
	setTimeout("$('.overview_text').replaceWith('<p class=\"overview_text\">This project entailed completely revisioning the identity system for the Cleveland Museum of Art. After the redesign of the museum building itself, approaching the identity again seemed like a natural progression. Starting with a rather iconic identity, the challenge became how to reimagine it without disrespecting it. The new mark created aims to pay homage to the past while opening a door towards the vibrant future of the museum.</p>');", 1000);
	
	setTimeout("$('.description_text').replaceWith('<p class=\"description_text\"><strong>Potential Client:</strong> Cleveland Museum of Art<br /><strong>Media:</strong> Identity, Business Card, Letterhead<br /><strong>Date:</strong> December 2009</p>');", 1000);
	
	});
	
	$('#p07').mouseover(function() {
	
		if (document.images) {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://chrisfaykus.com/images/projects/07a.jpg";
      image_url[1] = "http://chrisfaykus.com/images/projects/07b.jpg";
      image_url[2] = "http://chrisfaykus.com/images/projects/07c.jpg";
      
       var i = 0;
       for(i=0; i<=2; i++) 
         preload_image_object.src = image_url[i];
    };
	
	// Hide extra view options if need be
	$('#view2').hide();
	$('#view3').hide();
	
	// Define project id
	projectID = "07"; 
	
	// Swap stuff
	$('#replace').fadeOut(500);
	
	setTimeout("$('#replace').attr('src','images/projects/07a.jpg');", 600);
	
	setTimeout("$('#replace').fadeIn(500);", 1000);
	
	setTimeout("$('.overview_text').replaceWith('<p class=\"overview_text\">This was a rather straight-forward project with the end goal being to create an original business card design for a piano instructor. The client worked for a fairly modern studio and in an attempt to reflect that the business card takes stylistic cues from modern design showcasing clean lines, simple type, and abstracted vector imagery.</p>');", 1000);
	
	setTimeout("$('.description_text').replaceWith('<p class=\"description_text\"><strong>Client:</strong> Jill Rasmussen<br /><strong>Media:</strong> Business Card<br /><strong>Distribution:</strong> 5,000<br /><strong>Date:</strong> December 2008</p>');", 1000);
	
	});

	$('#p08').mouseover(function() {
	
		if (document.images) {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://chrisfaykus.com/images/projects/08a.jpg";
      image_url[1] = "http://chrisfaykus.com/images/projects/08b.jpg";
      image_url[2] = "http://chrisfaykus.com/images/projects/08c.jpg";
      
       var i = 0;
       for(i=0; i<=2; i++) 
         preload_image_object.src = image_url[i];
    };
	
	// Hide extra view options if need be
	$('#view2').hide();
	$('#view3').hide();
	
	// Define project id
	projectID = "08"; 
	
	// Swap stuff
	$('#replace').fadeOut(500);
	
	setTimeout("$('#replace').attr('src','images/projects/08a.jpg');", 600);
	
	setTimeout("$('#replace').fadeIn(500);", 1000);
	
	setTimeout("$('.overview_text').replaceWith('<p class=\"overview_text\">Only Eco Products is a distribution company for environmentally conscious products. The challenge was to create an original, yet memorable, mark in the midst of a rather convoluted area of design. An original approach to the company itself aided in the effort to establish a unique identity.</p>');", 1000);
	
	setTimeout("$('.description_text').replaceWith('<p class=\"description_text\"><strong>Client:</strong> Only Eco Products<br /><strong>Date:</strong> March 2010</p>');", 1000);
	
	});
	
	$('#p09').mouseover(function() {
	
		if (document.images) {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://chrisfaykus.com/images/projects/09a.jpg";
      image_url[1] = "http://chrisfaykus.com/images/projects/09b.jpg";
      image_url[2] = "http://chrisfaykus.com/images/projects/09c.jpg";
      
       var i = 0;
       for(i=0; i<=2; i++) 
         preload_image_object.src = image_url[i];
    };
	
	// Hide extra view options if need be
	$('#view2').show();
	$('#view3').show();
	
	// Define project id
	projectID = "09"; 
	
	// Swap stuff
	$('#replace').fadeOut(500);
	
	setTimeout("$('#replace').attr('src','images/projects/09a.jpg');", 600);
	
	setTimeout("$('#replace').fadeIn(500);", 1000);
	
	setTimeout("$('.overview_text').replaceWith('<p class=\"overview_text\">These posters were created as part of a promotional campaign for the installment of a second service at Community of Hope Lakewood. The aim of the church as a whole is to approach design and appearance in a much more personable and relatable manner than traditionally taken by churches. Use of large typography with approachable copyrighting combine to create a series of promotional pieces which exemplify the vision of the church as a whole.</p>');", 1000);
	
	setTimeout("$('.description_text').replaceWith('<p class=\"description_text\"><strong>Client:</strong> COH Lakewood<br /><strong>Media:</strong> Business Card, Poster, Postcard<br /><strong>Distribution:</strong> 10,000<br /><strong>Date:</strong> September 2007</p>');", 1000);
	
	});
	
		$('#p10').mouseover(function() {
		
			if (document.images) {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://chrisfaykus.com/images/projects/10a.jpg";
      image_url[1] = "http://chrisfaykus.com/images/projects/10b.jpg";
      image_url[2] = "http://chrisfaykus.com/images/projects/10c.jpg";
      
       var i = 0;
       for(i=0; i<=2; i++) 
         preload_image_object.src = image_url[i];
    };
	
	// Hide extra view options if need be
	$('#view2').show();
	$('#view3').show();
	
	// Define project id
	projectID = "10"; 
	
	// Swap stuff
	$('#replace').fadeOut(500);
	
	setTimeout("$('#replace').attr('src','images/projects/10a.jpg');", 600);
	
	setTimeout("$('#replace').fadeIn(500);", 1000);
	
	setTimeout("$('.overview_text').replaceWith('<p class=\"overview_text\">This is a multi-page brochure highlighting the relevance of NASA to current generations of people. Being understood that people do not always appreciate the importance of the technology NASA has created, this piece aimed to highlight specific examples of how NASAÕs technology has impacted their lives. It was created using thin, glossy stock in order to allow for mass production and distribution.</p>');", 1000);
	
	setTimeout("$('.description_text').replaceWith('<p class=\"description_text\"><strong>Perspective Client:</strong> NASA<br /><strong>Media:</strong> Brochure<br /><strong>Distribution:</strong> One-off<br /><strong>Date:</strong> December 2009</p>');", 1000);
	
	});
	
// View Switcher
	
	$('#view1').mouseover(function() {
	
	$('#replace').fadeOut(500);
	
	setTimeout("$('#replace').attr('src','images/projects/' + projectID + 'a.jpg');", 600);
	
	setTimeout("$('#replace').fadeIn(500);", 1000);
	
	});
	
	$('#view2').mouseover(function() {
	
	$('#replace').fadeOut(500);
	
	setTimeout("$('#replace').attr('src','images/projects/' + projectID + 'b.jpg');", 600);
	
	setTimeout("$('#replace').fadeIn(500);", 1000);
	
	});
	
	$('#view3').mouseover(function() {
	
	$('#replace').fadeOut(500);
	
	setTimeout("$('#replace').attr('src','images/projects/' + projectID + 'c.jpg');", 600);
	
	setTimeout("$('#replace').fadeIn(500);", 1000);
	
	});
  
});

// End It, Thankfully...