$(document).ready(function(){

  // záložky v detaylu produktu - tabulka
 $('#pdetail td').click(function(){
  $('#pdetail td').removeClass('active') ;
	$(this).addClass('active');
  $('.pitem').hide();
  var item = $(this).attr('id');
  $('.'+item).show(); 
 });


	//make several slideshows with class selector, all slideshows shares the same parameters
	$('.slideshow').divSlideShow(); 	
	
	//make one slideshow with id selector
	$('#dss,#plug-and-play').divSlideShow({
		height:180, 
		width:350, 
		arrow:"split",
		loop:3,
		slideContainerClass:"slide-container",
		separatorClass:"separator", 
		controlClass:"control",  
		leftArrowClass:"control", 
		rightArrowClass:"control", 
		controlActiveClass:"control-active",
		controlHoverClass:"control-hover",
		controlContainerClass:"control-container"
		
	});
	
	/* 
	Updates:
		1.2 - some core functions have been rewritten
			- slideshows can now be manipulated by custom controls (can be outside the slideshow) by using the function: $.divSlideShow.slideTo(slideShow, page)
				- slideShow: a DOM object or a jquery-style selector string, e.g. '#slideshow'
				- page: the target page, from 0 to (maxPage - 1)
		1.1 - children no longer need to have the class "slide", all immediate children will become a slide (i.e. go down one level in the DOM tree)
			- removed all default css classes
			- renamed parameter: innerClass to slideContainerClass
			- added parameters: controlHoverClass, controlContainerClass	
	
	Requirments:
		jquery-1.4.2
	
	Paremeters [default]:
		width	[200] - width of contents 
		height	[100] - height of contents (exclude controls, which adds extra height below the contents)
		arrow	["begin"] - position of the left/right arrow ("begin" or "end" or "split")
		loop	[1]	- number of loops of slideshow, set to 0 to disable slideshow
		delay	[5000] - time interval for slideshow, in milliseconds 
		
		leftArrowClass			[""] - css class for left arrow
		rightArrowClass			[""] - css class for right arrow
		slideContainerClass		[""] - css class for contents container
		controlClass			[""] - css class for control buttons 
		controlActiveClass		[""] - css class for active control buttons
		controlHoverClass		[""] - css class for mouse-hovered control buttons
		controlContainerClass	[""] - css class for the control button container
		separatorClass			[""] - css class for separator between contents and control buttons
	*/
});

function manipulate()
{
	$.divSlideShow.slideTo('#plug-and-play',$('#test_gotoPage').val()-1);
}