if($('top_menu')){
	menuLi = $$('#top_menu li');
	menuLi.invoke('observe','mouseover',function(){
		this.addClassName('onfocus');
	});
	if (navigator.appName == "Microsoft Internet Explorer") {
		menuLi.invoke('observe','mouseleave',function(){
			this.removeClassName('onfocus');
		});
	}
	else {
		menuLi.invoke('observe','mouseout',function(){
			this.removeClassName('onfocus');
		});
	}
}

/******************* Refference Slider ************************************/

function getRefSliderWidth(){
	var totalWidth = 0;
	$$('#ref_gallery_slider li').each(function(elem){
		totalWidth = totalWidth + parseInt(elem.getStyle('padding-left'));
		totalWidth = totalWidth + parseInt(elem.getStyle('padding-right'));
		totalWidth = totalWidth + parseInt(elem.getStyle('width'));
	});
	return totalWidth;
}

if($$('#ref_gallery_slider li img')[0]){
	$$('#ref_gallery_slider li img')[0].addClassName('selected');
}

function refSliderLeft(direction){
	var oldPos = parseInt($('ref_gallery_slider').getStyle('margin-left'));
	var visibleWidth = parseInt($('ref_gallery_thumbs').getStyle('width'));
	var maxSlide = getRefSliderWidth() - visibleWidth;
	var newPos = 0;
	//console.log(refSliderWidth);
	
	if (direction == -1){
		newPos = oldPos - visibleWidth;
		var newPosOpp = newPos * (-1);
		//console.log(newPosOpp + " | >" + maxSlide);

		if(newPosOpp > maxSlide){
			newPos = maxSlide * (-1);
			newPos = newPos + parseInt($$('#ref_gallery_slider li')[0].getStyle('padding-right'));
		}
	} else if (direction == 1) {
		newPos = oldPos + visibleWidth;
		if(newPos > 0){
			newPos = 0;
			newPos = newPos - parseInt($$('#ref_gallery_slider li')[0].getStyle('padding-right'));
		}
	}

	return newPos;
}

$$('#ref_gallery_slider').each(function(elem){
	elem.setStyle({ 'margin-left':'-' + $$('#ref_gallery_slider li')[0].getStyle('padding-left') });
	paddingLeft = $$('#ref_gallery_slider li')[0].getStyle('padding-left');
	elem.setStyle({marginLeft:"-"+paddingLeft});
});

$$('#ref_gallery_right').each(function(btn){
	$(btn).observe('click',function(){
		new Effect.Morph('ref_gallery_slider',{
			style:{ 'margin-left' : refSliderLeft(-1) + 'px' },
			duration:0.5
		});
	});
});

$$('#ref_gallery_left').each(function(btn){
	$(btn).observe('click',function(){
		new Effect.Morph('ref_gallery_slider',{
			style:{ 'margin-left' : refSliderLeft(1) + 'px' },
			duration:0.5
		});
	});
});

/******************* Refference Slider ************************************/

$$('#ref_gallery_slider li img').each(function(btn){
	$(btn).observe('click',function(){
		$$('#ref_gallery_slider .selected').each(function(sel){
			$(sel).removeClassName('selected');
		});
		$(btn).addClassName('selected');
		
		number = $(btn).up('li').previousSiblings().size();
		art = $('ref_gallery_image').down('#ref_gallery_art').innerHTML;
		url = "image-loader.php?art=" + art+ "&id=" + number;
		//$('ref_gallery_image').setStyle({'height':$('ref_gallery_image').down('img').getHeight()+'px'});
		//console.log($('ref_gallery_image').down('img').getHeight());
		/*
		new Effect.Morph('error_message',{
			style:'height:'+$('ref_gallery_image').down('img').getHeight()+'px',
			duration:0.8
		});*/
		
		/*
		new Effect.Opacity($('ref_gallery_image').down('img'), {
			duration:0.1, 
			from:1.0, 
			to:0,
			afterFinish: function(){
				$('ref_gallery_image').down('img').remove();

			}
		});
*/		
		//$('ref_gallery_image').down('img').remove();
		new Ajax.Request(url, {
			method: 'get',
			onComplete: function(transport) {
				$('ref_gallery_image').innerHTML = transport.responseText;
				$('ref_gallery_text').innerHTML = $('ref_gallery_image').down('#ref_gallery_text_h').innerHTML;
				$('ref_gallery_image').down('img').onload = function(){
					Hh = $('ref_gallery_image').down('img').getHeight();
					new Effect.Morph('ref_gallery_image',{
						style:'height:'+Hh+'px',
						duration:0.5
					});
				}
			}
		});

		
	});
});

function jsGallerySlider(){
	if(!$$('#js_gallery .selected').first()){
		firstBlock = $$('#js_gallery .block').first();
		new Effect.Opacity($(firstBlock), {
			duration: 1.0, from:0, to:1, 
			beforeStart:function(){
				$(firstBlock).setStyle({ opacity:0 });
				$(firstBlock).addClassName('selected');
				$$("#js_gallery").first().setStyle({'height' : $(firstBlock).getHeight()+'px'});
			}
		});		
	} 
	else {		
		oldBlock = $$('#js_gallery .selected').first();		
		if($(oldBlock).next('.block')){
			nextBlock = $(oldBlock).next('.block');
		} else {
			nextBlock = $$('#js_gallery .block').first();
		}

		new Effect.Opacity($(oldBlock), {
			duration: 1.0, from:1, to:0, 
			afterFinish:function(){
				$(oldBlock).removeClassName('selected');
			}
		});

		new Effect.Opacity($(nextBlock), {
			duration: 1.0, from:0, to:1, 
			beforeStart:function(){
				$(nextBlock).setStyle({ opacity:0 });
				$(nextBlock).addClassName('selected');
				$$("#js_gallery").first().morph('height:'+$(nextBlock).getHeight()+'px');
			}
		});
	}	
	jsTimer = setTimeout("jsGallerySlider()",6000);
}

if($$('#js_gallery .block').first()) {
	$$("#js_gallery").first().setStyle({'height' : $$('#js_gallery .block').first().getHeight()+'px'});
	$$('#js_gallery .block img').first().onload = function() {
		jsGallerySlider();
	}

}