window.addEvent('domready',function(){
	if($$('.watch-video').length){
		playVideo();
	}
	
	if($$('body.product').length > 0 && $$('.category-nav ul li a.selected').length > 0 ){
		var $title = $$('h1.main-title')[0].get('text');
		var $category1 = $$('.category-nav ul li a.selected')[0].get('html');
		document.title = $category1+ ' - ' +$title;
	}

	$$('#mce-error-response, #mce-success-response').addEvent('click', function(){
		this.setStyle('display','none');
	});

	//If article then switch out page title for article title
	if($$('.article-item').length >= 1){
		var header = $$('.article-item h1')[0].get('html');
		$$('.article-item h1')[0].destroy();
		$$('.main-title')[0].set('html', header );
	}
	
	//hide nav-level1 it is empty

	if($$('.nav-level1 ul li').length == 0 && $$('.nav-level1 img').length == 0 ){
		$$('.nav-level1').setStyle('display','none');
		}
	

	//putting selected class on active breadcrumb
	//breadcrumb fix 
	var productItem = $$('body.product')[0];
	if(productItem){
		var productName = productItem.getElement('h1.main-title').get('text');
		var productId = productItem.getElement('#product-id').get('text');
	}

	var breadCrumbs = $$('.breadcrumbs div a');
	if(breadCrumbs.length >=1){
		breadCrumbs.each(function(crumb){
			if(crumb.get('href').contains('Skodavoru') && productId){
				var orLink = crumb.getProperty('href');
				crumb.set('text',productName);
				crumb.setProperty('href',orLink+productId);
			}	
		});
		breadCrumbs.getLast('a').set('href','#').addClass('selected').addEvent('click',function(e){
				e.stop();
		});
	}
	
	//set selected class on product navigation
	if($$('.nav-products a').length >=1){
		$$('.nav-products a').each(function(item){
			if(item.get('href').contains(productId)){
				item.addClass('selected');
			}
		});
	}
	else{
		if($$('.nav-products')[0]){
		$$('.nav-products')[0].setStyle('display','none');
		}
	}
			
	if($$('#background .image').length > 0 || $$('.product-top-image').length > 0){
		dobackground();
	}

	//hide menu items 
	if($$('.nav-level1 a').length > 0){
		$$('.nav-level1 a').each(function(item){
			if(item.get('html').contains('Lesa')){
				item.getParent('li').destroy();
			}
		});
	}

});

window.addEvent('load', function(){

	var level1Nav = $$('.main-nav .nav-level1');
	var categoryNav = $$('.category-nav');
	var productNav = $$('.nav-products');
	
	
	if(categoryNav[0].getElements('a.selected').length > 0){
		var selected = categoryNav[0].getElements('a.selected')[0];
		var arrow = categoryNav[0].getElement('.arrow');
		arrow.setStyles({'left':selected.getPosition(categoryNav[0]).x -17 + (selected.getSize().x/2), 'visibility':'visible'});
		
	}	

	if(level1Nav[0] != null && productNav[0] != null){
	if(level1Nav[0].getElements('.selected').length > 0  && productNav[0].getElements('a').length > 0 ){
		var selected = level1Nav[0].getElements('a.selected')[0];
		var arrow = level1Nav[0].getElement('.arrow');
		arrow.setStyles({'left':selected.getPosition(level1Nav[0]).x -17 + (selected.getSize().x/2), 'visibility':'visible'});	
	}
	}
	



});

// Overlay slider - slides a overlay over box
var OverlaySlider = new Class({
	Implements: [Options, Events],
	options: {
		items: [],
		sliderClass: 'slider',
		slideFrom: 0,
		slideTo: 0,
		duration: 500
	},
	items: [],
	initialize: function(options){
		this.setOptions(options);
		this.setItems(this.options.items);
	},
	setItems: function(items){
		var to = this.options.slideTo;
		var from = this.options.slideFrom;
		var sliderClass = this.options.sliderClass;
		$$(items).each(function(item){
		if(item.getElements('.'+sliderClass).length >= 1){
			var slider = item.getElements('.'+sliderClass);
			slider[0].setStyle('opacity', 0);
			var sliding = new Fx.Morph(slider[0], {'link': 'cancel',  transition: Fx.Transitions.Sine.easeOut
, duration: this.options.duration});
			  item.addEvents({
				'mouseenter': function(){
				slider[0].setStyle('opacity',0.0001);
					sliding.start({'top': to,'opacity': 1});
				}, 'mouseleave': function(){
					sliding.start({'top': from,'opacity': 0});
				}
			});
			}
		},this);
	}
		
});



/*Image slider Class*/
var atomSlider = new Class({
	Implements: [Options, Events],
	options:{
		buttonleftClass: 'btnleft',
		buttonrightClass: 'btnright',
		slideClass: 'slide',
		showCount: 4,
		onChange: function(){}
	},
	
	initialize:function(slider,options){
		this.setOptions(options);
		this.Slider = document.id(slider);
		this.SliderItems = this.Slider.getElements('.'+ this.options.slideClass);
		this.SlideMargin = this.SliderItems[0].getStyle('margin-right').toInt();
		this.SlideSize = this.SliderItems[0].getSize();
		this.SlideWidth = this.SlideSize.x + this.SlideMargin;
		
		this.SlideHeight = this.SlideSize.y;
		this.BtnLeft = this.Slider.getElement('.'+ this.options.buttonleftClass);
		this.BtnRight = this.Slider.getElement('.'+ this.options.buttonrightClass);
		this.ViewPort = [];
		this.SliderContainer = [];
		this.View = this.options.showCount * this.SlideWidth;
		this.Pos = 0;
		this.setItems();
	},
	
	current: 0, 
	
	setButtons: function(itemCount){
		var count = itemCount;
		this.fireEvent('change', [this.current]);
		var slideWidth = this.SlideWidth;
		var container = this.SliderContainer;
		var containersize = container.getSize();
		var containerwidth = containersize.x;
		var view = this.View;
		var pos = this.Pos;
		if(count > 1){
		this.BtnLeft.addEvent('click',function(item){
		if(pos != 0){
			container.morph({'left':pos + slideWidth});
			pos += slideWidth;
			this.current --;
			this.fireEvent('change', [this.current]);
			}
		}.bind(this));	

		this.BtnRight.addEvent('click',function(item){
			if(containerwidth + pos - slideWidth >= view){
			container.morph({'left':pos - slideWidth});
			pos -= slideWidth;
			this.current ++;
			this.fireEvent('change', [this.current]);
			}
		}.bind(this));	
		}
		else{
			$$('.'+this.options.buttonleftClass)[0].destroy();
			$$('.'+this.options.buttonrightClass)[0].destroy();
		}
	},
	
	setItems: function(){
		this.SliderItems.each(function(item){
			item.setStyle('float','left');
		});
		var itemCount = this.SliderItems.length;

		this.SliderContainer = new Element('div#slidercontainer').adopt(this.SliderItems);
		this.ViewPort = new Element('div#viewport').adopt(this.SliderContainer);
		this.ViewPort.inject(this.Slider, 'top');
		this.SliderContainer.setStyles({
			width: this.SlideWidth*this.SliderItems.length,
			position: 'absolute',
			left: '0',
			top: '0'
		});
		this.SliderContainer.set('morph',{duration:350});
		this.ViewPort.setStyles({
			overflow:'hidden',
			width:(this.options.showCount * this.SlideWidth) - this.SlideMargin,
			height:this.SlideHeight,
			position: 'relative'
		});
		
		this.setButtons(itemCount);
		
	}
});


playVideo = function(){
		$$('.watch-video').each(function(item){
		var videoHref = item.get('href');
		var videoTitle = item.get('title');
		item.addEvent('click', function(e){
		e.stop();
		var winsize = window.getSize();
		var winscroll = window.getScroll();
		var winscrollsize = $(document.body).getScrollSize();
		
		var frame = new Element('div', {
			'class': 'video-frame',
			'styles': {
				'top': (winsize.y/2) - 200,
				'left': (winsize.x/2) - 200
			}
		}).inject( $(document.body) );
			var headline = new Element('h2', { 'class': '', 'html': videoTitle }).inject( frame );
			var close = new Element('div', { 'class': 'close' }).inject( frame );
			var video = new Element('div', { 'class': 'video', 'id': 'flow-container' }).inject( frame );
		
		
		var overlay = new Element('div', {
			'class': 'video-overlay',
			'styles': {
				'width': winscrollsize.x,
				'height': winscrollsize.y,
				'background': '#000',
				'opacity': 0.75
			}
		}).inject( $(document.body) );
		
		
		var player = flowplayer("flow-container", "/js/flowplayer/flowplayer-3.2.1.swf", {
			play:null,
			clip: {
				url: videoHref,
				autoPlay: false
			},
			plugins: {
				controls: {
					borderRadius:0,
					"timeColor":"rgba(255, 255, 255, 1)",
					"bufferGradient":"none",
					"slowForward":true,
					"backgroundColor":"rgba(0, 0, 0, 0)",
					"volumeSliderGradient":"none",
					"slowBackward":false,
					"timeBorderRadius": 20,
					"time":true,
					"progressGradient":"none",
					"height":25,
					"volumeColor":"rgba(180, 45, 33, 1)",
					"tooltips":{
						"marginBottom":5,"volume":true,"scrubber":true,"buttons":false
					},
					"fastBackward":false,
					"opacity":1,
					"timeFontSize":11,
					"border":"0px",
					"volumeSliderColor":"rgba(102, 102, 102, 1)",
					"bufferColor":"rgba(180, 45, 33, 1)",
					"buttonColor":"rgba(255, 255, 255, 1)",
					"mute":true,
					"autoHide":{
						"enabled":true,
						"hideDelay":500,
						"hideStyle":"fade",
						"mouseOutDelay":500,
						"hideDuration":400,
						"fullscreenOnly":false
					},
					"backgroundGradient":"none",
					//"display":"block",
					"sliderBorder":"1px solid rgba(128, 128, 128, 0.7)",
					"buttonOverColor":"#ffffff",
					"fullscreen":true,
					"timeBgColor":"rgb(0, 0, 0, 0)",
					"borderWidth":0,
					"scrubberBarHeightRatio":0.2,
					//"bottom":"6%",
					"stop":false,
					"sliderColor":"#000000",
					"zIndex":1,
					"borderColor":"rgba(255, 255, 255, 0.2)",
					"scrubberHeightRatio":0.6,
					"tooltipTextColor":"#ffffff",
					"sliderGradient":"none",
					"timeBgHeightRatio":0.8,
					"volumeSliderHeightRatio":0.6,
					"name":"controls",
					"timeSeparator":" ",
					//"volumeBarHeightRatio":0.3,
					//"left":"50pct",
					"tooltipColor":"rgba(0, 0, 0, 0)",
					"playlist":false,
					"durationColor":"rgba(180, 45, 33, 1)",
					"play":true,
					"fastForward":true,
					"timeBorder":"0px solid rgba(0, 0, 0, 0.3)",
					"progressColor":"rgba(180, 45, 33, 1)",
					"volume":true,
					"scrubber":true,
					"builtIn":true,
					"volumeBorder":"1px solid rgba(128, 128, 128, 0.7)"
				}
			}
		});
	
		
		
		$$(overlay,close).addEvent('click', function(){
			frame.destroy();
			overlay.destroy();
		});
		
	});
	});

}

dobackground = function(){
	var bg = $$('#background')[0];
	bg.setStyle('opacity',0);
	
	if($$('.product .product-top-image').length > 0){
		var el = $$('.product-top-image')[0];
		var url = el.get('html');
		bg.setStyle('background-image', 'url('+url+')');
		bg.set('tween', {duration: 500});
		bg.fade('in');
	}
	
	else if($$('.page-bg .image').length > 0){
		var count = $$('.page-bg .image').length;
		var randomnumber=Math.floor(Math.random()*count)
		var el = $$('.page-bg .image')[randomnumber];
		var url = el.get('html');
		bg.setStyle('background-image', 'url('+url+')');
		bg.set('tween', {duration: 500});
		bg.fade('in');
	}
	
	else if($$('.template-bg .image').length > 0){
		var count = $$('.template-bg .image').length;
		var randomnumber=Math.floor(Math.random()*count)
		var el = $$('.template-bg .image')[randomnumber];
		var url = el.get('html');
		bg.setStyle('background-image', 'url('+url+')');
		bg.set('tween', {duration: 500});
		bg.fade('in');
	}
	
	
}