var phpFile = 'index.php';
var labels = new Object();
var hashes = new Object();


function init()
{	
	if ($.browser.msie) createIFrame(document.body,'historyFrame','hidden','text/history.html');
	
	var cont = createContainer(document.body,'frame');
	var frame1 = createContainer(cont,'frame1'); align(frame1); 
	var frame2 = createContainer(frame1,'frame2');
	
	// shadow
	var shadow = createContainer(frame1,'shadowRight');
	createImage(shadow,'','','img/shadow_top_right.jpg');
	createText(shadow,'shadowRightLine','',' ');
	var shadow = createContainer(frame1,'shadowBottom');
	createImage(shadow,'','','img/shadow_bottom_left.jpg');
	createText(shadow,'shadowBottomLine','',' ');
	createImage(shadow,'','','img/shadow_bottom_right.jpg');
	
	// container
	var cont = createContainer(frame2,'frame3');
	var cont1 = createContainer(cont,'cont1');
	var cont2 = createContainer(cont,'cont2');
	var cont3 = createContainer(cont,'cont3');
	var cont4 = createContainer(cont,'cont4');
	
	// container 1
	createImage(cont1,'header','link','img/header.jpg');
	createImage(cont1,'logo','link','img/logo.png','menuClick','click','home');
	dots(cont1);
	createContainer(cont1,'body');
	
	// container 2
	createImage(cont2,'slogan','','img/slogan.png');
	
	// container 3
	menuLeft(cont3);
	
	// container 4	
	createContainer(cont4,'borderDot');
	menuBottom(cont4);	

	var id = hValue(); if (!id) id = pValue();
	var startId = inArray(id,labels); if (!startId) startId = 'home';
	menuClick(false,startId);
	if (pValue() == 'admin') adminLogin();
}
function dots(parentObj)
{
	var cont = createContainer(parentObj,'dotCont');
	createText(cont,'dot1','dot',' ');
	createText(cont,'dot2','dot',' ');
	createText(cont,'dot3','dot',' ');
	createText(cont,'dot4','dot',' ');
	createText(cont,'dot5','dot',' ');
}
function menuLeft(parentObj)
{
	var points = labels.menu.split(',');
	
	var cont = createContainer(parentObj,'menuLeft','menu');
	for (var i=0; i<points.length; i++){
		createContainer(cont,'','dotMenu');
		createLink(cont,points[i],'link','','menuClick',points[i]);
		createBreak(cont);
		if (i == 2){
			show(cont);	
			cont = createContainer(parentObj,'menuRight','menu');
		} 
	} 		
	show(cont);	
}
function menuBottom(parentObj)
{
	var cont = createContainer(parentObj,'menuBottom');
	createLink(cont,'home','border link','','menuClick','home');
	createLink(cont,'team','border link','','menuClick','team');
	createLink(cont,'jobs','border link','','menuClick','jobs');
	createLink(cont,'contactSite','border link','','menuClick','contactSite');
	createLink(cont,'impressum','link','','menuClick','impressum');
}
function menuClick(element,id)
{
	$('#logo').attr('src','img/logo.gif'); setTimeout(function(){ $('#logo').attr('src','img/logo.png'); },1500);	
	send('site',object('id',id));
	
	history(id);
	$('.info').remove(); $('#btnCont').remove();
	$('#pressed').parent().html($('#pressed').html());
	shadowText(id);	
}
function site(answer)
{	
	if (window.siteId)	$('#body').animate({width:0,height:0},'slow',function(){ siteShow(answer.id,answer.text); });
	else siteShow(answer.id,answer.text); // first time -> no close
	
	window.siteId = answer.id;
}
function siteShow(id,text)
{
	var cont = objEmpty('body');
	var element = createContainer(cont,'text'); element.innerHTML = text;
	if (window.editor) editor(element);
	if (id == 'contactSite') createFormular(cont,'contact'); // contact formular
	
	// dots points	
	$(cont).animate({width:'553px',height:'345px'},'slow',function(){
		if (!labels[id+'Refs']) return;
		var cont1 = obj('cont1');
		var btnCont = createContainer(cont1,'btnCont');
		createContainer(btnCont,'','dotBody');
		createLink(btnCont,'interest','link','','contact',id);	
	}); 	
	
	// rights site	
	if (labels[id+'Refs'])	reference(id);
	else{
		var box = objEmpty('cont2');
		createImage(box,'slogan','','img/slogan.png');		
		if (id == 'contactSite') createMap(box,'Strelitzer Straße 15, Berlin Deutschland');
		else if (id == 'home'){
			createBreak(box);
			createText(box,'','','Unser neuestes Projekt:'); createBreak(box,2);
			createLink(box,'','link','Branchenverzeichnis für Firmen und Dienstleister in Deutschland','link','http://www.finderr.de'); createBreak(box,2);
			createImage(box,'image','link','ref/finderr.jpg','link','click','http://www.finderr.de');
		}
		else if (id != 'impressum' && id != 'team') createImage(box,'image','','img/'+id+'.jpg');
	}		
}
function reference(id)
{
	var parentObj = objEmpty('cont2');
	createText(parentObj,'reference');
	var cont = createContainer(parentObj,'references');
	var refs = labels[id+'Refs'].split(',');
	var amount = refs.length;	
	var width = 240; if (amount > 2) width = width/2;
	var timeout;	
	
	// create references
	for (var i=0;i<amount;i++){
		
		var img;		
		if (refs[i] == '.') img = createImage(cont,id+i,'refImg','ref/'+id+i+'.jpg');
		else img = createImage(cont,id+i,'refImg link','ref/'+id+i+'.jpg','link','click','http://'+refs[i]);		
				
		$(img).css({width:width});				
		if (i%2) createBreak(cont);
		tooltip(img,labels[id+i+'_txt']);
		shadow(img);
		hover(img);
		
//		if (window.adminLogged) img.oncontextmenu = labelChange3;
		if (window.adminLogged) img.oncontextmenu = picMenu;
	};
	
	show(cont,'fade');	
}
function contact(element,id)
{
	if (element.success) return;
	
	var parentObj = createPopup('request',labels.interest,400,300);
	var form = createFormular(parentObj,'contact');
	$('#contact4').val(decodeAsci(labels[id]));
}
function hover(img)
{
	$(img).hover(
		function(){ 			
			$(img).parent().css('border-color','gray');
			
			// fix first cont
			$(img).parent().parent().parent().width(function(index,width){ $(this).width(width); }); 
			$(img).parent().parent().parent().height(function(index,height){ $(this).height(height); });
			
			// open image after short time
			timeout = setTimeout(function(){
				var width = $(img).width();
				var height = $(img).height();
				var expand = (width*2-width)/2;
				$(img).css({width:width*2,height:height*2});
				$(img).parent().parent().css({zIndex:100,margin:'-'+expand+'px -'+expand+'px -'+expand+'px -'+expand+'px'});
				$(img).mouseout(function(){ 
					$(img).css({width:width,height:height}); 
					$(img).parent().parent().css({zIndex:0,margin:'0px 0px 0px 0px'}); 
				}); 			
			},300); 
		},
		function(){ 
			$(img).parent().css('border-color','lightgray');
			clearTimeout(timeout);
		}
	);
}