// showroom controls
var autoHideTimeoutID = null;

$(document).ready(function(){

var showroom = $('.showroom-wrapper');
var preview = $('.preview', showroom);

var showroomTrigger = $('a.srtrigger');
var previewTrigger = $('a.previewtrigger', showroom);

showroomTrigger.bind('click',{obj:showroom}, toggleShowroom);
previewTrigger.bind('click',{obj:preview}, togglePreview);
});

function toggleShowroom(evt){
	if(evt.data.obj.hasClass('visible')){
	  //evt.data.obj.slideUp(350);
	  //evt.data.obj.removeClass('visible');
	  //clearTimeout(autoHideTimeoutID);
	  //evt.data.obj.unbind('mouseenter');
	  //evt.data.obj.unbind('mouseleave');
	}else{
	  evt.data.obj.slideDown(350);
	  //evt.data.obj.one('mouseleave', { obj: evt.data.obj }, startAutoHide);
	  evt.data.obj.addClass('visible');
	}
}

function togglePreview(evt){
	if(evt.data.obj.hasClass('visible')){
	  evt.data.obj.slideUp(350);
	  evt.data.obj.removeClass('visible');
	  clearTimeout(autoHideTimeoutID);
	  $('a.previewtrigger').removeClass('arrowlink-up').addClass('arrowlink-down').text('Show Preview');
	 }else{
	  evt.data.obj.slideDown(350);
	  evt.data.obj.one('mouseleave', { obj: evt.data.obj }, startAutoHide);
	  evt.data.obj.addClass('visible');
	  $('a.previewtrigger').removeClass('arrowlink-down').addClass('arrowlink-up').text('Hide Preview');
	}
}

function startAutoHide(evt) {
  autoHideTimeoutID = setTimeout(function() { togglePreview(evt); }, 6000);
  evt.data.obj.one('mouseenter', { obj: evt.data.obj }, killAutoHide);
}
function killAutoHide(evt) {
  clearTimeout(autoHideTimeoutID);
  evt.data.obj.one('mouseleave', { obj: evt.data.obj }, startAutoHide);
}