$(document).ready(function(){

function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
   }
}

var speed = 5000;
var x = 0;
var color = new initArray(
"color1", 
"color2", 
"color3",
"color4",
"color5",
"color6",
"color7",
"color8",
"color9",
"color10",
"color11", 
"color12", 
"color13",
"color14",
"color15",
"color16",
"color17",
"color18",
"color19",
"color20",
"color21",
"color22",
"color23",
"color24",
"color25",
"color26",
"color27",
"color28",
"color29",
"color30",
"color31",
"color32",
"color33",
"color34",
"color35",
"color36",
"color37",
"color38",
"color39",
"color40",
"color41",
"color42",
"color43",
"color44",
"color45",
"color46",
"color47"
);

function chcolor(){ 
$('#body').attr('class', color[x]);
(x < color.length-1) ? x++ : x = 0;
};


setInterval(function(){chcolor()}, speed);



 var n = $(".project").size();
 $('.mainwidth').css('width', n*190+'px');
var a = [];
for (var i = 1; i < n+1; i++) {
   a[i]=$('#'+i+' img').attr('id').substring(7);
 }

$('.project img').click( function(e){
e.preventDefault();
loadProject(this.id, this.alt);
});

//======loadcontent

  function loadProject(p, altnum) {
	var $k=p; 
	var $ind=altnum;
	numindex=$ind.substring(3); 
	$('#'+$k).addClass('active');
//load + show preloader
	$('#preloader').show();
	$('#projectinfo-cont').load('/index/index_'+a[numindex]+'.html .containerload', {}, function(){$('#preloader').hide(); initHandlers(); });
	$('#project1info').css('display','block');
//animate
	$('#project1info').animate({right: "0px"},600 );
	loadClicks();
}


//======close project

function  initHandlers() {
	$('.allproj').click (
	   function(e) {
		e.preventDefault();
		$('.projnav').animate({bottom: "-500px"},600 );
		$('.projinfo').animate({right: "1078px"},600 );
		setTimeout(function(){
		   $('.projinfo').css('display','none')
		},450);
		$('.project').find('.active').removeClass('active');	
return;
	   });	
};

//==========left-right click
  function loadClicks() {
		numindex1=$('.project').find('.active').attr('alt').substring(3); 
		nextproj=numindex1;  
		prevproj=numindex1; 

		if (prevproj==1) {
		   $('.n1').removeClass('left');
		   $('.n1').addClass('leftgray');
		} else {
		   $('.n1').removeClass('leftgray');
		   $('.n1').addClass('left');
		}
		if (nextproj==n) {
		   $('.n2').removeClass('right');
		   $('.n2').addClass('rightgray');
		} else {
		 $('.n2').removeClass('rightgray');
		 $('.n2').addClass('right'); 
		}
}


//handlers
		$('.left').click(
		  function(e) {
			e.preventDefault();
			if(prevproj>=2) {
		         nextproj-=1;   
		         prevproj-=1;
		 	 $('.n2').removeClass('rightgray');
			 $('.n2').addClass('right');
		   $('.n1').removeClass('leftgray');
		   $('.n1').addClass('left');			
			}	
			  if (prevproj==1) {
		   	    $(this).removeClass('left');
		   	    $(this).addClass('leftgray');
				//show preloader + load content
				$('#preloader').show();
				$('#projectinfo-cont').load('/index/index_'+a[prevproj]+'.html .containerload', {}, function(){$('#preloader').hide(); });
				$(this).bind('click', function(e){
				});
			   } else {
		   	        $(this).removeClass('leftgray');
		   	        $(this).addClass('left');
			        //show preloader + load content
			        $('#preloader').show();
		  	        $('#projectinfo-cont').load('/index/index_'+a[prevproj]+'.html .containerload', {}, function(){$('#preloader').hide(); });
			   }
return;
		    });
		


	
		$('.right').click(
		  function(e) {
			e.preventDefault();
			if(nextproj<=(n-1)) {
	 	    	   nextproj-=-1;
		    	   prevproj-=-1;  
		   	   $('.n1').removeClass('leftgray');
		  	   $('.n1').addClass('left');
		 $('.n2').removeClass('rightgray');
		 $('.n2').addClass('right'); 
			}
			  if (nextproj==n) {
				$(this).removeClass('right');
				$(this).addClass('rightgray');
			        //show preloader + load content
			        $('#preloader').show();
		  	        $('#projectinfo-cont').load('/index/index_'+a[nextproj]+'.html .containerload', {}, function(){$('#preloader').hide(); });
				$(this).bind('click', function(e){
				});
			   } else {
				$(this).removeClass('rightgray');
				$(this).addClass('right');
			        //show preloader + load content
			        $('#preloader').show();
		  	        $('#projectinfo-cont').load('/index/index_'+a[nextproj]+'.html .containerload', {}, function(){$('#preloader').hide(); });
			   }
return;
		  });
		
//=======left-right click end

	 		     
 }); // trigger the click to start