$(document).ready(function(){

	// Cufon
	Cufon.replace('h1'); 
	Cufon.replace('h2');
	Cufon.replace('#langswitch a, #submenu a, .button a', { hover: true, fontWeight: 400 });
	Cufon.replace('#mainmenu a', { hover: true, fontWeight: 500 });
	Cufon.replace('#bottom-offer h2', { fontWeight: 400 });
	Cufon.replace('#bottom-offer span', { fontWeight: 300 });
	Cufon.replace('#provmenu a', { hover: true, fontWeight: 400 });
	
	$('#mainmenu li:last, #submenu li:last').addClass('last');
	
	// Change color on hover
	$('#bottom-offer ul li').hover(function(){
		var h2 = $(this).find('h2');
		Cufon.replace(h2, { color: '#000000' });
	}, function(){
		var h2 = $(this).find('h2');
		Cufon.replace(h2, { color: '#524d48' });
	});
	
	// External links
	$('a.external').click(function(){
		$(this).attr('target', '_blank');
	});
	
	// Show detail map
	$('#leftmapa a.poba').click(function(){
		var id = $(this).attr('href').split('_')[1];
		var html = $('#pob' + id).html();
		$('#pobockyhtml').html(html);
		
		return false;
	});
	$('#leftmapa a.poba').hover(function(){
		var id = $(this).attr('href').split('_')[1];
		$('#pobh' + id).css({
			'z-index': 200
		}).show();
		$('#pobw' + id).css({
			'z-index': 200
		});
	}, function(){
		var id = $(this).attr('href').split('_')[1];
		$('#pobh' + id).css({
			'z-index': 0
		}).hide();
		$('#pobw' + id).css({
			'z-index': 0
		});
	});
	
	// Vzorniky
	$('#vzornik div').each(function(){
		$(this).find('a:first').addClass('first');
		$(this).find('a:last').addClass('last');
	});
	
	// Show / hide video in product
	$('#show-video').click(function(){
		$('#product-detail').hide();
		$('#product-attr').hide();
		$('#video-detail').show();
		$('#wrap_detail .btn-video').hide();
		$('#wrap_detail .btn-attr').show();
	});
	$('#show-attr').click(function(){
		$('#product-detail').hide();
		$('#video-detail').hide();
		$('#product-attr').show();
		$('#wrap_detail .btn-attr').hide();
		$('#wrap_detail .btn-video').show();
	});
	$('.show-product').click(function(){
		$('#video-detail').hide();
		$('#product-attr').hide();
		$('#product-detail').show();
		$('#wrap_detail .btn-video').show();
		$('#wrap_detail .btn-attr').show();
	});
	
	// Product tabs
	if ($('#product-attr').length) {
		$(function () {
			var tabContainers = $('#product-attr #vzornik > div');
			tabContainers.hide().filter(':first').show();
			
			$('#product-attr ul.tabs a').click(function () {
				tabContainers.hide();
				tabContainers.filter(this.hash).show();
				$('#product-attr ul.tabs a').removeClass('active');
				Cufon.replace('#product-attr ul.tabs a');
				$(this).addClass('active');
				Cufon.replace($(this));
				return false;
			}).filter(':first').click();
		});
	}

});

window.onload = function(){
    places.init();
};

function scrollInit() {
 
	//scrollpane parts
	var scrollPane = $('.scroll-paneV');
	var scrollContent = $('.scroll-contentV');
	var scrollWrap = $('.scroll-bar-wrapV');
	
	//build slider
	var scrollbar = $('.scroll-barV').slider({
		orientation: 'vertical',
		value:100,
		slide: handleSliderSlide
	});

	function handleSliderSlide(e, ui)
	{
		
		if( scrollContent.height() > scrollPane.height() ){
			var x=(Math.round( ui.value / 100 * ( scrollPane.height() - scrollContent.height() ))) ;
			x=-(x+(scrollContent.height()-scrollPane.height()));
			scrollContent.css('margin-top', x + 'px');
		}
		else { scrollContent.css('margin-top', 0); }
		
	}
	
	//change overflow to hidden now that slider handles the scrolling
	scrollPane.css('overflow','hidden');
	
	//size scrollbar and handle proportionally to scroll distance
	function sizeScrollbar(){
		
		var remainder = scrollContent.height() - scrollPane.height();
		if(remainder<0) remainder=0;
		var proportion = remainder / scrollContent.height();
		var handleSize = scrollPane.height() - (proportion * scrollPane.height());
		var handlePosition = scrollPane.height()-(handleSize);
		if(remainder==0) handleSize=0;
		
		if(handleSize==0){
			document.getElementById('scroll-paneVID').style.backgroundImage='none';
		}
		else{
			document.getElementById('scroll-paneVID').style.backgroundImage='url(wp-content/themes/active/styles/images/vsliderbg.png)';
		}
		
		//-handleSize/2
		scrollbar.find('.ui-slider-handle').css({
			height: handleSize,
			'margin-bottom': -handleSize/2
		});
		scrollWrap.css('margin-top',handleSize/2);
		scrollWrap.css('height',handlePosition);
	}
	
	//reset slider value based on scroll content position
	function resetValue(){
		var remainder = scrollPane.height() - scrollContent.height();
		var leftVal = scrollContent.css('margin-top') == 'auto' ? 0 : parseInt(scrollContent.css('margin-top'));
		var percentage = Math.round(leftVal / remainder * 100);
		scrollbar.slider('value', percentage);
		
	}
	//if the slider is 100% and window gets larger, reveal content
	function reflowContent(){
			var showing = scrollContent.height() + parseInt( scrollContent.css('margin-top') );
			var gap = scrollPane.height() - showing;
			if(gap > 0){
				scrollContent.css('margin-top', parseInt( scrollContent.css('margin-top') ) + gap);
			}
	}
	
	//change handle position on window resize
	$(window)
	.resize(function(){
		resetValue();
		sizeScrollbar();
		reflowContent();	
			
	});
	
	$('.poba').click(function() {
			
			if( scrollContent.height() > scrollPane.height() ){
				var x=-(( scrollPane.height() - scrollContent.height() )+(scrollContent.height()-scrollPane.height()));
				scrollContent.css('margin-top', x + 'px');
			}
			else { scrollContent.css('margin-top', 0); }
			
			scrollbar.slider('value', 100);
			
			setTimeout(sizeScrollbar,10);
	});
	
	//init scrollbar size
	setTimeout(sizeScrollbar,10);//safari wants a timeout
}

function showDetail(id, imageUrl){
	var desc = $('#vzor' + id).find('span').html();
	$('#vzornikdetail').show();
	$('#vzornik').hide();
	$('#vzdpic').css({
		'background': '#d5d5d5 url(' + imageUrl + ') no-repeat top left'
	});
	$('#vzddesc').html(desc).addClass('vzor_' + id);
}

function showProductDetail(id){
	var desc = $('#vzor' + id).find('span').html();
	var className = $('#vzor' + id).attr('class');
	$('#vzornikdetail').show();
	$('#vzornik').hide();
	$('#vzdpic').attr('class', className);
	$('#vzddesc').html(desc).addClass('vzor_' + id);
}

function hideDetail(){
	$('#vzornik').show();
	$('#vzornikdetail').hide();
	$('#vzdpic').removeAttr('class');
	$('#vzddesc').removeAttr('class');
}

function moveVZright(){
	var actualItem = $('#vzddesc').attr('class');
	var id = actualItem.split('_')[1];

	if (!($('#vzor' + id).is('.last'))) {
		var nextItem = $('#vzor' + id).next().attr('id');
		if (nextItem.length) {
			var desc = $('#' + nextItem).find('span').html();
			
			var nextItemLength = nextItem.length;
			var nextId = nextItem.substring(4, nextItemLength);

			var bigImageUrl = $('#vzor' + nextId).attr('href');
			var bigImageSrc = bigImageUrl.split(',')[1];
			var bigImageSrcLength = bigImageSrc.length;
			var bigImage = bigImageSrc.substring(2, bigImageSrcLength-3);
			
			$('#vzdpic').css({
				'background': '#d5d5d5 url(' + bigImage + ') no-repeat top left'
			});

			$('#vzddesc').html(desc);
			$('#vzddesc').removeAttr('class').addClass('vzor_' + nextId);
		}
	}
}

function moveVZleft(){
	var actualItem = $('#vzddesc').attr('class');
	var id = actualItem.split('_')[1];
	
	if (!($('#vzor' + id).is('.first'))) {
		var prevItem = $('#vzor' + id).prev().attr('id');
		if (prevItem.length) {
			var desc = $('#' + prevItem).find('span').html();
			
			var prevItemLength = prevItem.length;
			var prevId = prevItem.substring(4, prevItemLength);
			
			var bigImageUrl = $('#vzor' + prevId).attr('href');
			var bigImageSrc = bigImageUrl.split(',')[1];
			var bigImageSrcLength = bigImageSrc.length;
			var bigImage = bigImageSrc.substring(2, bigImageSrcLength-3);
			
			$('#vzdpic').css({
				'background': '#d5d5d5 url(' + bigImage + ') no-repeat top left'
			});
			$('#vzddesc').html(desc);
			$('#vzddesc').removeAttr('class').addClass('vzor_' + prevId);
		}
	}
}

function moveProductRight(){
	var actualItem = $('#vzddesc').attr('class');
	var id = actualItem.split('_')[1];

	if (!($('#vzor' + id).is('.last'))) {
		var nextItem = $('#vzor' + id).next().attr('id');
		if (nextItem.length) {
			var desc = $('#' + nextItem).find('span').html();
			
			var nextItemLength = nextItem.length;
			var nextId = nextItem.substring(4, nextItemLength);

			var className = $('#vzor' + nextId).attr('class');
			$('#vzdpic').removeAttr('class').attr('class', className);

			$('#vzddesc').html(desc);
			$('#vzddesc').removeAttr('class').addClass('vzor_' + nextId);
		}
	}
}

function moveProductLeft(){
	var actualItem = $('#vzddesc').attr('class');
	var id = actualItem.split('_')[1];
	
	if (!($('#vzor' + id).is('.first'))) {
		var prevItem = $('#vzor' + id).prev().attr('id');
		if (prevItem.length) {
			var desc = $('#' + prevItem).find('span').html();
			
			var prevItemLength = prevItem.length;
			var prevId = prevItem.substring(4, prevItemLength);
			
			var className = $('#vzor' + prevId).attr('class');
			$('#vzdpic').removeAttr('class').attr('class', className);

			$('#vzddesc').html(desc);
			$('#vzddesc').removeAttr('class').addClass('vzor_' + prevId);
		}
	}
}

function moveRight(){
	act++;
	if(act>(bgs.length-1)) act=1;
	document.getElementById('wrap_detail').style.background='#D5D5D5 url('+bgs[act]+') no-repeat top center';
}

function moveLeft(){
	act=act-1;
	if(act<1) act=bgs.length-1;
	document.getElementById('wrap_detail').style.background='#D5D5D5 url('+bgs[act]+') no-repeat top center';
}

function setCookie(name, value, expires, path, domain, secure){
	var today = new Date();
	today.setTime( today.getTime() );

	if ( expires )
	{
	expires = expires * 1000 * 60 * 60 * 24;
	}
	var expires_date = new Date( today.getTime() + (expires) );

	document.cookie = name + "=" +escape( value ) +
	( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) +
	( ( path ) ? ";path=" + path : "" ) +
	( ( domain ) ? ";domain=" + domain : "" ) +
	( ( secure ) ? ";secure" : "" );
}

function savePosition(page) {   
	var marginPosition = document.getElementById('scrollContentP').style.marginLeft;
	var leftPosition = document.getElementById('sliderHandlerP').style.left;
	if (marginPosition=='') {marginPosition=0}                  
	setCookie('page_position_name', page, 1, '/', '', '');
	setCookie('page_position_margin', marginPosition, 1, '/', '', '');
	setCookie('page_position_slider', leftPosition, 1, '/', '', '');
	return false;
}

last='show0';

function show(id){
	document.getElementById(last).style.display='none';
	document.getElementById(id).style.display='block';
	last=id;
}

function moveSlider(kam){
$(document).ready(function(){
	var plus=100/(($('.scroll-content').width()/607)-($('.scroll-pane').width()/607));	
	var value = $( ".scroll-bar" ).slider( "option", "value" );
	
	if(kam=='right'){
		if(value < 100){
			$( ".scroll-bar" ).slider( "option", "value", value+plus );
		}
		else $( ".scroll-bar" ).slider( "option", "value", 100 );
	}
	else{
		if(value > 0){
			$( ".scroll-bar" ).slider( "option", "value", value-plus );
		}
		else $( ".scroll-bar" ).slider( "option", "value", 0 );
	}
	
	var maxScroll = $('.scroll-content').width() - $('.scroll-pane').width();
	$('.scroll-content').css('margin-left', '-' + $( ".scroll-bar" ).slider( "option", "value")*(maxScroll / 100) + 'px');
});  
}

function setSlider(kam,kam2){
	$(document).ready(function(){
		$('.scroll-bar').slider('option', 'value', kam );
		$('.scroll-content').css('margin-left', '-' + kam2 + 'px');
	});
}

function setSlider2(kam,kam2){
	$(document).ready(function(){
		$('#sliderHandlerP').css({'left' : kam}); 
		$('#scrollContentP').css({'marginLeft' : kam2}); 
	});                	
}

function slideProduct() {

	//scrollpane parts
	var scrollPane = $('.scroll-pane');
	var scrollContent = $('.scroll-content');

	
	//build slider
	var scrollbar = $(".scroll-bar").slider({
		animate: true,
		change: handleSliderChange,
		slide: handleSliderSlide
	});
	
	function handleSliderChange(e, ui){
	
	  var maxScroll = scrollContent.width() - scrollPane.width();
	  //alert(maxScroll);
	  scrollContent.animate({marginLeft: -(ui.value * (maxScroll / 100)) }, 1000);
	}
	
	function handleSliderSlide(e, ui){

		if( scrollContent.width() > scrollPane.width() ){ 
			scrollContent.css('margin-left', Math.round( ui.value / 100 * ( scrollPane.width() - scrollContent.width() )) + 'px');
		}
		else { scrollContent.css('margin-left', 0); }
	}
	
	//append icon to handle
	var handleHelper = scrollbar.find('.ui-slider-handle')
	.mousedown(function(){
		scrollbar.width( handleHelper.width() );
	})
	.mouseup(function(){
		scrollbar.width( '100%' );
	})
	//.append('<span class="ui-icon ui-icon-grip-dotted-vertical"></span>')
	.wrap('<div class="ui-handle-helper-parent"></div>').parent();
	
	//change overflow to hidden now that slider handles the scrolling
	scrollPane.css('overflow','hidden');
	
	//size scrollbar and handle proportionally to scroll distance
	function sizeScrollbar(){
	
		var remainder = scrollContent.width() - scrollPane.width();
		if(remainder<0) remainder=0;
		var proportion = remainder / scrollContent.width();
		var handleSize = scrollPane.width() - (proportion * scrollPane.width()) - 60;
		
		if(remainder==0) handleSize=0;
		
		//-handleSize/2
		scrollbar.find('.ui-slider-handle').css({
			width: handleSize,
			'margin-left': -handleSize/2 
		});
		handleHelper.width('').width( scrollbar.width() - handleSize);
	}
	
	//reset slider value based on scroll content position
	function resetValue(){
		var remainder = scrollPane.width() - scrollContent.width();
		var leftVal = scrollContent.css('margin-left') == 'auto' ? 0 : parseInt(scrollContent.css('margin-left'));
		var percentage = Math.round(leftVal / remainder * 100);
		scrollbar.slider("value", percentage);
	}
	//if the slider is 100% and window gets larger, reveal content
	function reflowContent(){
			var showing = scrollContent.width() + parseInt( scrollContent.css('margin-left') );
			var gap = scrollPane.width() - showing;
			if(gap > 0){
				scrollContent.css('margin-left', parseInt( scrollContent.css('margin-left') ) + gap);
			}
	}
	
	//change handle position on window resize
	$(window)
	.resize(function(){
			resetValue();
			sizeScrollbar();
			reflowContent();
	});
	//init scrollbar size
	setTimeout(sizeScrollbar,10);//safari wants a timeout
};

function close(){
	$('#card').hide();
	$('#pdet3').css({
		'background': 'transparent'
	});
	$('#wrap_detail .btn-close').hide();
	$('#wrap_detail .btn-open').show();
}

function open(){
	$('#card').show();
	$('#pdet3').css({
		'background': '#ffffff'
	});
	$('#wrap_detail .btn-close').show();
	$('#wrap_detail .btn-open').hide();
}