﻿// JavaScript Document
//var $j = jQuery.noConflict();
var showCircle = false;
var showTree = false;
var myContacts = false;

window.addEvent('domready', function(){
	$('main_container').setStyle('height', ($(document.body).getCoordinates().height - 33) + 'px');
});
window.addEvent('load', function (){
	positionElements(true);
});


window.addEvent('resize', function() {
	$('main_container').setStyle('height', ($(document.body).getCoordinates().height - 33) + 'px');
	positionElements(false);
});

function positionElements(doAfter)
{
	
	if (myContacts) {
		$('text_container_bg').setStyle('height', "200px");
		$('text_body_container').setStyle('height', "194px");
		$('text_body').setStyle('height', "194px");
	}
	
	initCorners();	
	var siteLeft = $('main_container').getCoordinates().left;
	var siteHeight = $('main_container').getCoordinates().height;
	var siteWidth = $('site').getCoordinates().width;
	$('text_container').setStyle('left', (500 + siteLeft) + 'px');
	$('text_container_bg').setStyle('left', $('text_container').getCoordinates().left + 'px');
	$('text_container_bg').setStyle('top', $('text_container').getCoordinates().top + 'px');
	$('left_panel').setStyle('left', (siteLeft - 40) + 'px');
	
	$('menu_bg_image').setStyle('top', (siteHeight - $('menu_bg_image').getCoordinates().height) + 'px');
	$('menu_image').setStyle('left', ($('text_container').getCoordinates().left - (($('menu_image').getCoordinates().width - 10) / 2)) + 'px');
	
	if(showCircle){
		tcW = $('text_container').getCoordinates().width;
		tcH = $('text_container').getCoordinates().height;
		cIW = $('circle_img').getCoordinates().width;
		cIH = $('circle_img').getCoordinates().height;
		$('circle_img').setStyle('left', ((500 + siteLeft) - ((cIW - tcW) / 2))  + 'px');
		$('text_body_container').setStyle('height', (tcW - ((cIW+20) - tcW)) + 'px');
		$('text_body_container').setStyle('top', ($('circle_img').getCoordinates().top + ((cIH - tcH) / 2)) + 'px');
		$('text_container_bg').setStyle('display', 'none');
		
		$('menu_image').setStyle('left', ($('text_container').getCoordinates().left + (($('menu_image').getCoordinates().width + 200) / 2)) + 'px');
		
		$('circle_img').setStyle('visibility', 'visible');
	}
	
	var t3 = new Fx.Tween($('logo'), {transition:"sine:in", duration:1000});
	t3.addEvent("complete", animateMenu);
	t3.set('opacity', 0);
	t3.start('opacity', 1);
	
}
function animateMenu()
{
	$('menu').setStyle('visibility', 'visible');
	animateMenuBg();
}
function animateText()
{
	var t2 = new Fx.Tween($('text_container_bg'), {transition:"sine:in", duration:'long'});
	t2.addEvent('complete', textAnimated);
	t2.set('opacity', 0);
	t2.start('opacity', 0.7);
	
}
function textAnimated()
{
	var animateHeight = false;
	
	$('text_body_container').setStyle('visibility', 'visible');
	$('text_container').setStyle('visibility', 'visible');
	
	if (myContacts) {
		$('text_body_container').setStyle('height', 194);
	} 
}
function animateMenuBg()
{
	var t1 = new Fx.Tween($('menu_bg_image'), {transition:"sine:in", duration:'long'});
	t1.set('opacity', 0);
	t1.start('opacity', 1);
	
	var t2 = new Fx.Tween($('menu_image'), {transition:"sine:in", duration:'long'});
	t2.addEvent('complete', animateText);
	t2.set('opacity', 0);
	t2.start('opacity', 1);
	
	var t3 = new Fx.Tween($('bottom_shadow'), {transition:"sine:in", duration:'long', delay:2000});
	t3.set('opacity', 0);
	t3.start('opacity', 0.7);
}
function initCorners() {
	var settings = {
	  tl: { radius: 20 },
	  tr: { radius: 20 },
	  bl: { radius: 20 },
	  br: { radius: 20 },
	  antiAlias: true
	}

	curvyCorners(settings, "#text_container_bg");
}
