//variables
            var rotateTimer;
            
            // auto-rotate 
            function autoRotate() {
                if ($('.stage-pager:visible').length>0) {
                    //console.log('forward');
                    $('.stage-pager').click();
                } else {
                    // rewind
                    //console.log('rewind');
                    $('.stage-pager').show();
                    $('.stage-pager-left').hide();
                    $('.state li').removeClass('active-alt').eq(0).addClass('active-alt');
                    
                    divHide($('#viewport div:visible'));
                    divShow($('#viewport div').eq(0));
                }
                scheduleRotation();
            }
            
            function scheduleRotation() {
                // clear previous timer, if any
                if (rotateTimer)
                clearTimeout(rotateTimer);
                
                rotateTimer = setTimeout(autoRotate, 10000);
            }
        
          $(document).ready( function () {
          // $('#viewport').cycle({              
             //  prev: '.stage-pager-left',
             //  next: '.stage-pager',
             //  slideExpr: 'div',
             //  speed: '1500',
             //  timeout : 5000,
             //  fx: 'scrollHorz',
             //  easing: 'easeInOutElastic',
            //   pause: 1
           // });

            //slider
            $('#viewport div').css({display: 'none', position: 'absolute'}).eq(0).css('display', 'block');
            
            $('.stage-pager-left').hide();
            
            //schedule autorotation
            scheduleRotation();
            
            $('.stage-pager').click(function() {
                var curIdx = $('#viewport div:visible').prevAll().length;
                //console.log(curIdx);
                if (curIdx < $('#viewport div').length-1) {
                  //$('#viewport div').css('display', 'none');
                  divHide($('#viewport div:visible'));
                  //$('#viewport div').eq(++curIdx).css('display', 'block');
                  divShow($('#viewport div').eq(++curIdx));
                } 
                
                if (curIdx == $('#viewport div').length-1)
                  $('.stage-pager').hide();
                if (curIdx >0)  
                  $('.stage-pager-left').show();
                  
                //update state
                $('.state li').removeClass('active-alt').eq(curIdx).addClass('active-alt');
                
                //schedule autorotation
                scheduleRotation();
            
                return false;
            });
            
            $('.stage-pager-left').click(function() {
                var curIdx = $('#viewport div:visible').prevAll().length;
                //console.log(curIdx);
                if (curIdx > 0) {
                  //$('#viewport div').css('display', 'none');
                  divHide($('#viewport div:visible'));
                  //$('#viewport div').eq(--curIdx).css('display', 'block');
                  divShow($('#viewport div').eq(--curIdx));
                } 
                
                if (curIdx < $('#viewport div').length-1)
                  $('.stage-pager').show();
                if (curIdx == 0)  
                  $('.stage-pager-left').hide();
                  
                //update state
                $('.state li').removeClass('active-alt').eq(curIdx).addClass('active-alt');
                
                //schedule autorotation
                scheduleRotation();
            
                return false;
            });
            
            $('.state li a').click(function () {
              var curIdx = $(this).parent().prevAll('li').length;
              // update image
              //$('#viewport div').css('display', 'none');
              divHide($('#viewport div:visible'));
              //$('#viewport div').eq(curIdx).css('display', 'block');
              divShow($('#viewport div').eq(curIdx));
              
              // update state
              $('.state li').removeClass('active-alt').eq(curIdx).addClass('active-alt');
              
              //update navigation button
              if (curIdx >= $('#viewport div').length-1)
                  $('.stage-pager').hide();
              else
                  $('.stage-pager').show();
                  
              if (curIdx >0)  
                $('.stage-pager-left').show();
              else
                $('.stage-pager-left').hide();
                  
              return false;
              
            });
            
            // menu
            $('#menu ul').superfish({speed:'fast', delay: 100}); 

        });
        
        function divShow(div) {
          $(div).css('opacity', '0').css('display', 'block').animate({opacity: 1}, 1000);
        }
        
        function divHide(div, cb) {
          $(div).css('opacity', '1').animate({opacity: 0}, 500, null, function () {$(div).css('display','none'); if (cb) cb();});
        }
        
        // bubble tooltip form
        $().ready(function(){
		$('.titleHintBox2').inputHintBox({className:'simple_box',source:'attr',attr:'title',incrementLeft:-150,incrementTop:-40});
	});