document.observe("dom:loaded", function() {
    //run navigation without delays and with default id="#nav"
    //mainNav();
    //run navigation with delays
    mainNav("home-bottom-nav", {"show_delay":"100","hide_delay":"100"});
        if($('customer-service-small')){
	    $('customer-service-small').observe('mouseenter', function(event) {
	    	this.addClassName('shown-over');
	    });

	    $('customer-service-small').observe('mouseleave', function(event) {
	    	this.removeClassName('shown-over');
	    });    }
});

function slide(url,num,gallery){
    if (typeof slide.loading == 'undefined') slide.loading = false;
	if(slide.loading) return false;

	var loader = new Image();
	$(loader).observe('load', function(){

		$('product-slide-loader').setStyle({'visibility':'hidden'});
		
		$$('div.more-views li').each(function(el,i){
			(i==num) ? el.addClassName('slide-current') : el.removeClassName('slide-current');
		});

		var dummy = new Element('img', { src: url }).setOpacity(0);
		new Insertion.After('image', dummy);
		new Effect.Opacity(dummy, { duration:.5, from:0, to:1.0 });
		new Effect.Opacity($('image'), { duration:.5, from:1.0, to:0, 
			 afterFinish: function(){
			 	$('image').writeAttribute('src',url).setOpacity(1);
			 	$('image').up('a').writeAttribute('href',gallery);
			 	dummy.remove();
			 	slide.loading = false;
			 }
		});
	});

	$('product-slide-loader').setStyle({'visibility':'visible'});
	loader.src=url;
	slide.loading = true;
	return false;
}
