var bg_x = [-395, -657, -969, -846, -403];
var bg_y = [-622, -630, -666, -617, -441];
var bg_bg = ['css/imgs/bg_us.jpg', 'css/imgs/bg_work.jpg', 'css/imgs/bg_services.jpg', 'css/imgs/bg_tec.jpg', 'css/imgs/bg_multimedia.jpg'];
var content = ['_us.html', '_work.html', '_services.html', '_tec.html', '_multimedia.html']; 
var actual_bg=-1;
var servPos = 0;
var loadingFrame = 1;
var loading;
var loadingTimer;
var me=0;
var isShowContact=false;
$(document).ready(function () {
	$('#contact').toggle(function (){
		$('#div_contact').animate({"right": "0px"});
		setTimeout("goBackContact()", 10000);
		isShowContact=true;
	}, 
	function (){
		if(isShowContact)
			$('#div_contact').animate({"right": "-650px"});
	});
	
	
	
    $('#next').click(function (){
    	$('.img_overflow').animate({"left": -602}, "slow");
    	$(this).fadeOut();
		$('#prev').fadeIn();
		servPos=2;
		return false;
	});
	
	$('#prev').click(function (){
		$('.img_overflow').animate({"left": 0}, "slow");
		$(this).fadeOut();
		$('#next').fadeIn();
		servPos =0;
		return false;
	});
	
  $('#us, #menu_us').click(function (){
  	  actual_bg=0;
  	  if(servPos==2) prevMenu();
	  loadContent('#us');
	});
	
	
	$('#work, #menu_work').click(function (){
	  actual_bg=1;
	  if(servPos==2) prevMenu();
	  loadContent('#work');
	});
	
	$('#services, #menu_services').click(function (){
	  actual_bg=2;
	  loadContent('#services');
	});
	
	$('#tec, #menu_tec').click(function (){
	  actual_bg=3;
	  if(servPos==0) nextMenu();
	  loadContent('#tec');
	});
	
	$('#multimedia, #menu_multimedia').click(function (){
	  actual_bg=4;
	  if(servPos==0) nextMenu();
	  loadContent('#multimedia');
	});
	
	$('#logo, #page_home').click(function (){
		goHome();
	});
	
	
	
	//iX = setTimeout("contactAnimation()", 4000);
});


function prevMenu(fun){
	$('.img_overflow').animate({"left": 0}, "slow");
		$('#prev').fadeOut();
		$('#next').fadeIn();
		servPos =0;
}

function nextMenu(){
	$('.img_overflow').animate({"left": -602}, "slow");
    	$('#next').fadeOut();
		$('#prev').fadeIn();
		servPos=2;
}

function goHome(){
	if(actual_bg>=0 && $('#page').width()>300) {
		$('#page_main').fadeOut();
		$('#page').animate({ 
			width: "300",
			height: "300",
			top: 200,
			left: (300*(actual_bg-servPos))+(1*(actual_bg-servPos)),
			'background-position': bg_x[actual_bg]+'px '+bg_y[actual_bg]+'px'
		  }, 1500 );
		 // $('#page_menu').fadeOut("slow");
			 
		  $('#page').fadeOut("slow", function (){$('#page_main').css('right', -650);})
		 // $('#logo').fadeTo("slow",1);
	}		  
}

function goBackContact(){
	if(isShowContact)
		$('#div_contact').animate({"right": "-650px"});
}

function usAnimations(){
	$('#show_team').click(function() {
		me = -650;
		$('#page_content').animate({"left": me}, "slow");
		//$('#page_content').stop().scrollTo('#team', 1500);
	});
	
	$('#show_experience').click(function() {
		me=-1300;
		$('#page_content').animate({"left": me}, "slow");
	});
	
	$('#show_me').click(function() {
		me=0;
		$('#page_content').animate({"left": me}, "slow");
	});
}

function multimediaAnimations(){
	$('#m1').click(function() {
		me = -650;
		$('#page_content').animate({"left": me}, "slow");
		//$('#page_content').stop().scrollTo('#team', 1500);
	});
	
	$('#m2').click(function() {
		me=-1300;
		$('#page_content').animate({"left": me}, "slow");
	});
	
	$('#m3').click(function() {
		me=-1950;
		$('#page_content').animate({"left": me}, "slow");
	});
	
	$('#m0').click(function() {
		me=0;
		$('#page_content').animate({"left": me}, "slow");
	});
}

function workAnimations(){
	$('.next_work').click(function() {
		me = -650;
		$('#page_content').animate({"left": me}, "slow");
	});
	$('#3d').click(function() {
		me = -1300;
		$('#page_content').animate({"left": me}, "slow");
	});
	$('.next_3d').click(function() {
		me += -650;
		$('#page_content').animate({"left": me}, "slow");
	});
	
	$('#web, .prev_work').click(function() {
		me = 0;
		$('#page_content').animate({"left": me}, "slow");
	});	
}

function servicesAnimations(){
	$('#s1').click(function() {
		me = -650;
		$('#page_content').animate({"left": me}, "slow");
		//$('#page_content').stop().scrollTo('#team', 1500);
	});
	
	$('#s2').click(function() {
		me=-1300;
		$('#page_content').animate({"left": me}, "slow");
	});
	
	$('#s3').click(function() {
		me=-1950;
		$('#page_content').animate({"left": me}, "slow");
	});
	
	$('#s4').click(function() {
		me=-2600;
		$('#page_content').animate({"left": me}, "slow");
	});
	
	$('#s0').click(function() {
		me=0;
		$('#page_content').animate({"left": me}, "slow");
	});
	
	$('#s0, #s1').mouseover(function(e){
		$('#page_menu_overflow').animate({"left": 0}, "slow");
	});
	
	$('#s3,#s4').mouseover(function(e){
		$('#page_menu_overflow').animate({"left": -150}, "slow");
	});
}

function contactAnimation(){
	if($(window).height()>650)
		$('#div_contact').animate({"right": "-790px"}, "slow").animate({"top": "570px"}, "slow").animate({"right": "-700px"}, "slow");
}

function loadContent(sel){
	 var img = new Image();
	 $(sel+' .loader').addClass('loading');
	  $(img)
		// once the image has loaded, execute this code
		.load(function () {
		  $(this).hide();
       	  $(sel+' .loader').removeClass('loading');
		  var w = $(window).width();
		  var h = $(window).height();
		  var l=-(w-900)/2;
		  $('#page').css('left', (300*(actual_bg-servPos))+(1*(actual_bg-servPos)));
		  $('#page').css('top', 197);
		  $('#page').css('z-index', 500);
		  $('#page').css({'background-position': bg_x[actual_bg]+'px '+bg_y[actual_bg]+'px'});
		  $('#page').css('background-image', 'url('+bg_bg[actual_bg]+')');
		  $('#page').animate({ 
			width: w,
			height: h,
			top: 0,
			left: l,
			'background-position': "0px 0px"
		  }, 1500, "linear", function (){
				$('#page_main').show().animate({'right': 0}, "slow");		  
		  });
		  
		 // $('#logo').fadeTo("slow",0.7);
		  $.ajax({
			  url: content[actual_bg],
			  success: function(data) {
				$('#page_main').html(data);
				$('#page_home').click(function (){
					goHome();
				});
				if(actual_bg == 0)
					usAnimations();	
				else if(actual_bg==1)
					workAnimations();		
				else if(actual_bg==2)
					servicesAnimations();	
				else if(actual_bg==4)
					multimediaAnimations();
			  }
			});
			
			
		  
		 // $('#page_main').fadeIn();
		  //$('#page_menu').fadeIn("slow");
		  //$('#page_content').fadeIn("slow");
		}).error(function () {
			alert('no img');

		}).attr('src', bg_bg[actual_bg]);
}