document.write('<style type="text/css">.hide-at-start {display: none;}</style>');

if (Browser.Engine.trident && /MSIE\s6/.test(navigator.userAgent) && typeof DD_belatedPNG != 'undefined') {
	DD_belatedPNG.fix('#bannerOverlay, .banner-title, .product-list a, .controls, #magnify a, #prev a, #next a');
}

//LATEST NEWS
var latestNewsTabs = new Jp_Tab({
	show: 0
});

window.addEvent('domready', function() {
	$$('.hide-at-start').removeClass('hide-at-start');
	
	//FORMS
	new jpForm('form-contact');
	new jpForm('frmNewsletter', {
		autoFocus: false,
		autoClear: true,
		valuesToConsiderNull: ['Name', 'Email'],
		inlineErrorMsg: false
	});
	new jpForm('frmSearch', {
		autoFocus: false,
		autoClear: true,
		valuesToConsiderNull: ['Search'],
		inlineErrorMsg: false
	});
	
	
	
	//PRODUCTS IMAGES
	var productImagesShowcase = new Jp_Showcase($$('#slides .images li'), {
		/*loop: false,*/
		onUpdate: function() {
			var a = this.current.getElements('a');
			if (a.length) {
				var href = a[0].get('href');
				var magnifyLink = $$('#magnify a')[0];
				magnifyLink.set('href', href);
				magnifyLink.removeEvents('click');
				magnifyLink.addEvent('click', function(evt, link) {
					evt.stop();
					link.fireEvent('click');
				}.bindWithEvent(this, [a[0]]));
			}
		}
	});
	
	//bind magnify link to the image (lightbox)
	var magnifyLink = $$('#magnify a');
	if (magnifyLink.length) {
		magnifyLink = magnifyLink[0];
		//find first image link in the gallery
		var imageLinks = $$('#slides .images a');
		if (imageLinks.length) {
			magnifyLink.addEvent('click', function(evt, link) {
				evt.stop();
				link.fireEvent('click');
			}.bindWithEvent(this, [imageLinks[0]]));
		}
	}
	
	//build gallery navigation
	var controls = $$('#slides .controls');
	if (controls.length) {
		controls = controls[0];
		var li = new Element('li', {id: 'prev'}).injectInside(controls);
		var aPrev = new Element('a', {href: 'Javascript:;', html: 'Previous'}).injectInside(li);
		var li = new Element('li', {id: 'next'}).injectInside(controls);
		var aNext = new Element('a', {href: 'Javascript:;', html: 'Next'}).injectInside(li);
		aPrev.addEvent('click', function() {
			this.previous();
		}.bindWithEvent(productImagesShowcase));
		aNext.addEvent('click', function() {
			this.next();
		}.bindWithEvent(productImagesShowcase));
	}
	
	
	
	latestNewsTabs.start($$('#newsSelect li a'));
});