Павел Корнилов

Не сложно.
По клику на нужном цвете вызвать параметр textContent элемента, содержащего цену и присвоить ему вычисленное значение.

Это элементарная задача на использование объекта события, передаваемого первым аргументом в любую функцию обработчика. У этого события есть свойство - мишень события. Используя его мы делаем следующее:

<div id=map>
	<div class="bface-slide-1"></div>
	<div class="modal-wrapper modal-1">
		Контент-1
	</div>

	<div class="bface-slide-2"></div>
	<div class="modal-wrapper modal-2">
		Контент-2
	</div>

	<div class="bface-slide-3"></div>
	<div class="modal-wrapper modal-3">
		Контент-3
	</div>
</div>


<script>
	// to hell jQuery!
document.getElementById('map').addEventListener('click', function (e) {
	var t= e.target; // Объект - инициатор события
	t.style.cursor='pointer';
	if(/modal\-wrapper/i.test(t.className)) alert(t.className);
});
</script>

Пример работы.

Согласен с Ларисой, но немного дополню.
Классы, собственно, введены для любителей ООП, и действительно - только эмулируют в JS классическое ООП.
Нужны они для того, чтобы инкапсуллировать части кода, иметь возможности классового наследования и проч. Но нужно не забывать, что в JS используется наследование на прототипах и никакого другого в нем нет.
Если понять вышесказанное, то от классов в JS лучше отказаться, и использовать встроенные инструменты. Сразу скажу единственный минус, который я не смог чисто обойти - отсутствие множественного наследования.

Итак, инкапсулляцию лучше всего делать, размещая все функции отдельного блока кода не в классе, а в качестве методов объекта.

var obj1= {
prop1: value,
met1: function(arguments) {
body
}
// etc
}

При таком подходе мы имеем в глобальном скопе лишь одну переменную, но можем вполне использовать весь ее потенциал, как:
obj1.met1();
И зачем нам нужны классы при таком подходе?
Если нам нужно унаследовать от другого объекта, самым простым способом будет разместить ссылку на родительский объект в свойстве __proto__ наследника.

var parent= {...};
var child= {
__proto__: parent,
.....
}

Все очень просто. Любая переменная должна объявляться через var. Запись a=2 в strict mode выдаст ошибку.
А в обычном режиме броузер подставит переменную как свойство глобального объекта. То есть: a === window.a
Далее, про скопы.
Если переменная объявляется вне функции, она попадает также в свойство глобального объекта. Если в функции - в область видимости этой функции. То есть:

var a=1;
function f() {
var b=2;
window.c=3;
console.log(a,b,c);
}

console.log(a,b,c);

Для любого месяца и года:

// Элементы с id month и year должны содержать int значения нужного месяца и года соответственно
		var mon = document.getElementById('month').value - 1; // месяцы от 0 до 11
		var year = document.getElementById('year').value; //Cook.get('year') ||
		// alert(year+' '+mon) //2012
		var d = new Date(year, mon),
			table = '<table id="cal"><tr><th>пн</th><th>вт</th><th>ср</th><th>чт</th><th>пт</th><th>сб</th><th>вс</th></tr><tr>';
		//alert(d)

		for (var i = 0; i < getDay(d); i++) {
			table += '<td></td>';
		}

		// ячейки календаря с датами
		while (d.getMonth() == mon) {
			table += '<td>' + d.getDate() + '</td>';
			if (getDay(d) % 7 == 6) {
				table += '</tr><tr>';
			}
			d.setDate(d.getDate() + 1);
		}

		if (getDay(d) != 0) {
			for (var i = getDay(d); i < 7; i++) {
				table += '<td></td>';
			}
		}

		table += '</tr></table>';

function getDay(date) {
		var day = date.getDay();
		if (day == 0) day = 7;
		return day - 1;
	}
		console.log("table= ", table);