// JavaScript Document

function createSmallImageSlider() {
	
	window.addEvent('domready', function() {
				
		var total = $('horizontal_slide').getElements('img').length;
		var pos = -120;
		var counter = 0;

		var slide = new Fx.Tween('horizontal_slide', {property: 'left', duration: 750}); 
		
		$('btnLeft').setStyle('display','none'); 		
		if (total <= 4) $('btnRight').setStyle('display','none'); 
				
		$('btnLeft').addEvent('click', function(event) {
			if (counter > 0) {
				counter--;		
				slide.start(pos * counter);
				$('btnRight').setStyle('display',''); 
			}
			
			if (counter == 0) this.setStyle('display','none'); 
			
			event.stop();
		});
		
		$('btnRight').addEvent('click', function(event) {
			if (counter < total - 4) {
				counter++;
				slide.start(pos * counter);				
				$('btnLeft').setStyle('display',''); 
			}
			
			if (counter >= total - 4) this.setStyle('display','none'); 
			
			event.stop();
		});

	});	
	
}

function createImageSlider() {
	
	window.addEvent('domready', function() {
				
		var total = $('horizontal_slide').getElements('img').length;
		var pos = -251;
		var counter = 0;

		var slide = new Fx.Tween('horizontal_slide', {property: 'left', duration: 750}); 
		
		$('pager').setStyle('display','none'); 	
		  
		$('btnLeft').setStyle('display','none'); 		
		if (total <= 3) $('btnRight').setStyle('display','none'); 
				
		$('btnLeft').addEvent('click', function(event) {
			if (counter > 0) {
				counter--;		
				slide.start(pos * counter);
				$('btnRight').setStyle('display',''); 
			}
			
			if (counter == 0) this.setStyle('display','none'); 
			
			event.stop();
		});
		
		$('btnRight').addEvent('click', function(event) {
			if (counter < total - 3) {
				counter++;
				slide.start(pos * counter);				
				$('btnLeft').setStyle('display',''); 
			}
			
			if (counter >= total - 3) this.setStyle('display','none'); 
			
			event.stop();
		});

	});	
	
}

function createImageSliderWithPager() {
	window.addEvent('domready', function() {
								 
		var total = $('horizontal_slide').getElements('img').length;
		var pos = -251;
		var counter = 0;
		
		var slide = new Fx.Tween('horizontal_slide', {property: 'left', duration: 750}); 
		
		var currentPageNumber;
		
		$('btnLeft').setStyle('display','none'); 		
		if (total <= 3) $('btnRight').setStyle('display','none'); 
				
		$('btnLeft').addEvent('click', function(event) {
			if (counter > 0) {
				counter--;		
				slide.start(pos * counter);
				$('btnRight').setStyle('display','');
				$('pager').set('class', '');
			}
			
			if (counter == 0) this.setStyle('display','none'); 
			
			$$('#pager > a').set('class', 'pagerNumber');
			$$('#pager > a')[counter].set('class', 'pagerNumberActive');
			event.stop();
		});
		
		$('btnRight').addEvent('click', function(event) {
			var moveItems =  ((counter + 1) * 4);

			if (moveItems + 4 > total) {
				moveItems = total + 4 - moveItems;
				$('pager').set('class', 'pagerMargin');
			}

			if (counter < total - 4) {
				counter++;
				slide.start(pos * moveItems);				
				$('btnLeft').setStyle('display',''); 
			}
			
			if (counter * 4 >= total - 4) this.setStyle('display','none'); 

			$$('#pager > a').set('class', 'pagerNumber');
			$$('#pager > a')[counter].set('class', 'pagerNumberActive');
			event.stop();
		});

		for (i = 0; i < total / 4; i++) {
			var a = new Element('a', {
				'href': '#',
				'class': 'pagerNumber',
				'html':  i + 1,
				'events': {
					'click': function(event) {
						$$('#pager > a').set('class', 'pagerNumber');
						
						this.set('class', 'pagerNumberActive');	
						counter = this.get('html') - 1;		
						
						var moveItems =  ((counter) * 4);
										
						if (moveItems + 4 > total) {
							moveItems = total + 4 - moveItems;
							$('pager').set('class', 'pagerMargin');
						}
						
						slide.start(pos * moveItems);		
						
						currentPageNumber = this;
						
						if (counter == 0) {
							$('btnLeft').setStyle('display','none');
							$('btnRight').setStyle('display','');
							$('pager').set('class', '');
						}						
						
						if (counter * 4 >= total - 4) {
							$('btnRight').setStyle('display','none'); 
							//$('pager').set('class', 'pagerMargin');	
						} else {
							$('btnRight').setStyle('display',''); 
							$('pager').set('class', '');
						}
						
						if (counter > 0) {
							$('btnLeft').setStyle('display','');	
						}
						
						event.stop();						
					}
				}
			});
			
			if (!i) {
				currentPageNumber = a;
				a.set('class', 'pagerNumberActive');	
			}
			a.inject($('pager'));			
		}

	});	
	
}

function createImageSliderTeaser(id) {
	window.addEvent('domready', function() {
								 
		var total = $('horizontal_slide' + id).getElements('img').length;
		var pos = -983;
		var counter = 0;
		
		var slide = new Fx.Tween('horizontal_slide' + id, {property: 'left', duration: 750}); 
		
		$('btnLeft' + id).setStyle('display','none'); 		
		if (total <= 1) $('btnRight' + id).setStyle('display','none'); 
				
		$('btnLeft' + id).addEvent('click', function(event) {
			if (counter > 0) {
				counter--;		
				slide.start(pos * counter);
				$('btnRight' + id).setStyle('display','');
				this.set('class', 'btnLeft');
			}
			
			if (counter == 0) this.setStyle('display','none'); 
			
			event.stop();
		});
		
		$('btnRight' + id).addEvent('click', function(event) {
			if (counter < total - 1) {
				counter++;
				slide.start(pos * counter);				
				$('btnLeft' + id).setStyle('display',''); 
			}
			
			if (counter >= total - 1) {
				this.setStyle('display','none'); 
				$('btnLeft' + id).set('class', 'btnLeft pagerMargin');
			}

			event.stop();
		});

	});	
	
}

function createImageSliderTeaserWithPager(id) {
	window.addEvent('domready', function() {
								 
		var total = $('horizontal_slide' + id).getElements('img').length;
		var pos = -983;
		var counter = 0;
		
		var slide = new Fx.Tween('horizontal_slide' + id, {property: 'left', duration: 750}); 
		
		$('btnLeft' + id).setStyle('display','none'); 		
		if (total <= 1) {
			$('btnRight' + id).setStyle('display','none'); 
			$$('.btnBarPager').setStyle('display','none'); 
		}
		
		$('btnLeft' + id).addEvent('click', function(event) {
			if (counter > 0) {
				counter--;		
				slide.start(pos * counter);
				$('btnRight' + id).setStyle('display','');
				$('pager').set('class', '');
			}
			
			if (counter == 0) this.setStyle('display','none'); 
			
			$$('#pager > a').set('class', 'pagerNumber');
			$$('#pager > a')[counter].set('class', 'pagerNumberActive');			
			event.stop();
		});
		
		$('btnRight' + id).addEvent('click', function(event) {
			if (counter < total - 1) {
				counter++;
				slide.start(pos * counter);				
				$('btnLeft' + id).setStyle('display',''); 
			}
			
			if (counter >= total - 1) {
				this.setStyle('display','none'); 
				$('pager').set('class', 'pagerMargin');
			}
			
			$$('#pager > a').set('class', 'pagerNumber');
			$$('#pager > a')[counter].set('class', 'pagerNumberActive');
			event.stop();
		});
		
		for (i = 0; i < total; i++) {
			var a = new Element('a', {
				'href': '#',
				'class': 'pagerNumber',
				'html':  i + 1,
				'events': {
					'click': function(event) {
						$$('#pager > a').set('class', 'pagerNumber');
						
						this.set('class', 'pagerNumberActive');	
						counter = this.get('html') - 1;		
						
						/*
						var moveItems =  ((counter) * 4);
		
						if (moveItems + 4 > total) {
							moveItems = total + 4 - moveItems;
							$('pager').set('class', 'pagerMargin');
						}
						*/
						slide.start(pos * counter);		
						
						currentPageNumber = this;
						
						if (counter == 0) {
							$('btnLeft' + id).setStyle('display','none');
							$('btnRight' + id).setStyle('display','');
							$('pager').set('class', '');
						}						
						
						if (counter == total - 1) {
							$('btnRight' + id).setStyle('display','none'); 
							$('pager').set('class', 'pagerMargin');	
						} else {
							$('btnRight' + id).setStyle('display',''); 
							$('pager').set('class', '');
						}
						
						if (counter > 0) {
							$('btnLeft' + id).setStyle('display','');	
						}
						
						event.stop();						
					}
				}
			});
			
			if (!i) {
				currentPageNumber = a;
				a.set('class', 'pagerNumberActive');	
			}
			a.inject($('pager'));			
		}

	});	
	
}

function createVerticalSlider(id) {
	
	window.addEvent('domready', function() {
		
		var total = $('vertical_slide' + id).getElements('img').length;
		
		var pos = -86;
		var counter = 0;
		var minItems = 4;
					
		items = $$('.news-list-item');
		pos = -86;
		
		$('slideWrapper' + id).style.height = ((86 * 4) - 1) + "px";
		total = items.length;
		
		$('btnTop'+id).setStyle('display','none');
		$('btnDown'+id).set('class', 'btnDown btnDownMarginTop');	
		
		if (total < minItems) {
			$('btnTop'+id).style.display = "none";
			$('btnDown'+id).style.display = "none";
		}
		
		var slide = new Fx.Tween('vertical_slide' + id, {property: 'top', duration: 750}); 
		
		$('btnTop'+id).addEvent('click', function(event) {
			if (counter > 0) {
				counter--;		
				slide.start(pos * counter);
				$('btnDown'+id).setStyle('display','');
			}
			
			if (counter == 0) {
				this.setStyle('display','none'); 
				$('btnDown'+id).set('class', 'btnDown btnDownMarginTop');	
			}
			
			event.stop();
		});
		
		$('btnDown'+id).addEvent('click', function(event) {
			if (counter < total - minItems) {
				counter++;
				slide.start(pos * counter);
				$('btnTop'+id).setStyle('display','');
				this.set('class', 'btnDown');	
			}
			
			if (counter >= total - minItems) this.setStyle('display','none'); 
			
			event.stop();
		});

	});		
}