jQuery(document).ready(function(){

if(jQuery('#slider') != null){ 
//set default background value for the element
jQuery('.o_nas_pointer').css({backgroundPosition: "66px -9px"});
jQuery('.wysylka_pointer').css({backgroundPosition: "66px -9px"});
jQuery('.rabaty_pointer').css({backgroundPosition: "66px -9px"});

//set first active slide
jQuery('.o_nas').addClass('slider_active');
jQuery('.o_nas_pointer').addClass('slider_active_pointer');
jQuery('.slider_active_pointer').css({backgroundPosition: "66px 0px"});

//set sliding div at the beginnig position
jQuery('#slide').css("marginTop", "0");

//set first active content
jQuery('#slider_content_o_nas').addClass('slider_content_active').show();
jQuery('#slider_content_wysylka').hide();
jQuery('#slider_content_rabaty').hide();

var m = jQuery('#slider_content_rabaty').css("marginTop");

//set animation for pointer
jQuery('#slider_top_names li')
  .mouseover(function(){
    
    //get class name of the element
    var name = jQuery(this).attr('class');
    
    //check if clicked element isn't active
    if(name != name+'slider_active'){
    jQuery('.'+name+'_pointer').stop().animate({backgroundPosition: "(66px 0px)"}, {duration:500});
    }

    })
  .mouseout(function(){
  
    //get class name of the element
    var name = jQuery(this).attr('class');
    
    //check if clicked element isn't active
    if(name != name+'slider_active'){
    jQuery('.'+name+'_pointer').stop().animate({backgroundPosition:"(66px -9px)"}, {duration:200, complete:function(){
    jQuery('.'+name+'_pointer').css({backgroundPosition: "66px -9px"});

    }});
    }

 });
 
 
//set content
jQuery('#slider_top_names li').click(function(){

//get clicked class name
var class_name = jQuery(this).attr('class');


//check if the class isn't accidentally clicked, if not the take action
if(class_name != 'o_nas slider_active' && class_name != 'wysylka slider_active' && class_name != 'rabaty slider_active'){

  //bring up slide div
  jQuery('#slide').hide().css("marginTop", "-240px"); 
  
  //remove old actvie classes and set new 
  jQuery('.slider_active').removeClass('slider_active');
  jQuery('.slider_active_pointer').animate({backgroundPosition: "(66px -9px)"}, {duration: 200}).removeClass('slider_active_pointer');
  jQuery(this).addClass('slider_active');
  
  //remove slider class form class name
  class_name = class_name.replace(' slider_active', '');
  
  //add active class to the pointer
  jQuery('.'+class_name+'_pointer').addClass('slider_active_pointer');
  
  //remove active class from slider content div
  jQuery('.slider_content_active').hide().removeClass('slider_content_active');

  //add active class for content div
  jQuery('#slider_content_'+class_name).addClass('slider_content_active').show();  

  //bring down slide div
  jQuery('#slide').pause(200).show().animate({marginTop: "0"}, {duration: 500});
  

  
  }
  

}); 


}

 })