topCount = 4;

domain = 'estako.com';

itEmail = '<a href="mailto:it'+'@'+domain+'">it@'+domain+'</a>';
careersEmail = '<a href="mailto:careers'+'@'+domain+'">careers@'+domain+'</a>';
infoEmail = '<a href="mailto:info'+'@'+domain+'">info@'+domain+'</a>';
salesEmail = '<a href="mailto:sales'+'@'+domain+'">sales@'+domain+'</a>';

tops = new Array();
tops[1] = {
	'file':'crm_system',
	'title':'CRM System',
	'flag':'',
	'lang':'en',
	'html':'<p><strong>Do you manage a small or medium-sized company?</strong></p><p>Feel free to use the solutions offered in our latest project/client management system.</p>',
	'links':''
}

tops[2] = {
	'file':'mobile_devices',
	'title':'Mobile Devicess',
	'flag':'',
	'lang':'en',
	'html':'<p><strong>Over a billion mobile phones with Internet access appear on the market each year.</strong></p><p>To our clients, we offer special versions of websites for mobile devices.</p>',
	'links':''
}

tops[3] = {
	'file':'technology',
	'title':'Technology',
	'flag':'',
	'lang':'en',
	'html':'<p><strong>In the 21st century, technology is undoubtedly the key to success.</strong><p>We do our best so that our solutions will make your and your employees lifes easier.</p>',
	'links':''
}

tops[4] = {
	'file':'hotel_cms',
	'title':'Hotel CMS',
	'flag':'',
	'lang':'en',
	'html':'<p><strong>Check our Hotel CMS demo.</strong></p><p>Manage your booking\'s, rooms and transactions on-line.</p>',
	'links':'<a href="http://hotel.estako.com/"><span style="background: url(/images/www/bgl4.gif) no-repeat;"><span style="background: url(/images/www/bgl5.gif) no-repeat 100% 0;">demo</span></span></a>'
}

function setTop (id) {
	currentTop = id;
	topHtml = document.getElementById('showcase');
	topHtml.innerHTML = '<div class="image"><img src="/images/www/top/'+tops[id]['file']+'.jpg" alt="'+tops[id]['title']+'"></div>' + 
	'<div class="desc">' +
	'<h2><img src="/images/www/top/h_'+tops[id]['file']+'.gif" alt="'+tops[id]['title']+'" class="header"> '+((tops[id].flag==undefined || !tops[id].flag)?'':'<img src="/images/flags/'+tops[id].flag+'_1.gif" alt="'+tops[id].flag+'">')+'</h2>'+
	tops[id].html+
	'</div>'+
	((tops[id].links==undefined || !tops[id].links)?'':'<div class="links">'+tops[id].links+'</div>')+
	'<a href="javascript:prevTop()" accesskey="q" class="prev"><span>&laquo; previous</span></a><a href="javascript:nextTop()" accesskey="w" class="next"><span>next &raquo;</span></a>';
}

function nextTop () {
	if (currentTop<topCount) setTop(currentTop+1);
	else setTop(1);
}

function prevTop () {
	if (currentTop>1) setTop(currentTop-1);
	else setTop(topCount);
}