// JavaScript Document

// Podbarveni produktu
var SystemSolution = {
	
	config: {
		bg: {
			orig: '#fff',
			temp: '#009bda'
		},
		
		font: {
			orig: '#009bda',
			temp: '#fff'
		}
	},
	
	init: function(options){
		
		  // color config
			var colorChange = $merge(SystemSolution.config, options || {});
			
			// rel FX
			$$('a[rel]').each(function(element){
			  var targetElement = element.getProperty('rel');
				if ($(targetElement)) {
					var relFx = new Fx.Styles(targetElement, { duration: 300, wait: false });
					
					element.addEvent('mouseenter', function(){
						relFx.start({
							'background-color': colorChange.bg.temp,
							'color': colorChange.font.temp
						});
					});
					
					element.addEvent('mouseleave', function(){
						relFx.start({
							'background-color': colorChange.bg.orig,
							'color': colorChange.font.orig
						});
					});
				}
			
			});
	}
	
};


// Custom popup okno
var PopUp = {

  init: function(){
		
		var popUpClosed = true;
		
		this.wrapper = new Element('div').setProperty('id','popup').injectInside(document.body).setOpacity(0);
		
		this.wrapper.setHTML('<p id="popup-header"><span id="move"></span> <a id="title"> </a> <a href="" id="new-window" target="_blank">Otevřít v novém okně</a><a href="" id="print">Vytisknout</a> <a href="" id="close">Zavřít</a></p><div id="popup-content"><iframe width="530" height="470" frameborder="0" src="#" id="framecontent" name="framecontent"></iframe></div>');
		
		// Add info icon
		$$('#system-right p a').each(function(element){
			var infoLink = element.clone().addClass('link-ico-info').injectBefore(element);
			element.injectBefore(infoLink);
			infoLink.setHTML('<img src="/img/info.gif" width="14" height="14" alt="Info" />');
		});
		
		// Add Click Event
		var linkCollection = $$('#system-right p .link-ico-info','#system-left area');
		
		linkCollection.each(function(element){
			 var popUpLink = element.getProperty('href');
			 element.onclick = function(event){
				  var event = new Event(event);
					event.preventDefault();
					if (popUpClosed){ PopUp.open(); }
          $('framecontent').setProperty('src',popUpLink);
					$('title').setText(this.getProperty('title')).setProperties({href: this.getProperty('href'), target: '_parent', title: this.getProperty('title')});
			 }
	  });
		
		// Draggable window and opacity
		new Drag.Move('popup', { handle: 'move' });
			$('move').addEvent('mousedown', function(){
				$('popup').setOpacity(0.8);
			});
			$('move').addEvent('mouseup', function(){
				$('popup').setOpacity(1);
			});
		
		// Close window button
		$('close').onclick = function(event){
			var event = new Event(event);
			event.preventDefault();
			PopUp.close();
		}
		
		// Print button
		$('print').onclick = function(event){
			var event = new Event(event);
			event.preventDefault();
			window.frames['framecontent'].focus();
			window.frames['framecontent'].print();
		}

	},
	
	open: function(){
		
		var openFx = new Fx.Style('popup', 'opacity', { duration: 0 });
		$('popup').setStyles({
			top: getScrollTop()+50,
			left: getScrollLeft()+50
	  });
		openFx.start(0,1);
		popUpClosed = false;
		
	},
	
	close: function(){
		
		var openFx = new Fx.Style('popup', 'opacity', { duration: 500 });
		openFx.start(1,0);
		popUpClosed = true;
	
	}

};


// Caste dotazy - vysouvani
var questionForm = {
  
	init: function(){
		
		if ($('slide')){

			var slideFx = new Fx.Slide('slide',{ duration: 500 });
			
			slideFx.hide();
			
			$('toggle').onclick = function(event){
				var event = new Event(event);
				event.preventDefault();
				slideFx.toggle();
				event.stop();
			}
		}
		
	}

};

// Sitemap
var Sitemap = {
	
	init: function(){
		
     // Closing sublevel lists
     $$('li li').each(function(element){
  	   if(element.getElement('ul')) {
				 element.addClass('openable');
				 element.toggleClass('closed');
			 }
		 });
		
		// Adding span toggler to code
		$$('#sitemap-list a').each(function(element){
			var spanElement = new Element('span');
			spanElement.injectBefore(element);
		});
		
		// CSS Class for list
		$('sitemap-list').addClass('script');
	
		// Toggler events
		$$('#sitemap-list span').each(function(element){
		  if (element.getParent().getElement('ul')){
				element.setStyle('cursor','pointer');
				element.onclick = function(event){
					element.getParent().toggleClass('closed');
					if (element.getParent().hasClass('closed')){
						element.setStyles({
						  'background-image':'url(/img/plus.gif)',
							'background-position': '0px 3px'
						});
						if (window.ie) { element.setStyle('background-position', '0px 4px'); }
					} else {
						element.setStyles({
						  'background-image':'url(/img/minus.gif)',
							'background-position': '0px 3px'
						});
						if (window.ie) { element.setStyle('background-position', '0px 4px'); }
					}
				}
			}
		});
		
		// Link event (preventing default action for closed list)
		$$('#sitemap-list a').each(function(element){
		  element.onclick = function(event){
				var event = new Event(event);
				if (element.getParent().hasClass('closed')){
					event.preventDefault();
					element.getParent().toggleClass('closed');
					element.getParent().getElement('span').setStyles({
						'background-image':'url(/img/minus.gif)',
						'background-position': '0px 3px'
					});
					if (window.ie) { element.getParent().getElement('span').setStyle('background-position', '0px 4px'); }
				}
			}
		});
		
	}
};

window.addEvent('domready', function()
{
  if ($('page-system')) {
		if ($('page-system').hasClass('product-group3')) {
				SystemSolution.init({
				  bg: {
						orig: '#fff',
						temp: '#019957'
					},
					
					font: {
						orig: '#019957',
						temp: '#fff'
					}
				});
		} else {
			  SystemSolution.init();
		}
		PopUp.init();
	}	
	
	if ($('zeptejte-se-nas')){ questionForm.init();	}
	
	if($('site-map')){ Sitemap.init(); }
	
	if (window.top != window.self) {
		var bodyTag = $$('body')[0];
		bodyTag.addClass('iframe');
		$$('a').each(function(element){
			element.setProperty('target', '_parent');
    });
  }
	
	var anchorBlocks = $$('.anchor-block');
	if (anchorBlocks.length > 0){
		var hashIndex = document.URL.indexOf('#');
		if (hashIndex > 0){
			var anchorLink = document.URL.slice(hashIndex+1);
			$(anchorLink).addClass('active');
		}
	}
	
});