var projectCount=0;
var activeProject="p1";
var upcomingProject="";
var hidden=54;
var visible=54;
var loadingTimer, loadingFrame=1;
function project(name,color)
{
	this.name=name;
	this.color=color;
	projectCount++;
	this.projectId=projectCount;
}

var p1=new project("ortos","#3db4ca");
var p2=new project("qm","#31518b");
var p3=new project("padel","#8dd024");
var p4=new project("ict","#125790");
var p5=new project("ubuntu","#e59d0d");
var p6=new project("defender","#00498b");
var p7=new project("castellari","#4e84b2");
var p8=new project("etw","#335e93");

function loading() {
	if (!$("#loading").is(':visible')){
		clearInterval(loadingTimer);
		return;
	}
	$("#loading > div").css('top', (loadingFrame * -40) + 'px');

	loadingFrame = (loadingFrame + 1) % 12;
};

/*	Main functions
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

$(document).ready(
	function()
	{
		/*	Loading
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		function showLoad() {
			clearInterval(loadingTimer);
	
			$("#loading").fadeIn(100);
			
			loadingTimer = setInterval("this.loading()", 66);
		};
		
		function hideLoad() {
			clearInterval(loadingTimer);
	
			$("#loading").fadeOut(100);
		};
		
		showFirst();
		
		/*	Preloading images
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		/*var urls = [ 'loader.gif', 'main_shape.png', 'main_shape_grad.png', 'pic_www_ortos.png', 'bucket_ortos.png', 'b_bot.png', 'b_up.png', 'form_input_bg.png', 'form_submit_bg.png', 'form_txta_bg.png', 'txt_about.png', 'txt_getquote.png', 'txt_onas.png', 'txt_zamow.png', 'loader_splash.png', 'fancyBox/fancy_progress.png', 'fancyBox/fancy_closebox.png' ];
			$.preload( urls, {
			base: 'img/',
			onFinish:showFirst
			});*/
		    
		
		/*	FancyBox
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		$("#www a, #www2 a").click( function() { return false; } );
		$("#www a, #www2 a").fancybox();
		
		/*	First project color on page load
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		function showFirst(){
			
			hideLoad();
			
			activeProjectColor=eval(eval("activeProject")+".color");
			activeProjectName=eval(eval("activeProject")+".name");
			
			$("body, body p, #contactUs input, #contactUs textarea, #mainContent, #txt_about, #txt_contact, #contactUs .button, #contactUs input, #contactUs #message").colorBlend([{fromColor:"#ffffff", toColor:activeProjectColor, param:"background-color", cycles: 1, isFade:false, fps: 25 }]);
					
			$("body, body p, #contactUs input, #contactUs textarea, #mainContent, #txt_about, #txt_contact, #contactUs .button, #contactUs input, #contactUs #message").colorBlend([{fromColor:"#ffffff", toColor:activeProjectColor, param:"color", cycles: 1, isFade:false, fps: 25 }]);
			
			$("#www.wwwactive, #www2.wwwactive").css("display","none")
			$("#bucket.bucketactive, #bucket2.bucketactive").css("display","none")
			$("#bucket.bucketactive, #bucket2.bucketactive").css({ backgroundImage: "url(img/bucket_"+activeProjectName+".png)" });
			$("#bucket.bucketactive, #bucket2.bucketactive").fadeIn(300);
			$("#www.wwwactive, #www2.wwwactive").css({ backgroundImage: "url(img/pic_www_"+activeProjectName+".png)" });
			$("#www.wwwactive a, #www2.wwwactive a").attr("href","img/pic_www_"+activeProjectName+"_big.jpg");
			$("#www.wwwactive, #www2.wwwactive").fadeIn(600);			
		
		};
		
		/*	Main images FX function
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		function fx() {
			
			hideLoad();
			
			$("body, body p, #contactUs input, #contactUs textarea, #mainContent, #txt_about, #txt_contact, #contactUs .button, #contactUs input, #contactUs #message").colorBlend([{fromColor:activeProjectColor, toColor:upcomingProjectColor, param:"background-color", cycles: 1, isFade:false, fps: 30 }]);
			
			$("body, body p, #contactUs input, #contactUs textarea, #mainContent, #txt_about, #txt_contact, #contactUs .button, #contactUs input, #contactUs #message").colorBlend([{fromColor:activeProjectColor, toColor:upcomingProjectColor, param:"color", cycles: 1, isFade:false, fps: 30 }]);
			
			$("#www:not(.wwwactive), #www2:not(.wwwactive)").css({ backgroundImage: "url(img/pic_www_"+upcomingProjectName+".png)", top: hidden });
			$("#www:not(.wwwactive) a, #www2:not(.wwwactive) a").attr("href","img/pic_www_"+upcomingProjectName+"_big.jpg");
			
			$("#www:not(.wwwactive), #www2:not(.wwwactive)").animate({opacity: 'show' }, 800, "linear");
			$("#www, #www2").toggleClass("wwwactive");
			
			$("#bucket:not(.bucketactive), #bucket2:not(.bucketactive)").css({ backgroundImage: "url(img/bucket_"+upcomingProjectName+".png)" });
			
			$("#bucket:not(.bucketactive), #bucket2:not(.bucketactive)").css("z-index","3");
			$("#bucket.bucketactive, #bucket2.bucketactive").css("z-index","4");
			
			$("#bucket:not(.bucketactive), #bucket2:not(.bucketactive)").fadeIn(300);
			$("#bucket.bucketactive, #bucket2.bucketactive").fadeOut(1000);
			
			
			$("#bucket2, #bucket").toggleClass("bucketactive");
			
			activeProject=upcomingProject;
		
		};
		
		
		/*	Change image function
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		function change() {
			
			showLoad();
			
			activeProjectColor=eval(eval("activeProject")+".color");
			activeProjectName=eval(eval("activeProject")+".name");
			upcomingProjectColor=eval(eval("upcomingProject")+".color");
			upcomingProjectName=eval(eval("upcomingProject")+".name");
			
			$(".wwwactive").animate({opacity: 'hide'}, 
			800, "linear", 
			function(){ 
			
				/*$.preload("img/bucket_"+activeProjectName+".png");
				$.preload( "img/pic_www_"+activeProjectName+".png", {
					onFinish:fx
				});*/
				fx();
			});

		};
		
		
		/*	Bottom arrow
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		$("#arrowBot").click( function() {
			
			activeProjectId=eval(eval("activeProject")+".projectId");
			if (activeProjectId<projectCount) {
				upcomingProject="p"+(activeProjectId+1);
			}
			else { upcomingProject="p1" }
				
			change();
			
			return false;
		} );
		
		/*	Up arrow
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		$("#arrowUp").click( function() {
			
			activeProjectId=eval(eval("activeProject")+".projectId");
			if (activeProjectId>1) {
				upcomingProject="p"+(activeProjectId-1);
			}
			else { upcomingProject="p"+projectCount }
				
			change();
			
			return false;
		} );
		


	});/* Endof document ready */