var pos = new Array(9, 73, 145, 217, 289);
var interval;
var actual = 0;

$('document').ready(function() {

	$('.icons A').mouseover(function() {
		
		clearTimeout(interval);
		var t = $(this).attr('class').split('_');
		var i = t[t.length-1];
		setText(i, true);
		
		//$('.image').css('backgroundImage', "url('http://online.ogilvy.hu/intelliport.hu/dev/images/kep"+i+".jpg')");
	
	});
	
	$('.icons A').mouseout(function() {
		clearTimeout(interval);
		interval = setTimeout("reset(true)", 500);
	
	});
	
	$('.maininfo .info').mouseover(function() {
		
		$(this).animate({'padding-right' : 70});
		
	});
	
	$('.maininfo .info').mouseout(function() {
		
		$(this).animate({'padding-right' : 50});
		
	});
	
	reset(false);

});

function setText(i, animate)
{
	if(!animate)
		$('.activelayer').css({'margin-top' : pos[i-1] + 'px', 'height' : $('.icons .icon_'+i).height()});
	else
		$('.activelayer').animate({'margin-top' : pos[i-1] + 'px', 'height' : $('.icons .icon_'+i).height()});
		
	$('.image .kep').fadeOut(300);
		
	$('.image .kep'+i).fadeIn(300);
	
	switch(Number(i)) {
		
			case 1:
				$('.activelayer h1').html('Intelligens kommunikáció<br />a távhőszolgáltatásban');
				$('.activelayer .szoveg').html('Rugalmas, kiválóan alkalmazható nagyobb beruházások mellett szakaszos bevezetés eseten is, igazodva a megrendelő fejlesztési terveihez. Bővebb információ &raquo;');
				break;
				
			case 2:
				$('.activelayer h1').html('Intelligens kommunikáció<br />a gázszolgáltatásban');
				$('.activelayer .szoveg').html('A hálózatba kötött végponti eszközök távoli elérése, menedzsmentje, leolvasása, vezérlése és integrációja a vállalat információs rendszereihez... Bővebb információ &raquo;');
				break;
						
			case 3:
				$('.activelayer h1').html('Intelligens megoldások<br />a vízszolgáltatásban');
				$('.activelayer .szoveg').html('A vízszolgáltató vállalatok legnagyobb kihívása napjainkban, hogy minél hatékonyabban, a lehető legalacsonyabb költségszinten legyenek képesek... Bővebb információ &raquo;');
				break;
				
			case 4:
				$('.activelayer h1').html('Vagyonőr<br />megoldások');
				$('.activelayer .szoveg').html('A biztonságtechnikai megoldások száma kezdve a legegyszerűbb mechanikai védelemtől egészen a diszpécserszolgálathoz befutó automatikus... Bővebb információ &raquo;');
				break;
				
			case 5:
				$('.activelayer h1').html('Ingatlangondnoki<br />megoldások');
				$('.activelayer .szoveg').html('Az ingatlanok kezelői, bérbeadói számára kiemelten fontos, hogy rendszeresen tájékozódjanak a használók fogyasztásainak mértékéről... Bővebb információ &raquo;');
				break;
		}
}

function reset(animate)
{
	$('.image .kep').fadeOut(300);
	
	if(actual == 0)
		$('.activelayer').fadeOut(300);
	else
	{
		setText(actual, animate);
	}
}