$(document).ready(function() {
  var userAgent=navigator.userAgent.toLowerCase();
  if(userAgent.search(/iphone|ipod|ipad|android/) > 0) {
    //console.log('do it');
    $(window).scroll(fn = function() {    
      $('#blog-ribbon').animate({'top':(window.pageYOffset + window.innerHeight - 165) + 'px'}, 'fast');
      $('#logo').animate({'top':(window.pageYOffset + window.innerHeight - 151) + 'px'}, 'fast');
    });
  }

  $('#close-ribbon').click(function() {
    $('#blog-ribbon').remove();
  });
  
  //$.backstretch("images/cm_bl.jpg");
  // 
  // 
  $fullback = $('#backstrech-link').attr('href');
  $.backstretch($fullback);
  

  
  $(".drag-me").draggable({
    stop: function(ui,event) {
      var left = $(this).css('left');
      var top  = $(this).css('top');
      $('.drag-me').css({"left":left, "top":top});
    }
  }).addTouch();
  
  function onBefore() {
      //$('#output').html("Scrolling image:<br>" + this.src);
      //window.console.log(  $(this).parent().children().index(this) );
  }
  function onAfter() {
      $(this).parent().children().removeClass('active');
      $(this).addClass('active');
      //window.console.log(  $(this).parent().children().index(this) );
  }
  
  window.setup_slider = function(){
    $('#plus').mousehold(function() {
      var $active = $('#slider .drag-me');
      var current_width = parseInt($active.width());
      var current_height = parseInt($active.height());
      var tmp_top = parseInt($active.css('top'));
       var tmp_left = parseInt($active.css('left'));
      var tmp_ratio = current_width / current_height;
      var tmp_new_height = parseInt((current_width+30) / tmp_ratio);
      $('#slider .drag-me').css({width: current_width+30, left: tmp_left-15, top: tmp_top-((tmp_new_height-current_height)/2)});
    });
    $('#minus').mousehold(function() {
      var $active = $('#slider .drag-me');
      var current_width = parseInt($active.width());
      var current_height = parseInt($active.height());
      var tmp_top = parseInt($active.css('top'));
       var tmp_left = parseInt($active.css('left'));
      var tmp_ratio = current_width / current_height;
      var tmp_new_height = parseInt((current_width+30) / tmp_ratio);
      $('#slider .drag-me').css({width: current_width-30, left: tmp_left+15, top: tmp_top+((tmp_new_height-current_height)/2)});
    });
  
    $('#slider').cycle({ 
        fx:     'scrollHorz', 
        speed:  'slow', 
        timeout: 0, 
        next:   '#next', 
        prev:   '#previous', 
        cleartype:     !$.support.opacity,
        cleartypeNoBg: true,
        before:  onBefore, 
        after:   onAfter 
    });
  
    var b_width = $(window).width();
    var b_height = $(window).height();
    var drag_width = parseInt($('#slider .drag-me').width());
    var drag_height = parseInt($('#slider .drag-me').height());
    var drag_top = parseInt((b_height/2)-(drag_height/2));
    var drag_left = parseInt((b_width/2)-(drag_width/2));
    $(".drag-me").css({left: drag_left, top: drag_top})
  }
  
  function adjustStyle(width) {
      width = parseInt(width);
      if (width < 716) {
          $("body").addClass("thin");
      } else if ((width >= 716) && (width < 898)) {
          $("body").removeClass("thin").removeClass("medium").removeClass("wide");
          $("body").addClass("narrow");
      } else if ((width >= 898) && (width < 1400)) {
          $("body").removeClass("narrow").removeClass("wide");
          $("body").addClass("medium");
      } else {
          $("body").removeClass("narrow").removeClass("medium");
          $("body").addClass("wide");
      }
  }

  $(function() {
      adjustStyle($(this).width());
      $(window).resize(function() {
          adjustStyle($(this).width());
      });
  });
  
});