// JavaScript Document
jQuery(function(){
  var i=0;
  var j=0;
  var k=0;
  var nownum=0;
  var spacing=980;
  var hspacing=546;
  var maxnum=23;
  var bluricon = "-64px";
  var focusicon = ['-65px','-152px','-192px','-230px','-274px','-313px','-347px','-379px','-416px','-452px','-491px','-527px','-562px','-590px','-621px','-657px','-694px','-737px','-778px','-815px','-856px','-901px','-934px'];
  var images = new Array();
       images[0]='./images/content1.jpg';
	   images[1]='./images/content2.jpg';
	   images[2]='./images/content3.jpg';
	   images[3]='./images/content4.jpg';
	   images[4]='./images/content5.jpg';
	   images[5]='./images/content6.jpg';
	   images[6]='./images/content7.jpg';
	   images[7]='./images/content8.jpg';
	   images[8]='./images/content9.jpg';
	   images[9]='./images/content10.jpg';
	   images[10]='./images/content11.jpg';
	   images[11]='./images/content12.jpg';
	   images[12]='./images/content13.jpg';
	   images[13]='./images/content14.jpg';
	   images[14]='./images/content15.jpg';
	   images[15]='./images/content16.jpg';
	   images[16]='./images/content17.jpg';
	   images[17]='./images/content18.jpg';
	   images[18]='./images/content19.jpg';
	   images[19]='./images/content20.jpg';
	   images[20]='./images/content21.jpg';
	   images[21]='./images/content22.jpg';
	   images[22]='./images/content23.jpg';
  var maxs = jQuery(images).length;
   if(maxs>0)
   {
	   LoadImage(0,maxs);
   }
   function LoadImage(index,maxs){
       if(index<maxs){
		  var curr = jQuery("#no-nav div#portfolio_"+index);
		  var img = new Image();
		  //load Img
		  jQuery(img).load(function() {
		      jQuery(this).css('display','none');
			  jQuery(curr).removeClass('loading').append(this);
			  jQuery(this).fadeIn('slow',function(){
				  LoadImage(index+1,maxs);
				  j=j+1;
			  });
		  }).error(function(){
		     jQuery(curr).remove();
			 LoadImage(index+1,maxs);
		  }).attr('src',images[index]);
	   }
   }
  jQuery('#no-nav').css({
    'width':spacing,
	'height':hspacing,
	'overflow':'hidden'
  }).find('div').css({
    'float':'none',
	'position':'absolute',
	'left':1000
  });
  var setUpCovers=function() {
      var jQuerycovers=jQuery('#no-nav>div');
	  var jQuerylinknum=jQuery('.feature a');
  jQuerycovers.eq(0).css('left',0);
  jQuerylinknum.eq(0).css("background-position",focusicon[0]+" "+bluricon);
  jQuerylinknum.each(function(index){
     jQuerylinknum.eq(index).click(function(event){
	      i=index;
	      k=index;
		  ssc=index;
		for(var i=0;i<maxnum;i++){
			jQuerycovers.eq(i).animate({'left':spacing*(i-index)},'fast');
			if((i-index)==0){
				jQuerylinknum.eq(i).css("background-position",focusicon[i]+" "+bluricon);
			}else{
				jQuerylinknum.eq(i).css("background-position",focusicon[i]+" 0px");
			}
		}
		event.preventDefault();
	 });
  });
	};
	setUpCovers();
});