// Sub-Menu
var subMenuOn = function() {
	var subMenu = $(this).parent().find('.sub-menu');
	// Close other menus
	$('#details-menu .item .sub-menu').each(function() {
		if($(this) != subMenu) $(this).hide(0);
	});
	// Show SubMenu
	subMenu.fadeIn(300);
	var position = $(this).position();
	var menuPosition = -77;
	subMenu.css({				
		left:Math.round(menuPosition) + 'px'
	});
};
var subMenuOff = function() {
	//var subMenu = $(this).parent().find('.sub-menu');
	var subMenu = $(this).parent().find('.sub-menu');
	//subMenu.fadeOut(150);
	subMenu.hide();
};

$(function() {
	$('#details-menu .item .active-area').each(function() {
		//$(this).toggle(subMenuOn, subMenuOff);
		$(this).bind('click', subMenuOn);
	});
	
	$('#details-menu .item').each(function() {
		$(this).bind('mouseleave', subMenuOff);
	});
	
	// Photo-Details
	var activeItem = 0;
	var currentItem = 0;
	var items = [];
	$('.cmp-photo-details-menu .menu .item').each(function() {
		items.push($(this));
		$(this).attr('item-id', currentItem);
		$(this).bind('click', function() {
			activeItem = Number($(this).attr('item-id'));
			if(activeItem == 2) return;
			for(var i = 0; i < 4; i++) {
				var item = items[i];
				item.removeClass('noborder');
				if(i == activeItem) {
					if(i > 0) {
						items[i - 1].addClass('noborder');
					}
					item.removeClass('item');
					item.removeClass('noborder');
					item.addClass('active');
				} else {
					item.removeClass('active');
					item.addClass('item');
				}
			}
			// Hide content
			$('.methods .content').hide();
			// Show content
			$('#cmp-photo-details-menu-' + (activeItem + 1)).show();
		});
		currentItem++;
	});

	if(readCookie('userdata[isMember]')) {
		items[0].trigger('click');
	} else {
		if(items.length > 1) {
			items[1].trigger('click');
		}
	}
	
});

/**
 * Add to my Collection
 * 
 * @param string setcode
 * @return void
 */
var addToMyCollection = function(setcode) {
	// Load updates for this period and add to list
	$.ajax({
		type:'POST',
		url:baseUrl + '/page/member/add-to-my-collection',
		data:{ setcode:setcode },
		success:function(data) {
			$('.check').show('slow');
		}
	});
};