// JavaScript Document

function loadBudynki(){
	$.ajax({
		url : 'a/wypiszBudynki.php',
		dataType: 'json',
		success : function(data){
			$('#magic_box').data('budynki',data);
			typyClick();
			var typ=window.location.href.split(',');
			
			if(typ[1]>4){
				typ[1]=typ[1]-4;
			}
			
			if(typ[1]){
				if(typ[1].length>2){
					$("#typy_budynkow ul li:eq(0)").trigger('dblclick');
				}else{
					$("#typy_budynkow ul li:eq("+(parseInt(typ[1])-1)+")").trigger('dblclick');	
				}
			}else{
				$("#typy_budynkow ul li:eq(0)").trigger('dblclick');	
			}
		}
	})	
	
}

function magicBoxFadeOut(time){
	$('#tytul').fadeOut(time,function(){
		$(this).find('.title').html("");
		$(this).find('.text').html("");
	});
	
	$('#budynek').find('img').fadeOut(time,function(){
		$(this).remove();
	});
}

function magicBoxFadeIn(time,tytul,tresc,link_str,img){
	setTimeout(function(){
		if(tytul.length>30){
			$("#tytul").find('.title').css({'font-size' : '25px'});
		}else{
			$("#tytul").find('.title').css({'font-size' : '32px'});
		}
		
		$("#tytul").find('.title').html(tytul);
		$("#tytul").find('.text').html(tresc);
		$('#tytul').unbind('click');
		if(link_str!=null && link_str!=''){
			$('#tytul').click(function(){
				window.location.assign(link_str);
			});
		}
		
		$('#budynek').append(img);
		$(img).fadeIn(time,function(){
			$('#tytul').fadeIn(time-1700);
		});
	},time-900);
}

function wypisz_budynki(typ){
	var budynki=$('#magic_box').data('budynki');
		
	$("#switch ul").remove();
		
	if(budynki[typ]){
		var ul=$(document.createElement('ul'));
	
		$.each(budynki[typ],function(){
			var budynek=this;
			
			
			var li=$(document.createElement('li'));
			li.attr('title',budynek['nazwa']);
			li.dblclick(function(){
				$("#switch ul li.active").removeClass('active');
				
				magicBoxFadeOut(800);
				$(this).addClass('active');
				var pic_nb=100;
				
				while(pic_nb>budynek['ile']){
					pic_nb=Math.floor(Math.random()*11);
				}
				
				if(pic_nb==budynek['ile']){
					pic_nb--;	
				}
				
				var img=new Image(777,349);
				img.src=budynek['zdjecia'][pic_nb]['src'];
				
				magicBoxFadeIn(2000,budynek['nazwa'],budynek['opis'],budynek['link'],img);
								
			});
			
			li.click(function(){
				clearInterval(buildings_interval);
				$("#switch ul li.active").removeClass('active');
				
				magicBoxFadeOut(800);
				$(this).addClass('active');
				var pic_nb=100;
				
				while(pic_nb>budynek['ile']){
					pic_nb=Math.floor(Math.random()*11);
				}
				
				if(pic_nb==budynek['ile']){
					pic_nb--;	
				}
				
				var img=new Image(777,349);
				img.src=budynek['zdjecia'][pic_nb]['src'];
				
				magicBoxFadeIn(2000,budynek['nazwa'],budynek['opis'],budynek['link'],img);
				buildings_interval=setInterval(function(){
					animBuildings();
				},1000*9);				
			});
			ul.append(li);
		});
		
		$("#switch").append(ul);
	}
}

function typyClick(){
	$("#typy_budynkow ul li").dblclick(function(){
		clearInterval(buildings_interval);
		
		$("#typy_budynkow ul li.active").removeClass('active');
		magicBoxFadeOut(800);
		
		var el=$(this);
		el.addClass('active');
		var id=el.attr('id').substr(4);
		wypisz_budynki(id);
		
		if($("#switch ul li").length>0){
			$("#switch ul li:eq(0)").trigger('dblclick');
			buildings_interval=setInterval(function(){
				animBuildings();
			},1000*7);
		}
	})
	
	$("#typy_budynkow ul li").click(function(){
		switch($(this).attr('id').substr(4)){
			case '1':
				window.location.assign("19,1,Biura.html");
			break;
			case '2':
				window.location.assign("20,2,Mieszkania.html");
			break;
			case '3':
				window.location.assign("21,3,Hotele.html");
			break;
			case '4':
				window.location.assign("22,4,Magazyny.html");
			break;
			case '5':
				window.location.assign("40,5,Office.html");
			break;
			case '6':
				window.location.assign("41,6,Residential.html");
			break;
			case '7':
				window.location.assign("42,7,Hotels.html");
			break;
			case '8':
				window.location.assign("43,8,Magazyny.html");
			break;
		}
	});
}


function animBuildings(){
	var ile=$("#switch ul li").length;
	
	if(ile>1){
		var index=$("#switch ul li").index($("#switch ul li.active"));
		if((index+1)>(ile-1)){
			$("#switch ul li:eq(0)").trigger('dblclick');
		}else{
			$("#switch ul li:eq("+(index+1)+")").trigger('dblclick');
		}
	}
	
}