//trim left function
function Left(str, n){
          if (n <= 0)
              return "";
          else if (n > String(str).length)
              return str;
          else
              return String(str).substring(0,n);
      }
      
	  function Right(str, n){
          if (n <= 0)
             return "";
          else if (n > String(str).length)
             return str;
          else {
             var iLen = String(str).length;
             return String(str).substring(iLen, iLen - n);
          }
      }



//load thumbnail file into thumbnailbox
  function loadthumbnails(id) {
  	$("#thumbnailbox").load("/thumbnails/"+id);
  };
	
//contact info loader and animation
	function loadBox(fileID,context) {
		//$("#content").animate({opacity: 0}, 500);
		//$("#content").animate({opacity: 0}, 50);
		//$("#contentWrap").remove();
		$("#content").load(fileID);
		//$("#content").animate({opacity: 0}, 50);
		//$("#content").animate({opacity: 1.0}, 200);
	};

//show thumbs under nav menu
	function showThumbs(id) {
		//start hiding the thumbnails already visible
		$("#thumbnailbox ul").hide("fast"); 
		//fade thumbnail box / pause / load new thumbnail box
		$("#thumbnailbox").animate({opacity: 0}, 500).animate({opacity: 0}, 50, function() {$("#thumbnailbox").load("/thumbs/"+id)});
		//pause / show thumbnail box
		$("#thumbnailbox").animate({opacity: 0}, 50).animate({opacity: 1.0}, 200);
		
	};	


//hide thumbs under nav menu
	function hideThumbs() {
		$("#thumbnailbox ul").hide("fast");
		$("#thumbnailbox h2").hide("fast");
	};


//homepage thumbnails rollover function

$(document).ready(function(){
	loadBox("/hpthumbs.html","example");
    //pag thumbnail functions - any changes made here should also be made in /scripts/thumbnails.js
	$(".thumbs li").css("opacity",0.65);
	
		$(".thumbs li").hover(
			function(){
				$(this).fadeTo("fast", 1);
			},
			function(){
				$(this).fadeTo("fast", 0.60);
			}
		);
	 
	$(".thumbs li").click(
		function () {
			var selectedThmb = $(this).attr("id");
			loadBox("/samples/"+selectedThmb+".html");
		if ($(this).hasClass("design")) {
			showThumbs("graphicdesign.html");
		  } else if ($(this).hasClass("Animation")) {
			showThumbs("animation.html");
		  } else if ($(this).hasClass("ThreeD")) {
			showThumbs("3d.html");
		  } else if ($(this).hasClass("WebDesign")) {
			showThumbs("webdesign.html");
		  } else if ($(this).hasClass("Sketchbook")) {
			showThumbs("sketchbook.html");
		  }			
	});
	
	// end of thumbnails stuff
	
	$("#CatagoryLinks a").click(
		function () {
		var selectedThmb = $(this).attr("id");
		if ($(this).hasClass("design")) {
			loadBox("/Design.html","example");
			hideThumbs();
		  } else if ($(this).hasClass("Animation")) {
			loadBox("/Animation.html","example");
			hideThumbs();
		  } else if ($(this).hasClass("3D")) {
			loadBox("/ThreeD.html","example");
			hideThumbs();
		  } else if ($(this).hasClass("Sketchbook")) {
			loadBox("/Sketchbook.html","example");
			hideThumbs();
		  }			
	});

	$("a.ContactLink").click(
		function () {
			loadBox("/ContactInfo.html","contact");
			hideThumbs();
	});
 
	$("#nameGFX").click(
			function () {
			loadBox("/hpthumbs.html","home");
			hideThumbs();
	});
	
  });