/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


$(document).ready(function() {

	
	$('#smenu').hide();
	
	$('#gallery a').lightBox({
	
			containerResizeSpeed: 100,
			txtImage: 'Zdjêcie',
			txtOf: 'z'
	
	});	
	

    // initialize scrollable
	 
  var api = $("div.scrollable").scrollable({
    size: 1,
    clickable: false,
    loop: true,
    api: true
    });

    $('div.option[rel='+api.getIndex()+']>div.caption').addClass('caption_active');

    api.onBeforeSeek(function() {

	 	  var i = this.getIndex();	
			
		  if(i < 3)	
		  {
				$('div.option[rel='+i+']>div.caption').removeClass('caption_active');
		  }	
		  else
		  {
				$('div.pOption[rel='+i+']>div.pCaption').removeClass('product_active');
		  }		
	 
        

    });

    api.onSeek(function() {

	 	  var i = this.getIndex();	
			
		  if(i < 3)	
		  {	
        	  $('div.option[rel='+i+']>div.caption').addClass('caption_active');
				
			  if(i == 1 || i > 2)
			  {
			  		if($('#smenu').is(':hidden')){
			  			$('#smenu').fadeIn();	
					}
			  }
			  else
			  {
			  if($('#smenu').is(':visible')){
					$('#smenu').fadeOut();
					}
			  }	
		  }
		  else
		  {
				$('div.pOption[rel='+i+']>div.pCaption').addClass('product_active');
		  }						
			

    });

    $('div.option').click(function(e) {

        var sApi = $("div.scrollable").scrollable();

        sApi.seekTo($(this).attr("rel"));

    });
	 
	 
	 $('div.pOption').click(function(e) {

        var sApi = $("div.scrollable").scrollable();

        sApi.seekTo($(this).attr("rel"));

    });









});