jQuery(document).ready(function($){  
                	if(!($.browser.msie))
      	{
      // we make objects from slider SIGNS
			     var rot=$('#sign_min').rotate(0);
			     var rota=$('#sign_max').rotate(0);      
		    } 
        	else// if(($.browser.msie && $.browser.version!="6.0"))
          {
          //alert('pss');

          
          }   
           
    if(jQuery.browser.msie)
      {
        $("#vml_ie").append("<style>v\:image { behavior:url(#default#VML); display:inline-block ; -ms-interpolation-mode: bicubic}</style>\n");
        $("#vml_ie").append("<xml:namespace ns=\"urn:schemas-microsoft-com:vml\" prefix=\"v\" />");
      } 
        $('#featured_home li').find("a.slider_img").preload();        
  /*
      
      
        
      <!-- Include the VML behavior -->
<style>v\:image { behavior:url(#default#VML); display:inline-block ; -ms-interpolation-mode: bicubic}</style>
<!-- Declare the VML namespace -->
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" />
 */
      /////////////////////////////
      // SLIDER
      /////////////////////////////
      // PARAMETERS:
      var $rotate_plus_sign_about = 180;    // degrees
      var $rotate_minus_sign_about = -180;  // degrees
      var $width_of_the_image = 162;        // width of ONE image in pixels, including the margin !!
      var $speed_of_moving = 0;             // in miliseconds, speed which are the images moving
      
      // SLIDER MAX is the minus sign
      // SLIDER MIN is the plus sign
      
      /////////////////////////////
      //INTERNAL PARAMS, PLEASE DONT CHANGE
      /////////////////////////////
	    var $rotmaxangle = 180;
      var $rotminangle = -180;
      var $es = $("#thumbs").find("li").size();   // el = Elements in Slider
      var $es_width = $width_of_the_image;
      var autoslide_interval;

      
      $("#sl_content").css("width", $es_width * $es);
	    var $kook = 0;
      var $step = 0;
      var $actual_step = 0; 
      var $max_step = $es - 5;
      var actual_selected = 0;
      /*      $('#featured_home li').click(function() {
        $("#slider_main_img").fadeTo(150, 0);   //  fade the MAIN IMAGE to WHITE. And when is the main image white, we call the callback function 
        $(this).fadeTo(150, 0.5,  function()    // fade all slider images to non transparent
        {// callback function
          // GETTING THE Attributes from slider
          $("#slider_post_cat").html($(this).find("div.slider_tit").html());
         // $("#slider_img_tit").attr("href", $(this).find("a.slider_tit").attr("href"));
            
          $("#slider_img_desc").html($(this).find("a.slider_desc").html());
          $("#slider_img_desc").attr("href", $(this).find("a.slider_desc").attr("href"));
          
          // FLIPPING THE IMAGE
          $("#slider_main_img").attr("src",$(this).find("a.slider_img").attr("href")); 
           $("#slider_main_img").fadeTo(150, 1); // FADING MAIN IMAGE TO NORMAL
        });
  
       
  
        $('#featured_home li').fadeTo(5, 1);      // FADE ALL SLIDER IMAGES TO NORMAL
  		  $(this).fadeTo(150, 1);

      });*/
     function auto_slide()
      {
      //  alert($es);
         if(actual_selected < $es - 1)
         {
           actual_selected++;
         }
         else // reset slider
         {
             actual_selected = 0;
             $kook = 0;
             $("#sl_content").stop(false, false);
          $("#sl_content").animate({marginLeft: $kook}, 300 );
         }
         if(actual_selected >=5)
         {
          actual_step = actual_selected - 4;
          $step = $es_width; 
          $kook = $kook -  $step; 
          $("#sl_content").stop(false, false);
          $("#sl_content").animate({marginLeft: $kook}, 300 );
         }
         
         
           $('#featured_home li').eq(actual_selected).fadeTo(150, 0.5,  function() 
           {
                $("#slider_post_cat").html($(this).find("div.slider_tit").html());
                $("#slider_img_desc").html($(this).find("a.slider_desc").html());
                $("#slider_img_desc").attr("href", $(this).find("a.slider_desc").attr("href"));
                $("#slider_main_img").attr("src",$(this).find("a.slider_img").attr("href"));
                $("#slider_main_img").fadeTo(150, 1); 
                $(this).fadeTo(5, 1);
           });                                      
   /*       $("#slider_main_img").fadeTo(150, 0); 
          if($es > 5 && actual_selected >=4)
          {
        //  alert("pica");
              $step = $es_width; 
              $kook = $kook -  $step; 
              $("#sl_content").stop(false, false);
              $("#sl_content").animate({marginLeft: $kook}, 300 );
              $actual_step++;
              actual_selected++;
          }
          else if(actual_selected <=3)
          {

                 actual_selected++;
                   if($actual_step == $es - 6 || actual_selected == $es - 1 ) { clearInterval(autoslide_interval);}
          }
        
                                                 $('#featured_home li').eq(actual_selected).fadeTo(150, 0.5,  function() 
           {
                $("#slider_post_cat").html($(this).find("div.slider_tit").html());
                $("#slider_img_desc").html($(this).find("a.slider_desc").html());
                $("#slider_img_desc").attr("href", $(this).find("a.slider_desc").attr("href"));
                $("#slider_main_img").attr("src",$(this).find("a.slider_img").attr("href"));
                $("#slider_main_img").fadeTo(150, 1); 
                $(this).fadeTo(5, 1);
           });                                                                                     */
           //if($actual_step == $es - 6 || actual_selected == $es - 1 ) { clearInterval(autoslide_interval);}
      } 

 //    auto_slide();  
        
      if(autoslide_time  != 0)
      {
      autoslide_interval = setInterval ( auto_slide, autoslide_time );
      }
      
      if(!($.browser.msie)) 
      {         
       // $('#round_max').css("border", "1px solid black");
        $('#round_max').css("width", 26);	
        $('#round_max').css("height", 26);	
        $('#round_min').css("width", 26);	
        $('#round_min').css("height", 26);	
      }
      else
      {     
      $('#round_max').css("margin", "34px 10px 33px 10px;");
      $('#round_min').css("margin", "34px 10px 33px 10px;");
     
      $('#sign_min').css("positon", "absolute");
      $('#sign_min').css("top", 41);
      $('#sign_min').css("left", 16);
      
      $('#sign_max').css("positon", "absolute");
      $('#sign_max').css("top", 40);
      $('#sign_max').css("left", 16);
       // $('#slider_max').("width", 26);	
      }
      
      
      

			if(!$.browser.msie)   // position of the signs in IE (dear got i was making that about 3 hours)
			{
  			rot[0].css("position", "absolute");
  			rot[0].css("top", '38px');
  			rot[0].css("left", '13px');	
  			rota[0].css("position", "absolute");
  			rota[0].css("top", '37px');
  			rota[0].css("left", '12px');
			}
	/*		else if(!($.browser.msie && $.browser.version=="6.0"))                // position of the signs in normal working internet browser (mozilla, opera, etc)
			{
        rot[0].css("position", "absolute");
  			rot[0].css("top", '38px');
  			rot[0].css("left", '13px');
  			rota[0].css("position", "absolute");
  			rota[0].css("top", '37px');
  			rota[0].css("left", '12px');
      }
    */  
      // SLIDER MAX is the minus sign
      // SLIDER MIN is the plus sign
      $('#slider_max').hover(     // HERE WE SCALE THE CIRCLE WHEN THE MOUSE IS IN THE ELEMENT
      function () {
      if(!($.browser.msie && $.browser.version=="6.0")) 
      {
      $('#round_max').animate({ 
        width: 30, 
        height: 30,
        marginLeft: 10 ,
        marginTop:35
        }, 50 );
      }
      }, 
      function () {
      if(!($.browser.msie && $.browser.version=="6.0")) 
      {
        $('#round_max').animate({ 
        width: 26, 
        height: 26,
        marginLeft: 12 ,
        marginTop:37
        }, 50 );
        }
      }); 
              $('#round_max').animate({ 
        width: 26, 
        height: 26,
        marginLeft: 12 ,
        marginTop:37
        }, 50 );
        
      
              $('#round_min').animate({ 
        width: 26, 
        height: 26,
        marginLeft: 12 ,
        marginTop:37
        }, 50 );
      
    $('#slider_min').hover(   // HERE WE SCALE THE CIRCLE WHEN THE MOUSE IS IN THE ELEMENT
      function () {
       if(!($.browser.msie && $.browser.version=="6.0")) 
      {
      $('#round_min').animate({ 
        width: 30, 
        height: 30,
        marginLeft: 10 ,
        marginTop:35
        }, 50 );
        }
      }, 
      function () {
       if(!($.browser.msie && $.browser.version=="6.0")) 
      {
        $('#round_min').animate({ 
        width: 26, 
        height: 26,
        marginLeft: 12 ,
        marginTop:37
        }, 50 );
        }
      }); 
      
       // SLIDER MAX is the minus sign
      // SLIDER MIN is the plus sign
      
      // HERE IS THE ROTATING OF MINUS SIGN AND SLIDING
      $('#slider_max').click(function() {
      clearInterval(autoslide_interval);
      $('#slider').onselectstart = function () { return false; }
      $('#sign_max').stop();
      // IE fix
       if(!($.browser.msie)) 
      {
      if($rotminangle%360 == 0 && $.browser.msie)
      {
      	rota[0].animate({ 
        top: 38,
        left: 13
        }, 0 );
			}
			else if($.browser.msie)
		  {          
		  	rota[0].animate({ 
        top: 37,
        left: 12
        }, 0 );
      }
          
      // main rotation
      rota[0].rotateAnimation($rotminangle);
      $rotminangle = $rotminangle - 180;
      }
      
      if($actual_step <= 0)   // if is the slider on the end, we make a bounce effect
      {
        $("#sl_content").stop(false, false);
        $("#sl_content").animate({marginLeft: +20}, 300 );
        $("#sl_content").animate({marginLeft: 0}, 80 );
      }
     else  // when the slider can move, we move it
      {
        $step =$es_width;
        $kook = $kook +  $step; 
        $("#sl_content").stop(false, false);
        $("#sl_content").animate({marginLeft: $kook}, 400 );
        $actual_step--;
      }
      });
        
        
        
       
       // SLIDER MAX is the minus sign
      // SLIDER MIN is the plus sign 
      $('#slider_min').click(function() {
      clearInterval(autoslide_interval);
      $('#sign_min').stop();
      // IE fix
       if(!($.browser.msie)) 
      {
      if($rotmaxangle%360 == 0 && $.browser.msie)
      {
      	rot[0].animate({ 
        top: 38,
        left: 14
        }, 0 );
			}
			else if($.browser.msie)
		  {
		  	rot[0].animate({ 
        top: 37,
        left: 13
        }, 0 );      
      }
      rot[0].rotateAnimation($rotmaxangle);
      $rotmaxangle = $rotmaxangle + 180;
      }
      if($actual_step >= $max_step) // if we cant move, do the bounce effect
      {
        $("#sl_content").stop(false, false);
        var $bounce = (($es * $es_width) - (5*$es_width)) * (-1);
        $("#sl_content").animate({marginLeft: $bounce - 20}, 300 );
        $("#sl_content").animate({marginLeft: $bounce}, 80 );
      }
      else    // else move the slider
      {
        $step = $es_width; 
        $kook = $kook -  $step; 
        $("#sl_content").stop(false, false);
        $("#sl_content").animate({marginLeft: $kook}, 300 );
        $actual_step++;
      }       
      });
     
      // CHANGING THE IMAGES     
      $('#featured_home li').click(function() {
        clearInterval(autoslide_interval);
        $("#slider_main_img").fadeTo(150, 0);   //  fade the MAIN IMAGE to WHITE. And when is the main image white, we call the callback function 
        $(this).fadeTo(150, 0.5,  function()    // fade all slider images to non transparent
        {// callback function
          // GETTING THE Attributes from slider
          $("#slider_post_cat").html($(this).find("div.slider_tit").html());
         // $("#slider_img_tit").attr("href", $(this).find("a.slider_tit").attr("href"));
            
          $("#slider_img_desc").html($(this).find("a.slider_desc").html());
          $("#slider_img_desc").attr("href", $(this).find("a.slider_desc").attr("href"));
          
          // FLIPPING THE IMAGE
          $("#slider_main_img").attr("src",$(this).find("a.slider_img").attr("href")); 
           $("#slider_main_img").fadeTo(150, 1); // FADING MAIN IMAGE TO NORMAL
        });
  
       
  
        $('#featured_home li').fadeTo(5, 1);      // FADE ALL SLIDER IMAGES TO NORMAL
  		  $(this).fadeTo(150, 1);

      });
       
  });