var dateSelectContainer;
var dateSelectActive;



$(function()
{
    dateSelectActive = false;
	initDateSelect();
	$(".prod-dates-close").click(function(e)
	{
	    e.preventDefault();
	    closeDatesSelect();
	    initDateSelect();
	});
	
	$(".carousel-pagination a").click(function(e)
	{
        var elParent = $(this).closest(".center-wrap").addClass("hello");
        var car = $(elParent).prevAll(".carousel-wrap").eq(0);
        var activeEls = $(car).find(".dateSelectContainer");
        if($(activeEls).length>0)
        {
            closeDatesSelect();
            initDateSelect();
        }
	});
});

function closeDatesSelect()
{
    var datesSelect = $(".prod-dates.active");
    if($(datesSelect).length>0)
    {
        $(datesSelect).removeClass("active");
        var dOffset = $(datesSelect).offset();
        $(datesSelect).appendTo(".dateSelectContainer");
        $(datesSelect).offset({top:dOffset.top, left:dOffset.left});
        $(datesSelect).hide();
        $(".dateSelectContainer").removeClass("dateSelectContainer");
    }
}

function initDateSelect()
{
    $(".prod-dates").hide();
	$(".multiple-dates").find("button:contains('Buy Now')").click(function(e)
	{
	    e.preventDefault();
	    closeDatesSelect();
	    var elParent = $(this).parents("li").eq(0); // Parent list item
	    var btn = $(this);
	    $(elParent).addClass("dateSelectContainer");
	    var datesSelect = $(elParent).find(".prod-dates");
	    $(datesSelect).addClass("active");
	    
	    $("ul.list-discs-small li .prod-dates").css('margin-bottom','auto');
	    $(datesSelect).show(0,function()
	    {
	        var dOffset = $(datesSelect).offset();
	        var liOffset = $(elParent).offset();
	        var liHeight = $(elParent).outerHeight(true);
	        var liWidth = $(elParent).outerWidth(true);
	        var topOffest = liOffset.top + liHeight;
	        var dateSelectHeight = $(datesSelect).outerHeight(true);
	        var datesOffsetTop = topOffest - dateSelectHeight;
	        
	        var datesOffsetLeft = liOffset.left - ( ( $(datesSelect).outerWidth(true) - $(elParent).outerWidth(true) ) / 2 );
	        
	        $(datesSelect).prependTo($("body"));
	        $(datesSelect).offset({top:datesOffsetTop, left:datesOffsetLeft});
	    });
	});
}

function getOffset(el)
{
    return $(el).offset();
}