var active_iphone = 1;
var mouse_down = false;
var iphoneflow = new ImageFlow();
$(document).ready(function(){
	iphoneflow.init({
        ImageFlowID: 'iphoneflow',
          circular: false,
          reflections: false,
          reflectionP: 0.2,
          slider: true,
          sliderCursor: 'pointer',
          captions: false,
          opacity: false,
          xStep: 250,
          imageFocusM: 1,
          imageFocusMax: 1,
          imagesHeight: 0.8,
          aspectRatio:2.2,
          percentLandscape: 240,
          imageCursor: 'pointer',
          sliderWidth: 57,
          scrollbarP: 0.49,
          buttons: true,
          onClick: function() {if($(this).attr('alt') == 'iPhoneMovie') {$('a#startMovie').click();return false;} else {return false;}}        
});
    $('#iphoneflow_previous').bind('mouseenter mouseleave',function(){$(this).toggleClass('hover_previous');});
    $('#iphoneflow_next').bind('mouseenter mouseleave',function(){$(this).toggleClass('hover_next');});

var bottom_add = $.browser.msie || /Chrome/.test(navigator.userAgent) ? 1 : 0;
$('#iphoneflow_slider').css('bottom',bottom_add+'px');
$('div.iphone_navi span.slide_index').each(function(i){
        $(this)
          .css({
            'bottom':'2px',
            'left':175 + (i*($(this).attr('id') == 'iphoneGlide6' ? 59 : 60)) + 'px',
            'position':'absolute',
            'width': $(this).attr('id') == 'iphoneGlide6' ? '17px' : '15px',
            'z-index':10050,
            'display': 'block'
        })
        .appendTo($('#iphoneflow'))
        .click(function(){
            iphoneflow.glideTo(i);
        })        
      ;

    });

});

var bmActiveSlide = function(ipf,pos,css_only) {
  if(pos == 'next' || pos == 'prev') {
      var new_pos = pos == 'next' ? (active_iphone + 1) : (active_iphone - 1);
      new_pos = new_pos < 1 ? 6 : (new_pos > 6 ? 1 : new_pos);
      bmActiveSlide(ipf,new_pos);
      //iphoneflow.MouseWheel.handle(-1);
  } else {
      pos = pos < 1 ? 6 : (pos > 6 ? 1 : pos);
      if(css_only != true) {
        ipf.glideTo(pos);
      }
      $('div.iphone_navi span').removeClass('activeSlide');
      $('#iphoneGlide' + pos).addClass('activeSlide');
      active_iphone = pos;
 }
}

//bmActiveSlide(my,imageID,true); in this.glideTo() in der imageflow.js einbauen, damit Slider mit allen Events zusammenarbeitet