var timer;

$(document).ready(function()
{
  //enhanceHeadings();
  
  prepareCameraFinder();
  
  createHelpTips();
  activateHelpTips();
  
  prepareExpandableBoxes();
  
  prepareTabs();
  prepareCarousels();
  
  prepareSearchForm();
  
  // lightbox initialisation
  $('a[rel*="lightbox"]').lightBox();
    
  $('#home .column:odd').addClass('two');
  
  // SLIDESHOW
  if($('div#slideshow').length)
  {
    $('div#slideshow').slideshow();
    
    skipToNextSlide('firstcall');
  }
  
  if ( $('div.divNeedToLogin').length )
  {
    $('div.divNeedToLogin').hide();
    
    $('dl#articleRating dd strong').bind(
      'mouseover',function(){
        $('div.divNeedToLogin').show();
      }
    ).bind(
      'mouseout',function(){
        $('div.divNeedToLogin').hide();
      }
    );
    
    $('div.divNeedToLogin').bind(
      'mouseover',function(){
        $('div.divNeedToLogin').show();
      }
    ).bind(
      'mouseout',function(){
        $('div.divNeedToLogin').hide();
      }
    );
  }
});

function enhanceHeadings()
{
  $('div.column h2').each(function(){
    $(this).replaceWith('<div class="headerContainer"><h2>'+$(this).html()+'</h2><img class="glyph" src="./media/img/heading_glyph.gif" alt="glyph" /></div> <!-- .headerContainer -->');
  });
}

function prepareSearchForm()
{
  $('#ctl00_Searchform1_txtSearchKeywords').click(function()
  {
    if(this.value==this.defaultValue)this.value='';
  });
  
  $('#btnSubmitSearchForm').click(function()
  {
    if($('#ctl00_Searchform1_txtSearchKeywords').val().trim()=='')
    {
      BlockAlert('Enter your search term');
      $('#ctl00_Searchform1_txtSearchKeywords').focus();
      return false;
    }
    else
    {
      redirectToSearch();
      return false;
    }
  });
  
  $("#ctl00_Searchform1_txtSearchKeywords").keypress(
  function (e) 
  {
    if(e.which==13)
    {
      redirectToSearch();
      return false;
    }
  }
  );
}

/* ie not handling the enter key very nicely */
/*
$(document).ready(function()
{
  if ($.browser.msie) 
  {
    $(".article .form li input").keypress(function (e)
    {
      if(e.which==13) {return false;}
    });
  }
});
*/

function redirectToSearch()
{
  document.location.href = '/site-search-results?q=' + $('#ctl00_Searchform1_txtSearchKeywords').val();
}

function prepareCameraFinder()
{
  $('div#cameraFinder div.panel ins img').click(function(){
    top.location=$(this).parent().parent().parent().parent().parent().attr('href');
  });
  
  /*
  $('div#cameraFinder div.panel a').each(function()
  {
    $(this).click(function()
    {
      if ( $(this).parent().hasClass('open') )
      {
        $(this).parent().find('form').slideUp('slow',function(){ $(this).parent().removeClass('open'); });
      }
      else
      {
        $(this).parent().addClass('open');
        $(this).parent().find('form').css('display','none');
        
        $(this).parent().find('form').slideDown('slow');
      }
      
      return false;
    });
  });
  */
}

function restoreMouseOvers()
{
  $('div#cameraFinder div.panel:not(.open) a').each(function()
  {
    $(this).bind(
      'mouseover',function(){
        $(this).css('background-color','#D6D6D6');
      }
    ).bind(
      'mouseout',function(){
        $(this).css('background-color','#E9E9E9');
      }
    );
  });
}

function createHelpTips()
{
  $('div.helpTip').each(function()
  {
    if ( !$(this).parent().hasClass('open') )
    {
      $(this).before('<span class="helpTipReveal">?</span>');
      $(this).append('<img src="/media/img/helpTipTag.gif" alt="help tip tag" />');
    }
  });
}

function activateHelpTips()
{
  $('span.helpTipReveal').bind(
    'mouseover',function(){
      $(this).next('div.helpTip').show();
      $(this).parent().find('a').css('background-color','#D6D6D6');
    }
  ).bind(
    'mouseout',function(){
      $(this).next('div.helpTip').hide();
      $(this).parent().find('a').css('background-color','#E9E9E9');
      restoreMouseOvers();
    }
  );
}

function prepareExpandableBoxes()
{
  $('div#emailBestDealsForm').hide();
  
  $('a#emailBestDeals').click(function()
  {
    $('div#emailBestDealsForm').slideToggle();
    return false;
  });
  
  //$('div#commentsBox').hide();
  $('div#friendsBox').hide();
  
  $('a#toggleComments').click(function()
  {
    if ( $('a#toggleFriend').hasClass('active') )
    {
      $('a#toggleFriend').removeClass('active');
      $('div#friendsBox').slideUp();
    }
    
    if ( $(this).hasClass('active') )
    {
      $(this).removeClass('active');
      $('div#commentsBox').slideUp();
    }
    else
    {
      $(this).addClass('active');
      $('div#commentsBox').slideDown();
    }
    return false;
  });
  
  $('a#toggleFriend').click(function()
  {
    if ( $('a#toggleComments').hasClass('active') )
    {
      $('a#toggleComments').removeClass('active');
      $('div#commentsBox').slideUp();
    }
    
    if ( $(this).hasClass('active') )
    {
      $(this).removeClass('active');
      $('div#friendsBox').slideUp();
    }
    else
    {
      $(this).addClass('active');
      $('div#friendsBox').slideDown();
    }
    return false;
  });
  
  $('div#postCommentForm').hide();
  
}

function prepareTabs()
{
  // Tabbed Info
  $('#tabbedInfo ul').css('display','block');
  $('#tabbedInfo').tabs({ fxFade: true, fxSpeed: 'fast' });
}

function prepareCarousels()
{
  if ( $('#imageCarousel').length )
  {
    // Make sure there are more than 4 images...
    if ( $('#imageCarousel li').length > 5 )
    {
      $('#imageCarousel').jcarousel({ scroll:5,visible:5 });
    }
    else
    {
      $('#imageCarousel').replaceWith('<div class="carouselContainer"><ul id="imageCarousel">'+$('#imageCarousel').html()+'</ul></div>');
    }
    
    $('#imageCarousel a').click(function(){
      var src  = $(this).attr('href');;
      $('img#mainImage').attr('src',src);
      return false;
    });
  }
}

/* 
* SLIDESHOW
* 
* Based upon:
* jQuery Coda-Slider v1.1 - http://www.ndoherty.com/coda-slider
* Copyright (c) 2007 Niall Doherty
*/
$.fn.slideshow = function(settings) {
    return this.each(function() {
        var container = $(this);

        var slideWidth = container.find('div.slide').width();
        var slideCount = container.find('div.slide').size();
        var slideshowWidth = slideWidth * slideCount;

        container.find('div.slideshow').css("width", slideshowWidth);

        var cslide = 1;

        container.each(function(i) {
            $('li#slide1 a').click(function() { skipTo('1'); return false; });
            $('li#slide2 a').click(function() { skipTo('2'); return false; });
            $('li#slide3 a').click(function() { skipTo('3'); return false; });
            $('li#slide4 a').click(function() { skipTo('4'); return false; });
            $('li#slide5 a').click(function() { skipTo('5'); return false; });

            function skipTo(slide) {
                var cnt = -(slideWidth * (slide - 1));

                $('div.slideshow').animate({ marginLeft: cnt + "px" }, 750);

                $('li#slide1').removeClass('active');
                $('li#slide2').removeClass('active');
                $('li#slide3').removeClass('active');
                $('li#slide4').removeClass('active');
                $('li#slide5').removeClass('active');

                switch (slide) {
                    case '1':
                        $('li#slide1').addClass('active');
                        break;
                    case '2':
                        $('li#slide2').addClass('active');
                        break;
                    case '3':
                        $('li#slide3').addClass('active');
                        break;
                    case '4':
                        $('li#slide4').addClass('active');
                        break;
                    case '5':
                        $('li#slide5').addClass('active');
                        break;
                }
            }
        });
    });
};

function skipToNextSlide(a) {
    clearTimeout(timer);

    timer = setTimeout('skipToNextSlide()', 10000);

    if (typeof (a) == 'undefined') // Not initial page load...
    {
        switch ($('ul#slideshowControl li.active').attr('id').substring(5)) {
            case '1':
                changeSlide('2');
                break;
            case '2':
                if ($('#slide3').length > 0) { changeSlide('3'); }
                else { changeSlide('1'); }
                break;
            case '3':
                if ($('#slide4').length > 0) { changeSlide('4'); }
                else { changeSlide('1'); }
                break;
            case '4':
                if ($('#slide5').length > 0) { changeSlide('5'); }
                else { changeSlide('1'); }
                break;
            case '5':
                changeSlide('1');
                break;
        }
    }
}

function changeSlide(i) {
    var container = $('div#slideshow');

    var slideWidth = container.find('div.slide').width();
    var slideCount = container.find('div.slide').size();
    var slideshowWidth = slideWidth * slideCount;

    container.find('div.slideshow').css("width", slideshowWidth);

    var cnt = -(slideWidth * (i - 1));

    $('div.slideshow').animate({ marginLeft: cnt + "px" }, 750);

    $('li#slide1').removeClass('active');
    $('li#slide2').removeClass('active');
    $('li#slide3').removeClass('active');
    $('li#slide4').removeClass('active');
    $('li#slide5').removeClass('active');

    switch (i) {
        case '1':
            $('li#slide1').addClass('active');
            break;
        case '2':
            $('li#slide2').addClass('active');
            break;
        case '3':
            $('li#slide3').addClass('active');
            break;
        case '4':
            $('li#slide4').addClass('active');
            break;
        case '5':
            $('li#slide5').addClass('active');
            break;
    }
}

function BlockAlert(aMessage)
{
  $.blockUI({
    message:'<h1>' + aMessage + '</h1>',
    css:
    {
      border: 'none',
      padding: '15px',
      backgroundColor: '#000',
      '-webkit-border-radius': '10px',
      '-moz-border-radius': '10px',
      opacity: '.5',
      color: '#fff'
    }
  });
  
  setTimeout($.unblockUI,2000);
}


function hideFormOptions(value)
{
  // Toogle visibility of search form option panel
  // dependant on search for Compact Cameras under £250
  if (value == '0,250') {
    $("#cscSearch_CompactForm_featureslist").css("display", "none");
    $(".CameraFinderForm .optional").css("display", "none");
    $(".compactsearchmessage").css("display", "block");
  }
  else {
    $("#cscSearch_CompactForm_featureslist").css("display", "block");
    $(".CameraFinderForm .optional").css("display", "block");
    $(".compactsearchmessage").css("display", "none");
  }
}

String.prototype.trim = function()
{
  return this.replace(/^\s+|\s+$/g,"");
}

function rate(rating)
{
    jQuery.ajax(
    {
    url: '/assets/handlers/rate.ashx?rating=' + rating + '&type=' + ratingType + '&idToRate=' + idToRate,
    type: 'GET',
    dataType: 'text',
    cache: true,
    async:true,
    timeout: 120000,
    error: function()
        {
            alert('Error rating, please try again later');
        },
    success: function(somehtml)
        {
           if(somehtml == 'OK')
           {
            //set all rating displays to the rated amount
            //$(".rating:eq(0)").replaceWith('<span class="stars' + rating + '">' + rating + ' Stars</span>');
            //$(".rating:eq(0)").replaceWith('<strong class="stars' + rating + '">' + rating + ' Stars</strong>');
            
            $(".rating").replaceWith('<strong class="stars' + rating + '">' + rating + ' Stars</strong>');
           }     
        }
    });
}