function displayTeamGroup(id) {
	h3Tag = document.getElementById('team-subtitle-'+id);
	h3Tag.className = 'team-subtitle-expanded';
	divTag = document.getElementById('team-group-'+id);
	divTag.style.display = 'block';
}

function hideTeamGroup(id) {
	h3Tag = document.getElementById('team-subtitle-'+id);
	h3Tag.className = 'team-subtitle-collapsed';
	divTag = document.getElementById('team-group-'+id);
	divTag.style.display = 'none';
}

function showHideTeamGroup(id) {
	h3Tag = document.getElementById('team-subtitle-'+id);
	if(h3Tag.className == 'team-subtitle-collapsed'){
		jQuery("h3.team-subtitle-expanded").addClass('team-subtitle-collapsed');
		jQuery("h3.team-subtitle-expanded").removeClass('team-subtitle-expanded');
		jQuery("div.collapsable").css('display', 'none');
		displayTeamGroup(id);
	} else {
		hideTeamGroup(id);
	}
		
}

function changeSpecialOfferImg(div,img) {
	document.getElementById('offer-img').src = img;
	var imagesTd = document.getElementById('images-td');
	var divsArray = imagesTd.getElementsByTagName('div');
	for(i=0 ; i<divsArray.length ; i++) {
		divsArray[i].className = '';
	}
	div.className = 'active';
}

function showLinks(n){
	document.getElementById('info_istm').style.display='none';
	var el=document.getElementById(n);	
	var p=el.parentNode;
	for(var i=0;i<p.childNodes.length;i++){
		
		if(p.childNodes[i].style && p.childNodes[i].style.display=='block'){
			{	
				p.childNodes[i].style.display='none';
				document.getElementById('info_istm').style.display='none';
			}
		if(p.childNodes[i]==el) {
			return;
		}
		break;
		}
	}
	el.style.display='block';
}

function slideToRight(){
	var step = jQuery('DIV#slider-list DIV.slider-item').first().width() + 20;
	var scroll = jQuery('DIV#slider-mask').scrollLeft() + step;
	jQuery('DIV#slider-mask').scrollLeft(scroll);
	
	var total_steps = jQuery('DIV#slider-list DIV.slider-item').size() - 2;
	total_steps = total_steps > 0 ? total_steps : 0;
	var elapsed_steps = jQuery('DIV#slider-mask').scrollLeft() / step;	
	var percentage = Math.round((100 * elapsed_steps) / total_steps);
		
	var whole = jQuery('DIV#slider-bar').width();
	var position = Math.round((percentage * whole) / 100);
	var handle = jQuery('IMG#slider-handle').width();
	
	if(position > whole - handle){
		position = whole - handle;
	}
	
	jQuery('IMG#slider-handle').css('left', position + 'px');	
}

function slideToLeft(){
	var step = jQuery('DIV#slider-list DIV.slider-item').first().width() + 20;
	var scroll = jQuery('DIV#slider-mask').scrollLeft() - step;
	jQuery('DIV#slider-mask').scrollLeft(scroll);
	
	var total_steps = jQuery('DIV#slider-list DIV.slider-item').size() - 2;
	total_steps = total_steps > 0 ? total_steps : 0;
	var elapsed_steps = jQuery('DIV#slider-mask').scrollLeft() / step;
	var percentage = Math.round((100 * elapsed_steps) / total_steps);
		
	var whole = jQuery('DIV#slider-bar').width();
	var position = Math.round((percentage * whole) / 100);
	var handle = jQuery('IMG#slider-handle').width();
	
	if(position < 0){
		position = 0;
	}
	
	jQuery('IMG#slider-handle').css('left', position + 'px');
}

function slideTo(position){
	var slider_steps = jQuery('DIV#slider-list DIV.slider-item').size() - 2;
	var distance = jQuery('DIV#slider-bar').width() - jQuery('IMG#slider-handle').width();
	var unit = Math.floor(distance / slider_steps);
	var step_number = Math.floor(position / unit);
	
	var step = jQuery('DIV#slider-list DIV.slider-item').first().width() + 20;
	var scroll = step_number * step;
	jQuery('DIV#slider-mask').scrollLeft(scroll);		
}

jQuery(document).ready(
	function(){		
		var width = (parseInt(jQuery('DIV#slider-list DIV.slider-item').size()) * 350) - 20;
		jQuery('DIV#slider-list').width(width);
		
		var slider_steps = jQuery('DIV#slider-list DIV.slider-item').size() - 2;
		slider_steps = slider_steps > 0 ? slider_steps : 0;
		var distance = jQuery('DIV#slider-bar').width() - jQuery('IMG#slider-handle').width();
		var step = Math.floor(distance / slider_steps);
		
		jQuery('IMG#slider-handle').draggable({ containment: 'parent', axis: 'x', grid: [step], snap: "DIV#slider-bar", drag: function(event, ui){ slideTo(ui.position.left); } });
	}
);