// initialize Lightbox
Event.observe(window, 'load', function () {
    myLightbox = new Lightbox();
});

// run Carousel script
Event.observe(window, 'load', function () {
    if ($('carousel-container')) {
	new Carousel(
	    $('carousel-container').down('.middle'),
	    $('carousel').select('.slide'),
	    $$('a.carousel-control', 'a.carousel-jumper'), {
		duration: 0.5,
		effect: 'fade',
		auto: true,
		circular: true,
		wheel: false,
		frequency: 6.5,
		selectedClassName: 'selected'
	});
    }
});

// handle product tabs switch
Event.observe(window, 'load', function () {
    $$('#product-tabs a').invoke('observe', 'click', function (event) {
		event.stop();
		$$('#product-tabs a').invoke('removeClassName', 'active');
		this.addClassName('active');
		$$('.product-tabs-content').invoke('hide');
		$(this.id.substring(0, this.id.length - 5) + '-content').show() ;
    })
});

// apply Cufon
Cufon.replace('.cufon', { fontFamily: 'Futura Medium', hover: true });
Cufon.replace('.cufon-bold', { fontFamily: 'Futura Heavy', hover: true });
Cufon.replace('.header .welcome-msg', { fontFamily: 'Futura' });
Cufon.replace('.checkout-link a', { fontFamily: 'Futura', hover: true });
Cufon.replace('#nav li a', { fontFamily: 'Futura Heavy', hover: true });
Cufon.replace('.footer-head', { fontFamily: 'Futura Heavy', hover: true });
Cufon.replace('.product-view .product-name h1', { fontFamily: 'Futura Medium' });
Cufon.replace('.box-up-sell h2', { fontFamily: 'Futura Medium' });
Cufon.replace('.block-related .block-title strong span', { fontFamily: 'Futura Medium' });
Cufon.replace('.category-title h1', { fontFamily: 'Futura Medium'});
Cufon.replace('.page-title h1', { fontFamily: 'Futura Medium'});
Cufon.replace('.page-title h2', { fontFamily: 'Futura Medium'});
Cufon.replace('.col-main .col2-set h2', { fontFamily: 'Futura Medium' });
Cufon.replace('.product-options dd .attributes-selector li', { fontFamily: 'Futura Medium'} );
Cufon.replace('.product-options dt label', { fontFamily: 'Futura Heavy'});
Cufon.replace('.products-grid .promotion-text', { fontFamily: 'Futura Heavy'});
Cufon.replace('.products-grid .price-box .special-price', { fontFamily: 'Futura Heavy'});
Cufon.replace('.product-view .promotion-text', { fontFamily: 'Futura Heavy'});
Cufon.replace('.page .panels div p', { fontFamily: 'Futura Medium'});
//Cufon.replace('.block-layered-nav .block-content ol li', { fontFamily: 'Futura Medium'});
Cufon.replace('.cart .crosssell h2', { fontFamily: 'futura Medium'});

// @todo - Cufon doesn't work for '.button span span' - why?
//Cufon.replace('.button span span', { fontFamily: 'Futura Medium', hover: true });

//Cufon.replace('.breadcrumbs ul li a', { fontFamily: 'Futura Medium', hover: true });
//Cufon.replace('.breadcrumbs ul li strong', { fontFamily: 'Futura Heavy', hover: true });