jQuery.noConflict();

jQuery(document).ready(function(){
	initMenu();
	initArtSlide();
});

function initMenu() {
	jQuery("#main-menu li").hover(
		function() {
			jQuery(this).addClass("over");
		},
		function() {
			jQuery(this).removeClass("over");
		}
	);
}

var inactive = "inactive";
var nextButton = "#art-presentation #next";
var prevButton = "#art-presentation #previous";

function initArtSlide() {
	var transitionTime = 500;
	var first = ":first";
	var last = ":last";
	
	jQuery("#art-presentation .current > .image").fadeIn(transitionTime * 3);
	jQuery("#art-presentation .current > .art-details").fadeIn(transitionTime * 3);
    jQuery(prevButton).addClass(inactive);
    
    if(jQuery("#art-presentation > ul").children().size() < 2)
    {
        jQuery(nextButton).addClass(inactive);
    }

    jQuery(nextButton).click(function(){
		transition(nextButton, transitionTime, first, '-=919');
    });
	
	jQuery(prevButton).click(function(){
		transition(prevButton, transitionTime, last, '+=919');
    });
}

function transition(button, transitionTime, directionName, width)
{
	if(!jQuery(button).hasClass(inactive))
	{
		jQuery(nextButton).addClass(inactive);
        jQuery(prevButton).addClass(inactive);
		jQuery("#art-presentation > ul > li.current > .art-details").fadeOut(transitionTime, function (){
			jQuery("#art-presentation > ul > li.current > .image").fadeOut(transitionTime, function(){
				jQuery("#art-presentation > ul > li.current > .image").fadeIn(transitionTime);
			});
			if(directionName == ":first")
				jQuery("#art-presentation > ul > li.current").next().addClass("current");
			else				
				jQuery("#art-presentation > ul > li.current").prev().addClass("current");
			jQuery("#art-presentation > ul > li.current" + directionName).removeClass("current");
			jQuery(".showcase").animate({left: width}, (transitionTime * 2), function(){
				jQuery("#art-presentation > ul > li.current > .art-details:hidden").fadeIn(transitionTime, function(){
					if(!jQuery("#art-presentation > ul > li:last").hasClass("current"))
					{
                        jQuery(nextButton).removeClass(inactive);
					}
                    if(!jQuery("#art-presentation > ul > li:first").hasClass("current"))
					{
                        jQuery(prevButton).removeClass(inactive);
					}
				});
			});
		});
	}
}