
var atLevel = 1;

//image changer background
big_on = new Image();
big_on.src = "media/interface/background_img-EN.png";
big_off = new Image();
big_off.src = "media/interface/b-reserve-hover-EN.png";

function changeBig(how) {
	if (how == 1) {
		document.getElementById('wrapper').style.backgroundImage = "url(" + big_on.src + ")";
	}
	else
	{
		
		document.getElementById('wrapper').style.backgroundImage = "url(" + big_off.src + ")";
	}
}
//image changer arrows
function imgOn(object, image){
    object.src = image + "_on.gif";
}

function imgOff(object, image){
    object.src = image + "_off.gif";
}

//preload
a_n_o = new Image();
a_n_f = new Image();
a_p_o = new Image();
a_p_f = new Image();
a_n_o.src = "media/interface/arrow_next_on.gif";
a_n_f.src = "media/interface/arrow_next_off.gif";
a_p_o.src = "media/interface/arrow_prev_on.gif";
a_p_f.src = "media/interface/arrow_prev_off.gif";

flatHover = new Image();
flatHover.src = "media/interface/flats_hover.gif";

flatsOff = new Image();
flatsOff.src = "media/interface/flats_off.gif";


flatsSelected = new Image();
flatsSelected.src = "media/interface/flats_selected.gif";


//flat preload
loadflat1 = new Image();
loadflat2 = new Image();
loadflat3 = new Image();
loadflat4 = new Image();

loadflat1.src = "media/pricing/flat_1.gif";
loadflat2.src = "media/pricing/flat_2.gif";
loadflat3.src = "media/pricing/flat_3.gif";
loadflat4.src = "media/pricing/flat_4.gif";

var flatSelected = 1;

function flatOn(objectNumber){
    if (!(flatSelected == objectNumber)) {
        document.getElementById('f' + objectNumber).style.backgroundImage = "url(" + flatHover.src + ")";
    }
}

function flatOff(objectNumber){
    if (!(flatSelected == objectNumber)) {
        document.getElementById('f' + objectNumber).style.backgroundImage = "url(" + flatsOff.src + ")";
    }
}

function flatShow(objectNumber){
	document.getElementById('f' + flatSelected).style.backgroundImage = "url(" + flatsOff.src + ")";
	document.getElementById('f' + objectNumber).style.backgroundImage = "url(" + flatsSelected.src + ")";
	flatSelected = objectNumber;
	
	//show image
	document.getElementById('flat-plan').src = "media/pricing/flat_" + objectNumber + ".gif";
	
	//show details
	for (i = 1; i <= 4; i++) {
		document.getElementById('flat-pricing-' + i).style.display = 'none';
	}
	
	document.getElementById('flat-pricing-' + objectNumber).style.display = 'block';
}

function changeTo(level){
//	new Effect.Shrink(document.getElementById('wrapper'));
	
if (level != atLevel) {
	//$(document.getElementById('p' + atLevel)).fadeOut(500); //, changeToStep2(level)
//window.setTimeout("none", changeToStep2(level), 5000);
changeToStep2(level);
}

/*
		for (i = 1; i <= 5; i++) {
		
		document.getElementById('p'+i).style.display = 'none';
			document.getElementById('menu-'+i).style.color=""; //"#333333"; 
	}
	
   
    
     if (level == 0)
     {
     level = atLevel-1;
     if (level==0) { level = 5;}
     }
     else if (level==6)
     {
     level = atLevel+1;
     if (level==6) { level = 1;}
     }
	 
	 //if we know which level
    document.getElementById('p' + level).style.display = 'block';
//    $(document.getElementById('p' + level)).fadeOut(0);
    $(document.getElementById('p' + level)).fadeIn(1000);
	document.getElementById('menu-'+level).style.color="#EB9022";
    
	
	//update where we are
    atLevel = level; */

}

function changeToStep2(level) {
	
		for (i = 1; i <= 5; i++) {
		
		document.getElementById('p'+i).style.display = 'none';
			document.getElementById('menu-'+i).style.color=""; //"#333333"; 
	}
	
   
    
     if (level == 0)
     {
     level = atLevel-1;
     if (level==0) { level = 5;}
     }
     else if (level==6)
     {
     level = atLevel+1;
     if (level==6) { level = 1;}
     }
	 
	 //if we know which level
//    document.getElementById('p' + level).style.display = 'block';
//    $(document.getElementById('p' + level)).fadeOut(0);
    $(document.getElementById('p' + level)).fadeIn(1000);
	document.getElementById('menu-'+level).style.color="#EB9022";
    
	
	//update where we are
    atLevel = level;
	
}
