$(function() {
	$('.colors a').click(function () {
		var color = $(this).attr("class");
		$(this).parent().parent().parent().parent().parent().removeAttr("class").addClass(color).addClass("phone");

    var model = $(this).parent().parent().parent().attr("class"); 
    var variant = $(this).attr("data-variant-id");
    $('#' + model + '_hidden').attr('value', variant);

		return false;
  });

  $("a[rel=photo]").fancybox({
	'titlePosition' 	: 'over',
	'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
      return '<span id="fancybox-title-over">Photo ' + (currentIndex + 1) + ' / ' + currentArray.length + '</span>';
    }
  });
});