// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

function switchTabs(on){
	$$('#tabs div').each(Element.hide);
	$(on).show();
	$$("#"+on+" div").each(Element.show);
	$$("#navigace a").each(Element.hide);
	$('quick_description').innerHTML="";
	new Effect.ScrollTo('section');
	
	switch(on){
	case "rozcestnik":
		$("rozcestnik_span").show();
		$("rozcestnik_link").hide();
		$("parametry_span").show();
		$("parametry_span").removeClassName('current');
		$("objednavka_span").removeClassName('current');
		$("rozcestnik_span").addClassName('current');
		$("motive_number").innerHTML = $("motive_number").innerHTML.truncate(3, '');
		break;
	case "tisk":
		$("rozcestnik_link").show();
		$("rozcestnik_span").hide();
		$("parametry_span").show();
		$("parametry_link").hide();
		$("rozcestnik_span").removeClassName('current');
		$("objednavka_span").removeClassName('current');
		$("parametry_span").addClassName('current');
		break;
	case "parametry":
		$("rozcestnik_link").show();
		$("rozcestnik_span").hide();
		$("parametry_span").show();
		$("parametry_link").hide();
		$("rozcestnik_span").removeClassName('current');
		$("objednavka_span").removeClassName('current');
		$("parametry_span").addClassName('current');
		$$("#motive .hide").each(Element.show);
		$$("#vyseky").each(Element.hide);
		break;
	case "objednavka":
		$("rozcestnik_span").hide();
		$("rozcestnik_link").show();
		$("parametry_link").show();
		$("parametry_span").hide();
		$("objednavka_span").show();
		$("objednavka_link").hide();
		$("rozcestnik_span").removeClassName('current');
		$("parametry_span").removeClassName('current');
		$("objednavka_span").addClassName('current');
		break;
	case "dekujeme":
		$("navigace").hide();
		$$("#navigace a").each(Element.hide);
		$$("#navigace span").each(Element.hide);
		break;
	}
}





function zoom(){
	$('container').insert("<img id='zoom' style='display:none;' src='' />");
	
	$$('a.zoom').each(function(elem){
		var image = new Image;
		image.src = elem.readAttribute('href');
		var zoom = $('zoom');
		
		
		elem
		.observe('mouseover', function(event){
			zoom.src = image.src;
			
			var left = (elem.cumulativeOffset().left - zoom.getWidth() / 2 - elem.down('img').getWidth() / 2 >= 0)
						? elem.cumulativeOffset().left - zoom.getWidth() / 2 - elem.down('img').getWidth() / 2
						: 0
			
			zoom.show()
			.setStyle({
				'left' : left + 'px',
				'top' : elem.cumulativeOffset().top - zoom.getHeight() / 2 + elem.down('img').getHeight() / 2 + 'px'
			}).hide().grow({duration:.75})
		})
		
		$('zoom').observe('mouseout', function(event){
			$('zoom').shrink({duration:.35});
		})
		
	})

}


Event.observe(window, 'load', function() {
	//zoom();
//	initLightbox()
})