//Cufon.replace('#menu ul li a',{fontFamily: 'HypatiaSansProRegular', hover: {color: '#ffffff'}});
Cufon.replace('#body h1',{fontFamily: 'HypatiaSansProRegular'});
Cufon.replace('#body h2',{fontFamily: 'HypatiaSansProRegular'});
//Cufon.replace('#body p',{fontFamily: 'HypatiaSansProRegular'});
//Cufon.replace('#body p strong',{fontFamily: 'HypatiaSansProBold'});
//Cufon.replace('#body ul',{fontFamily: 'HypatiaSansProRegular'});
//Cufon.replace('#body div.last h4',{fontFamily: 'HypatiaSansProRegular'});
//Cufon.replace('#news h3',{fontFamily: 'HypatiaSansProBold'});
//Cufon.replace('#sidemenu h2',{fontFamily: 'HypatiaSansProRegular'});
//Cufon.replace('#sidemenu ul li a',{fontFamily: 'HypatiaSansProRegular'});
//Cufon.replace('#sidemenu ul li.section a',{fontFamily: 'HypatiaSansProRegular'});
//Cufon.replace('#sidemenu ul li ul.submenu li a',{fontFamily: 'HypatiaSansProRegular'});
//Cufon.replace('#sidemenu ul li ul.submenu li.section a',{fontFamily: 'HypatiaSansProRegular'});
//Cufon.replace('#footer',{fontFamily: 'HypatiaSansProRegular'});
//Cufon.replace('#screen .caption',{fontFamily: 'HypatiaSansProRegular',textShadow: '1px 1px 5px #000000'});
Cufon.replace('#control a',{fontFamily: 'HypatiaSansProRegular', hover: {color: '#ffffff'}});
//Cufon.replace('#form label',{fontFamily: 'HypatiaSansProRegular'});
//Cufon.replace('#documents',{fontFamily: 'HypatiaSansProRegular'});
Cufon.replace('#body #sidebar .step-info h3',{fontFamily: 'HypatiaSansProRegular'});
//Cufon.replace('#body #sidebar .step-info span',{fontFamily: 'HypatiaSansProRegular'});
//Cufon.replace('#body #sidebar .step-info p',{fontFamily: 'HypatiaSansProRegular'});
Cufon.replace('.cufon',{fontFamily: 'HypatiaSansProRegular'});
Cufon.replace('.cufonbold',{fontFamily: 'HypatiaSansProRegular'});


$(document).ready(function(){

  // search
  $('#SearchForm_SearchForm_Search').focus(function(){
    if($(this).val() == 'search'){
      $(this).val('');
    }
  })

  // home page
  $('#screen .slide').each(function(){
    $(this).children().css('opacity','0');
  }).filter(':first').addClass('current').children().css('opacity','1');

  $('#control a').hover(function(){
    clearInterval(AutoSlide)
    var target = $('#screen .' + $(this).attr('class'));
    if(target && !target.hasClass('current')){
      var current = $('#screen .current')
      target.addClass('current').children().stop().animate({opacity:1})
      current.removeClass('current').children().stop().animate({opacity:0})
    }
  })

  var ChangeSlide = function(){
    var current = $('#screen .current')
    var target = current.next();
    if(target){
       if(!target.hasClass('slide')){
         target = $('#screen .slide').filter(':first');
       }
      target.addClass('current').children().stop().animate({opacity:1},1600)
      current.removeClass('current').children().stop().animate({opacity:0},1600)
    }
  }

  var AutoSlide = setInterval( ChangeSlide, '4000' );

  // gallery
  $('#gallery a').lightBox();

  $('#gallery-next').click(function(){ GalleryPage(true) })
  $('#gallery-previous').click(function(){ GalleryPage(false) })

  var galleryMove = true;
  var lastPosition = parseInt(-(($('.gallery-page').width() * $('.gallery-page').size()) - $('.gallery-page').width()));

  var GalleryPage = function(next){
    if(galleryMove == true){
      galleryMove = false;
      var images = $('#gallery-inner');
      var position = images.css('left').replace('px','')
      if(next == true){
        if(position != lastPosition){
          position = parseInt(position) - parseInt(710)
          images.animate({ left: position }, 800, AllowGalleryMove)
        }else{
          galleryMove = true
        }
      }else{
        if(position != 0){
          position = parseInt(position) + parseInt(710)
          images.animate({ left: position }, 800, AllowGalleryMove)
        }else{
          galleryMove = true
        }
      }
    }
  }

  var AllowGalleryMove = function(){
    galleryMove = true;
  }

  // televisions
  $('.tv-info').filter(':first').css('display','block').addClass('current');
  $('.screen-finish').filter(':first').css('display','block').addClass('current');
  $('.television-downloads').filter(':first').css('display','block').addClass('current');
  $('.associated-accessories').filter(':first').css('display','block').addClass('current');

  $('.tv-small').each(function(){
    var size = $(this).attr('title');
    $(this).css({width: size+'px', height: ((size/20)*11)+'px'});
  })

  $('.screen-size-option').click(function(){
    if(!$(this).hasClass('current')){
      var referenceCode = $(this).attr('title');

      $('.screen-size-option').each(function(){
        if($(this).hasClass('current')){
          $(this).removeClass('current');
        }
      })

      $('.tv-info, .screen-finish, .television-downloads, .associated-accessories').each(function(){
        if($(this).hasClass('current')){
          $(this).css('display','none').removeClass('current');
        }
      })
      
      $(this).addClass('current');
      $('#'+referenceCode+'-content').css('display','block').addClass('current');
      $('#'+referenceCode+'-screen-finish').css('display','block').addClass('current');
      $('#'+referenceCode+'-downloads').css('display','block').addClass('current');
      $('#'+referenceCode+'-associated-accessories').css('display','block').addClass('current');

    }
  }).filter(':first').addClass('current')

  $('.screen-finish-option').click(function(){
    var selected = $(this).attr('title');
    var referenceCode = $(this).parent().attr('id').replace('-screen-finish','');
    $('.tv-info').each(function(){
      if($(this).hasClass('current')){
        $(this).find('img').attr('src','/assets/Uploads/'+referenceCode+'_'+selected+'.jpg');
      }
    })
    $(this).parent().find('.screen-finish-option').removeClass('current')
    $(this).addClass('current');
  })

  // forms validation
  $('form').submit(function(){
    $('.form-error').remove();
    var valid = true;
    $('fieldset',this).each(function(){
      $(this).find('.required').each(function(){
        if( $(this).val() == '' ){
          $(this).after('<span class="span-8 form-error">Field is required</span>');
          valid = false;
        }
      })
    })
    return valid;
  })

  $('#reset').click(function(){
    $('.form-error').remove();
    $('#form fieldset input[type="text"], #form fieldset textarea').val('')
  })

  /* installation animation
  $('.step-image').each(function(){
    if($(this).height() > $('#image-holder').height()){
      $('#image-holder').height($(this).height())
    }
  }).filter(':first').css('display','block').addClass('current');
  $('.step-info').each(function(){
    if($(this).height() > $('#text-holder').height()){
      $('#text-holder').height($(this).height())
    }
  }).filter(':first').css('display','block').addClass('current');

  var stepWidth = (344 / $('#image-holder').children().size());
  $('#progress .bar').width(stepWidth);

  $('#step-next').click(function(){ChangeStep(true,true)})
  $('#step-previous').click(function(){ChangeStep(false,true)})
  $('#step-play').click(function(){
    AutoStep = setInterval( ChangeStep, '6000' )
  })

  var ChangeStep = function(next,autoStop){
    var transitionSpeed = 800
    if(autoStop === true){
      clearInterval(AutoStep)
      transitionSpeed = 400
    }
    var stepForward = true;
    if( next === false ){
      stepForward = false;
    }
    var currentImage = $('#image-holder .current');
    var currentText = $('#text-holder .current');
    if(stepForward === true){
      var targetImage = currentImage.next();
      var targetText = currentText.next();
    }else{
      var targetImage = currentImage.prev();
      var targetText = currentText.prev();
    }
    var progressWidth = (targetImage.attr('title') * stepWidth)
    if(targetImage.hasClass('step-image') && targetText.hasClass('step-info')){
      currentImage.fadeOut(transitionSpeed).removeClass('current')
      currentText.fadeOut(transitionSpeed).removeClass('current')
      targetImage.fadeIn(transitionSpeed).addClass('current')
      targetText.fadeIn(transitionSpeed).addClass('current')
      $('#progress .bar').animate({width:progressWidth},transitionSpeed)
    }
  }

  var AutoStep = setInterval( ChangeStep, '6000' )
  */

})