function RecommendOffersInit()
{
	var recommendOfferItems=document.getElementById('recommendOfferItems');
	recommendOffersTemplate=recommendOfferItems.innerHTML;
	onClickRecommendOffers(recommendOffersGroups[0]);
}

function RecommendOffersGet(group)
{
	var recommendOfferItems=document.getElementById('recommendOfferItems');
	var recommendOfferLoader=document.getElementById('recommendOfferLoader');
	recommendOfferItems.style.display='none';
	recommendOfferLoader.style.display='block';

	

		var d = new Date();
		//xmlHttp.open("GET", "/xml/recommendOffers.php?group="+group+"&"+d.getTime(), true);
		//xmlHttp.open("GET", "/xml/recommendOffers.php?group="+group, true);
		AjaxReq("/xml/recommendOffers.php?group="+group,'RecommendOffersCallback(xmlHttp)');
		//xmlHttp.send("");
}

function RecommendOffersCallback(xmlHttp)
{
	if(xmlHttp.readyState == 4){
		if (xmlHttp.status == 200) { 
			data = JSON.parse(xmlHttp.responseText);
			recommendOffersData[recommendOffersThisGroup]=new Array();
			recommendOffersData[recommendOffersThisGroup]=data;
			RecommendOffersShow(recommendOffersThisGroup,0);
		}else{
			alert("There was a problem retrieving the XML data:\n" +
			req.statusText);
		}
	}
}

function onClickRecommendOffers(group,e)
{
	recommendOffersThisGroup=group;
	if(e){
		if(e.className) return
		else e.className='active';		
	}
	for(i=0;i<recommendOffersGroups.length;i++){
		if(group!=recommendOffersGroups[i]){
			document.getElementById('recommendOffersGroup'+recommendOffersGroups[i]).className=''
		}
	}
	if(recommendOffersData[group]) RecommendOffersShow(group,0);			
	else RecommendOffersGet(group);	
}

function RecommendOffersShow(group,from)
{
	var recommendOfferItems=document.getElementById('recommendOfferItems');
	var recommendOfferLoader=document.getElementById('recommendOfferLoader');
	recommendOfferItems.style.display='block';
	recommendOfferLoader.style.display='none';
	recommendOffersFrom=from;
	recommendOfferItems.innerHTML = '';
	if(recommendOffersData[group])
	for(i=from;i<recommendOffersData[group].length;i++)
	{
		if(i-from>1) break;
		var newOf = recommendOffersTemplate;
		newOf = newOf.replace('{City}',recommendOffersData[group][i].city);
		newOf = newOf.replace('{Hotel}',recommendOffersData[group][i].hotel);
		newOf = newOf.replace('{Hotel_IMG}',recommendOffersData[group][i].hotel_img);
		newOf = newOf.replace('{Stars}',recommendOffersData[group][i].stars);
		newOf = newOf.replace('{Month}',recommendOffersData[group][i].month);
		newOf = newOf.replace('{Term}',recommendOffersData[group][i].term);
		newOf = newOf.replace('{Offer}',recommendOffersData[group][i].offer);
		newOf = newOf.replace('{Price}',recommendOffersData[group][i].price);
		newOf = newOf.replace('{PriceOld}',recommendOffersData[group][i].price_old);
		newOf = newOf.replace('{hotel_url}',recommendOffersData[group][i].hotel_url);
		recommendOfferItems.innerHTML += newOf;
	}

	var ImageRekOffNext=document.getElementById('ImageRekOffNext');
	var ImageRekOffPrev=document.getElementById('ImageRekOffPrev');
	if(from>=recommendOffersData[group].length-2){
		ImageRekOffNext.style.opacity=0.5;
		ImageRekOffNext.style.filter = 'alpha(opacity=50)';
	}else{
		ImageRekOffNext.style.opacity=1;
		ImageRekOffNext.style.filter = 'alpha(opacity=100)';	
	}
	if(from>0){
		ImageRekOffPrev.style.opacity=1;
		ImageRekOffPrev.style.filter = 'alpha(opacity=100)';	
	}else{
		ImageRekOffPrev.style.opacity=0.5;
		ImageRekOffPrev.style.filter = 'alpha(opacity=50)';
	}

}

function RecommendOffersNext()
{
	var group=recommendOffersThisGroup;
	var from = recommendOffersFrom+2;
	if(from>=recommendOffersData[group].length-2)
		from=recommendOffersData[group].length-2;
	if(from<0) from=0;
	RecommendOffersShow(group,from);
}

function RecommendOffersPrev()
{
	var group=recommendOffersThisGroup;
	var from = recommendOffersFrom-2;
	if(from<0) from=0;
	RecommendOffersShow(group,from);
}