// JavaScript Document
var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;
var options = {
	history   : true, // activates the history object for bookmarking, back-button etc.
	clickNext : true, // helper for making the image clickable
	insert    : '#main_image', // the containing selector for our main image
	onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
				// fade in the image & caption
				if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
					image.css('display','none').fadeIn(1000);
				}
				caption.css('display','none').fadeIn(1000);
				
				// fetch the thumbnail container
				var _li = thumb.parents('li');
				
				// fade out inactive thumbnail
				_li.siblings().children('img.selected').fadeTo(500,0.3);
				
				// fade in active thumbnail
				thumb.fadeTo('fast',1).addClass('selected');
				
				// add a title for the clickable image
				image.attr('title','Next image >>');
			},
	onThumb : function(thumb) { // thumbnail effects goes here
				
				// fetch the thumbnail container
				var _li = thumb.parents('li');
				
				// if thumbnail is active, fade all the way.
				var _fadeTo = _li.is('.active') ? '1' : '0.3';
				
				// fade in the thumbnail when finnished loading
				thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
				
				// hover effects
				thumb.hover(
					function() { thumb.fadeTo('fast',1); },
					function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
				)
			}
		};

$(document).ready(function() {
		$('#headlabel').cycle();
		
		$('#toplvlist > li').bind('mouseover', jsddm_open);
		$('#toplvlist > li').bind('mouseout',  jsddm_timer);
		document.onclick = jsddm_close;

		if($('.gallery,.gallerybig').length > 0){
		$('.gallery_list').addClass('gallery_thumb'); // adds new class name to maintain degradability
		$('ul.gallery_thumb').galleria(options);
		}
		/*$('#gallery').jcarousel({
				scroll: 5,
				initCallback: initCallbackFunction
		});*/
		if($('#spapromotion').length > 0){
			$("#spapromotion").tabs();
		}
		
		$('#toplvlist a').tooltip({
			delay: 0,
			showURL: false,
			showBody: " : ", 
			fade: 250 
		});
});


function initCallbackFunction(carousel) {
     // bind "image-loaded" event to the #img container (we trigger it inside onImage function)
    $('#img').bind('image-loaded', function(){
        // find "index" data of the active thumbnail
        // and subtract by 2 to center
        var idx =  $('#gallery li.active').data('index') - 2;
        // scroll carousel and center the active list item
        carousel.scroll(idx);
        return false;
    });
};

function jsddm_open(){
	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).find('ul').css('visibility', 'visible');
}

function jsddm_close(){  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
function jsddm_timer(){  closetimer = window.setTimeout(jsddm_close, timeout);}
function jsddm_canceltimer(){
	if(closetimer){
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}