$(function() {
                    $("#slider-range").slider({
                         range: true,
                         min: 0,
                         max: 10,
                         values: [0, 10],
                         slide: function(event, ui) {
                              $("#budget_from").val(ui.values[0]);
                              $("#budget_to").val(ui.values[1]);
                         }
                    });
               });
          
          
               $(function() {
                    $("#area-range").slider({
                         range: true,
                         min: 0,
                         max: 10,
                         values: [0, 10],
                         slide: function(event, ui) {
                              $("#area_from").val(ui.values[0]);
                              $("#area_to").val(ui.values[1]);
                         }
                    });
               });
          
               
               //Projects Gallery
               $(function() {
                    $(".anyClass").jCarouselLite({
                         btnNext: ".next",
                         btnPrev: ".prev",
                         easing: "easeOutBack",
                         speed: 1000, 
                         visible: 3
                    });
               });
               
			//
                    $(document).ready(function() {
                         $("a.group").fancybox({
                              'overlayShow'	: false
                         });
                    });
			//
               
               //
                    $(document).ready(function(){ 
                         $(document).pngFix();
                         $('input[title!=""]').hint();
                    }); 
               //
               
               //
               
               
          
          
          
          //
          $(document).ready(function() {		
               
               //Execute the slideShow, set 4 seconds for each images
               slideshow_beta(10000);
          
          });
          
          function slideshow_beta(speed) {
          
          
               //append a LI item to the UL list for displaying caption
               $('ul#slideshow_beta').append('<li id="slideshow_beta-caption" class="caption"><div id="slideshow_beta-caption-container"><h3></h3><p></p></div></li>');
          
               //Set the opacity of all images to 0
               //$('ul#slideshow_beta li').css({opacity: 1.0});
               
               //Get the first image and display it (set it to full opacity)
               //$('ul#slideshow_beta li:first').css({opacity: 1.0});
               
               //Get the caption of the first image from REL attribute and display it
               $('#slideshow_beta-caption h3').html($('ul#slideshow_beta a:first').find('img').attr('title'));
               $('#slideshow_beta-caption p').html($('ul#slideshow_beta a:first').find('img').attr('alt'));
                    
               //Display the caption
               $('#slideshow_beta-caption').css({bottom:5});
               
               //Call the gallery function to run the slideshow	
               var timer = setInterval('gallery()',speed);
               
               //pause the slideshow on mouse over
               $('ul#slideshow_beta').hover(
                    function () {
                         clearInterval(timer);	
                    }, 	
                    function () {
                         timer = setInterval('gallery()',speed);			
                    }
               );
               
          }
          
          function gallery() {
          
          
               //if no IMGs have the show class, grab the first image
               var current = ($('ul#slideshow_beta li.show')?  $('ul#slideshow_beta li.show') : $('#ul.slideshow_beta li:first'));
          
               //Get next image, if it reached the end of the slideshow, rotate it back to the first image
               var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow_beta-caption')? $('ul#slideshow_beta li:first') :current.next()) : $('ul#slideshow_beta li:first'));
                    
               //Get next image caption
               var title = next.find('img').attr('title');	
               var desc = next.find('img').attr('alt');	
                    
               //Set the fade in effect for the next image, show class has higher z-index
               next.css({opacity: 1}).addClass('show').animate({opacity: 1.0}, 1000);
               
               //Hide the caption first, and then set and display the caption
               $('#slideshow_beta-caption').animate({bottom:5}, 700, function () {
                         //Display the content
                         $('#slideshow_beta-caption h3').html(title);
                         $('#slideshow_beta-caption p').html(desc);				
                         $('#slideshow_beta-caption').animate({bottom:5}, 700);	
               });		
          
               //Hide the current image
               current.animate({opacity: 1}, 2000).removeClass('show');
          
          }
          //