var timeout = 500;
var closetimer = 500;
var ddmenuitem = 0;
var ddmenuitem2 = 0;

function jsddm_open()
{  jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $(this).find('.dropdown').css('visibility', 'visible');
   ddmenuitem2 = $(this).find('.mainlink').addClass('active-hover');
   $('select').addClass('hidden');
}

function jsddm_close()
{  if(ddmenuitem) { ddmenuitem.css('visibility', 'hidden'); 
	ddmenuitem2.removeClass('active-hover'); 
	$('select').removeClass('hidden');}
}

function jsddm_timer()
{  closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{  if(closetimer)
   {  window.clearTimeout(closetimer);
      closetimer = null;}
}

$(document).ready(function() {

$('#nav > li').bind('mouseover', jsddm_open)
$('#nav > li').bind('mouseout',  jsddm_timer)

	$('#slide-info-img1').show();
	$('.button-img1').replaceWith('<strong class="active-img1">1</strong>');
	$('#slides').jCarouselLite({
		btnNext: '.arrow-next',
		btnPrev: '.arrow-prev',
		auto: 6800,
      	speed: 600,
		btnGo:	['.button-img1', '.button-img2', '.button-img3', '.button-img4'],
		beforeStart: function(a) {
			var slidenum = '.active-' + $(a).attr('id');
			$(slidenum).replaceWith('<a class="button-img' + $(slidenum).html() + '" href="#">' + $(slidenum).html() + '</a>');
		},
		afterEnd: function(a) {
			$('.slide-content').fadeOut();
			var slideshowing = '#slide-info-' + $(a).attr('id');
			var slidenum = '.button-' + $(a).attr('id');
			$(slidenum).replaceWith('<strong class="active-img' + $(slidenum).html() + '">' + $(slidenum).html() + '</strong>');
			$(slideshowing).fadeIn();
		}
	});

});

document.onclick = jsddm_close;