$(document).ready(function(){
	$('#show_home').show();
	function open_door(id){
	if($(id).is(':hidden')){
		$('#show_home').hide();
		$('#show_about').hide();
		$('#show_innovation').hide();
		$('#show_service').hide();
		$('#show_contact').hide();
		$('#top_door').animate({top:"0px"}, "normal", "linear",function(){
			$(this).animate({top:"-210px"},"normal");
		});
		$('#bot_door').slideDown("normal", function(){
			$(this).slideUp("normal", function(){
				$(id).show();
			});
		});
	}
	}
	$('#logo').hover(function(){
		$('#real_logo').fadeIn();$('#slogan').fadeTo("normal", 1);
		},function(){
			$('#real_logo').fadeOut();$('#slogan').fadeTo("normal", 0.33);
	});
	
	$('#quan').hover(function(){
		$(this).fadeTo("normal",1);
		},function(){
			$(this).fadeTo("normal", 0.33);
	});
	$('#hieu').hover(function(){
		$(this).fadeTo("normal",1);
		},function(){
			$(this).fadeTo("normal", 0.33);
	});
	$('#tung').hover(function(){
		$(this).fadeTo("normal",1);
		},function(){
			$(this).fadeTo("normal", 0.33);
	});
	$('#long').hover(function(){
		$(this).fadeTo("normal",1);
		},function(){
			$(this).fadeTo("normal", 0.33);
	});
	
	
	
	
	$('#box_portfolio').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_innovation').addClass("active");
		open_door("#show_innovation");
	});
	$('#btn_home').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_home').addClass("active");
		open_door("#show_home");
	});
	$('#btn_about').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_about').addClass("active");
		open_door("#show_about");
	});
	$('#box_whyus').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_about').addClass("active");
		open_door("#show_about");
	});
	$('#btn_innovation').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_innovation').addClass("active");
		open_door("#show_innovation");
	});
	
	$('#btn_service').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_service').addClass("active");
		open_door("#show_service");
	});
	$('#box_service').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_service').addClass("active");
		open_door("#show_service");
	});

	
	$('#btn_contact').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_contact').addClass("active");
		
		open_door("#show_contact");
	});
	
	$('#btn_home').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_home').addClass("active");
		if(!$('#show_home').is(':hidden')) open_door("#show_home");
	});
	
	
	
	//Home effects
	$('.box_product').hover(function(){
		$(this).addClass("add_border");
	},function(){
			$(this).removeClass("add_border");
		});


	$('#screen_ichungkhoan').hover(function(){
		$('#screen').addClass("screen_ichungkhoan");
	},function(){
			$('#screen').removeClass("screen_ichungkhoan");
		});
	$('#screen_iatm').hover(function(){
		$('#screen').addClass("screen_iatm");
	},function(){
			$('#screen').removeClass("screen_iatm");
		});
	$('#screen_itruyen').hover(function(){
		$('#screen').addClass("screen_itruyen");
	},function(){
			$('#screen').removeClass("screen_itruyen");
		});
	$('#screen_idaubep').hover(function(){
		$('#screen').addClass("screen_idaubep");
	},function(){
			$('#screen').removeClass("screen_idaubep");
		});
	$('#screen_itaxi').hover(function(){
		$('#screen').addClass("screen_itaxi");
	},function(){
			$('#screen').removeClass("screen_itaxi");
		});
	
	$('#more_ichungkhoan').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_innovation').addClass("active");
		open_door("#show_innovation");
		}, showProduct("#desc_ichungkhoan"));
	$('#more_itruyen').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_innovation').addClass("active");
		open_door("#show_innovation");
		}, showProduct("#desc_itruyen"));
	$('#more_iatm').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_innovation').addClass("active");
		open_door("#show_innovation");
		}, showProduct("#desc_iatm"));
	$('#more_idaubep').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_innovation').addClass("active");
		open_door("#show_innovation");
		}, showProduct("#desc_idaubep"));
	$('#more_itaxi').click(function(){
		$('.topmenu a').removeClass("active");
		$('#btn_innovation').addClass("active");
		open_door("#show_innovation");
		}, showProduct("#desc_itaxi"));
	
	function showProduct(id)
	{
		$('.desc_box div').hide();
		$(id).show();
		
	}
	$('#logo_itruyen').click(function(){
		showProduct("#desc_itruyen");
	});
	$('#logo_iatm').click(function(){
		showProduct("#desc_iatm");
	});
	$('#logo_ichungkhoan').click(function(){
		showProduct("#desc_ichungkhoan");
	});
	$('#logo_idaubep').click(function(){
		showProduct("#desc_idaubep");
	});
	$('#logo_itaxi').click(function(){
		showProduct("#desc_itaxi");
	});
});