var holder;

$(function () {
  $(document).ready(function() {
	setup();	  
    $('#room-list a').hover(roomOver, roomOut);
    $('#rooms *').hover(mapOver, mapOut);
    $('#rooms *').click(gotoRoom);
  });	
});


function setup()
{
	switch(temp)
	{
	case 'mykonos-suite':
		$('#room-map-marker').css({'left' : '73px', 'top' : '147px', 'width' : '15px', 'height' : '11px'});
		break;
	case 'sparta-studio':
		$('#room-map-marker').css({'left' : '73px', 'top' : '108px', 'width' : '8px', 'height' : '6px'});
		break;
	case 'byzantium-room':
		$('#room-map-marker').css({'left' : '73px', 'top' : '100px', 'width' : '6px', 'height' : '7px'});
		break;
	case 'aegean-bungalow':
		$('#room-map-marker').css({'left' : '74px', 'top' : '120px', 'width' : '11px', 'height' : '8px'});
		break;
	case 'ionean-bungalow':
		$('#room-map-marker').css({'left' : '107px', 'top' : '114px', 'width' : '8px', 'height' : '11px'});
		break;
	case 'delphi-room':
		$('#room-map-marker').css({'left' : '73px', 'top' : '91px', 'width' : '6px', 'height' : '8px'});
		break;
	case 'santorini-room':
		$('#room-map-marker').css({'left' : '100px', 'top' : '91px', 'width' : '7px', 'height' : '10px'});
		break;
	case 'apollonia-room':
		$('#room-map-marker').css({'left' : '108px', 'top' : '91px', 'width' : '7px', 'height' : '8px'});
		break;
	case 'naish-house':
		$('#room-map-marker').css({'left' : '80px', 'top' : '91px', 'width' : '19px', 'height' : '13px'});
		break;
	case 'thessaly-room':
		$('#room-map-marker').css({'left' : '89px', 'top' : '147px', 'width' : '8px', 'height' : '11px'});
		break;
	case 'paxos-suite':
		$('#room-map-marker').css({'left' : '98px', 'top' : '147px', 'width' : '16px', 'height' : '11px'});
		break;
	case 'orchard-house':
		$('#room-map-marker').css({'left' : '29px', 'top' : '150px', 'width' : '17px', 'height' : '18px'});
		break;
	case 'acropolis-suite':
		$('#room-map-marker').css({'left' : '38px', 'top' : '141px', 'width' : '12px', 'height' : '8px'});
		break;
	case 'syros-room':
		$('#room-map-marker').css({'left' : '45px', 'top' : '133px', 'width' : '5px', 'height' : '7px'});
		break;
	case 'limnos-room':
		$('#room-map-marker').css({'left' : '38px', 'top' : '133px', 'width' : '6px', 'height' : '7px'});
		break;
	case 'kalymnos-room':
		$('#room-map-marker').css({'left' : '29px', 'top' : '145px', 'width' : '8px', 'height' : '4px'});
		break;
	case 'casablanca-studio':
		$('#room-map-marker').css({'left' : '52px', 'top' : '39px', 'width' : '16px', 'height' : '10px'});
		break;
	case 'kasbah-suite':
		$('#room-map-marker').css({'left' : '44px', 'top' : '25px', 'width' : '15px', 'height' : '13px'});
		break;
	case 'tangier-studio': 
		$('#room-map-marker').css({'left' : '44px', 'top' : '11px', 'width' : '15px', 'height' : '13px'});
		break;
	case 'artist-studio':
		$('#room-map-marker').css({'left' : '44px', 'top' : '25px', 'width' : '15px', 'height' : '13px'});
		break;
	case 'marrakech-suite':
		$('#room-map-marker').css({'left' : '44px', 'top' : '11px', 'width' : '15px', 'height' : '13px'});
		break;
	case 'adobe-room':
		$('#room-map-marker').css({'left' : '79px', 'top' : '32px', 'width' : '8px', 'height' : '6px'});
		break;
	case 'sahara-suite':
		$('#room-map-marker').css({'left' : '96px', 'top' : '39px', 'width' : '19px', 'height' : '10px'});
		break;
	case 'sahara-room':
		$('#room-map-marker').css({'left' : '96px', 'top' : '33px', 'width' : '9px', 'height' : '5px'});
		break;
	case 'nomad-suite':
		$('#room-map-marker').css({'left' : '106px', 'top' : '28px', 'width' : '9px', 'height' : '10px'});
		break;
	case 'bedouin-suite':
		$('#room-map-marker').css({'left' : '96px', 'top' : '11px', 'width' : '19px', 'height' : '10px'});
		break;
	case 'bedouin-room':
		$('#room-map-marker').css({'left' : '106px', 'top' : '22px', 'width' : '9px', 'height' : '5px'});
		break;
	case 'atlas-room':
		$('#room-map-marker').css({'left' : '60px', 'top' : '32px', 'width' : '8px', 'height' : '6px'});
		break;
	}
	
	var left =   $('#room-map-marker').css('left');
	var top  =   $('#room-map-marker').css('top');
	var width =  $('#room-map-marker').css('width');
	var height = $('#room-map-marker').css('height');
	holder = {'left' : left, 'top' : top, 'width' : width, 'height' : height};	
}


function mapOver(event)
{
	var room = event.target.id;
	
	switch(room)
	{
	case 'mykonos-suite':
		$('#room-map-marker').css({'left' : '73px', 'top' : '147px', 'width' : '15px', 'height' : '11px'});
		break;
	case 'sparta-studio':
		$('#room-map-marker').css({'left' : '73px', 'top' : '108px', 'width' : '8px', 'height' : '6px'});
		break;
	case 'byzantium-room':
		$('#room-map-marker').css({'left' : '73px', 'top' : '100px', 'width' : '6px', 'height' : '7px'});
		break;
	case 'aegean-bungalow':
		$('#room-map-marker').css({'left' : '74px', 'top' : '120px', 'width' : '11px', 'height' : '8px'});
		break;
	case 'ionean-bungalow':
		$('#room-map-marker').css({'left' : '107px', 'top' : '114px', 'width' : '8px', 'height' : '11px'});
		break;
	case 'delphi-room':
		$('#room-map-marker').css({'left' : '73px', 'top' : '91px', 'width' : '6px', 'height' : '8px'});
		break;
	case 'santorini-room':
		$('#room-map-marker').css({'left' : '100px', 'top' : '91px', 'width' : '7px', 'height' : '10px'});
		break;
	case 'apollonia-room':
		$('#room-map-marker').css({'left' : '108px', 'top' : '91px', 'width' : '7px', 'height' : '8px'});
		break;
	case 'naish-house':
		$('#room-map-marker').css({'left' : '80px', 'top' : '91px', 'width' : '19px', 'height' : '13px'});
		break;
	case 'thessaly-room':
		$('#room-map-marker').css({'left' : '89px', 'top' : '147px', 'width' : '8px', 'height' : '11px'});
		break;
	case 'paxos-suite':
		$('#room-map-marker').css({'left' : '98px', 'top' : '147px', 'width' : '16px', 'height' : '11px'});
		break;
	case 'orchard-house':
		$('#room-map-marker').css({'left' : '29px', 'top' : '150px', 'width' : '17px', 'height' : '18px'});
		break;
	case 'acropolis-suite':
		$('#room-map-marker').css({'left' : '38px', 'top' : '141px', 'width' : '12px', 'height' : '8px'});
		break;
	case 'syros-room':
		$('#room-map-marker').css({'left' : '45px', 'top' : '133px', 'width' : '5px', 'height' : '7px'});
		break;
	case 'limnos-room':
		$('#room-map-marker').css({'left' : '38px', 'top' : '133px', 'width' : '6px', 'height' : '7px'});
		break;
	case 'kalymnos-room':
		$('#room-map-marker').css({'left' : '29px', 'top' : '145px', 'width' : '8px', 'height' : '4px'});
		break;
	case 'casablanca-studio':
		$('#room-map-marker').css({'left' : '52px', 'top' : '39px', 'width' : '16px', 'height' : '10px'});
		break;
	case 'kasbah-suite':
		$('#room-map-marker').css({'left' : '44px', 'top' : '25px', 'width' : '15px', 'height' : '13px'});
		break;
	case 'tangier-studio': 
		$('#room-map-marker').css({'left' : '44px', 'top' : '11px', 'width' : '15px', 'height' : '13px'});
		break;
	case 'artist-studio':
		$('#room-map-marker').css({'left' : '44px', 'top' : '25px', 'width' : '15px', 'height' : '13px'});
		break;
	case 'marrakech-suite':
		$('#room-map-marker').css({'left' : '44px', 'top' : '11px', 'width' : '15px', 'height' : '13px'});
		break;
	case 'adobe-room':
		$('#room-map-marker').css({'left' : '79px', 'top' : '32px', 'width' : '8px', 'height' : '6px'});
		break;
	case 'sahara-suite':
		$('#room-map-marker').css({'left' : '96px', 'top' : '39px', 'width' : '19px', 'height' : '10px'});
		break;
	case 'sahara-room':
		$('#room-map-marker').css({'left' : '96px', 'top' : '33px', 'width' : '9px', 'height' : '5px'});
		break;
	case 'nomad-suite':
		$('#room-map-marker').css({'left' : '106px', 'top' : '28px', 'width' : '9px', 'height' : '10px'});
		break;
	case 'bedouin-suite':
		$('#room-map-marker').css({'left' : '96px', 'top' : '11px', 'width' : '19px', 'height' : '10px'});
		break;
	case 'bedouin-room':
		$('#room-map-marker').css({'left' : '106px', 'top' : '22px', 'width' : '9px', 'height' : '5px'});
		break;
	case 'atlas-room':
		$('#room-map-marker').css({'left' : '60px', 'top' : '32px', 'width' : '8px', 'height' : '6px'});
		break;
	}
		
	$('a[href$="' + room + '"]').addClass('selected-room');	
}


function mapOut(event)
{
	$('#room-map-marker').css(holder);
	$('a').removeClass('selected-room');
}


function gotoRoom(event)
{
	var room = event.target.id;
	location.href = '/room/' + room;
}


function roomOver(event)
{
	var url = event.target.href.split('room/');
	var room = url[1];
	
	switch(room)
	{
	case 'mykonos-suite':
		$('#room-map-marker').css({'left' : '73px', 'top' : '147px', 'width' : '15px', 'height' : '11px'});
	  break;    
	case 'sparta-studio':
		$('#room-map-marker').css({'left' : '73px', 'top' : '108px', 'width' : '8px', 'height' : '6px'});
	  break;
	case 'byzantium-room':
		$('#room-map-marker').css({'left' : '73px', 'top' : '100px', 'width' : '6px', 'height' : '7px'});
		break;
	case 'aegean-bungalow':
		$('#room-map-marker').css({'left' : '74px', 'top' : '120px', 'width' : '11px', 'height' : '8px'});
		break;
	case 'ionean-bungalow':
		$('#room-map-marker').css({'left' : '107px', 'top' : '114px', 'width' : '8px', 'height' : '11px'});
		break;
	case 'delphi-room':
		$('#room-map-marker').css({'left' : '73px', 'top' : '91px', 'width' : '6px', 'height' : '8px'});
		break;
	case 'santorini-room':
		$('#room-map-marker').css({'left' : '100px', 'top' : '91px', 'width' : '7px', 'height' : '10px'});
		break;
	case 'apollonia-room':
		$('#room-map-marker').css({'left' : '108px', 'top' : '91px', 'width' : '7px', 'height' : '8px'});
		break;
	case 'naish-house':
		$('#room-map-marker').css({'left' : '80px', 'top' : '91px', 'width' : '19px', 'height' : '13px'});		
		break;
	case 'thessaly-room':
		$('#room-map-marker').css({'left' : '89px', 'top' : '147px', 'width' : '8px', 'height' : '11px'});
		break;
	case 'paxos-suite':
		$('#room-map-marker').css({'left' : '98px', 'top' : '147px', 'width' : '16px', 'height' : '11px'});
		break;
	case 'orchard-house':
		$('#room-map-marker').css({'left' : '29px', 'top' : '150px', 'width' : '17px', 'height' : '18px'});
		break;
	case 'acropolis-suite':
		$('#room-map-marker').css({'left' : '38px', 'top' : '141px', 'width' : '12px', 'height' : '8px'});
		break;
	case 'syros-room':
		$('#room-map-marker').css({'left' : '45px', 'top' : '133px', 'width' : '5px', 'height' : '7px'});
		break;
	case 'limnos-room':
		$('#room-map-marker').css({'left' : '38px', 'top' : '133px', 'width' : '6px', 'height' : '7px'});
		break;
	case 'kalymnos-room':
		$('#room-map-marker').css({'left' : '29px', 'top' : '145px', 'width' : '8px', 'height' : '4px'});
		break;
	case 'casablanca-studio':
		$('#room-map-marker').css({'left' : '52px', 'top' : '39px', 'width' : '16px', 'height' : '10px'});
		break;
	case 'kasbah-suite':
		$('#room-map-marker').css({'left' : '44px', 'top' : '25px', 'width' : '15px', 'height' : '13px'});
		break;
	case 'tangier-studio': 
		$('#room-map-marker').css({'left' : '44px', 'top' : '11px', 'width' : '15px', 'height' : '13px'});
		break;
	case 'artist-studio':
		$('#room-map-marker').css({'left' : '44px', 'top' : '25px', 'width' : '15px', 'height' : '13px'});
		break;
	case 'marrakech-suite':
		$('#room-map-marker').css({'left' : '44px', 'top' : '11px', 'width' : '15px', 'height' : '13px'});
		break;
	case 'adobe-room':
		$('#room-map-marker').css({'left' : '79px', 'top' : '32px', 'width' : '8px', 'height' : '6px'});
		break;
	case 'sahara-suite':
		$('#room-map-marker').css({'left' : '96px', 'top' : '39px', 'width' : '19px', 'height' : '10px'});
		break;
	case 'sahara-room':
		$('#room-map-marker').css({'left' : '96px', 'top' : '33px', 'width' : '9px', 'height' : '5px'});
		break;
	case 'nomad-suite':
		$('#room-map-marker').css({'left' : '106px', 'top' : '28px', 'width' : '9px', 'height' : '10px'});
		break;
	case 'bedouin-suite':
		$('#room-map-marker').css({'left' : '96px', 'top' : '11px', 'width' : '19px', 'height' : '10px'});
		break;
	case 'bedouin-room':
		$('#room-map-marker').css({'left' : '106px', 'top' : '22px', 'width' : '9px', 'height' : '5px'});
		break;
	case 'atlas-room':
		$('#room-map-marker').css({'left' : '60px', 'top' : '32px', 'width' : '8px', 'height' : '6px'});
		break;
	}
}

function roomOut(event)
{
	$('#room-map-marker').css(holder);
}