function ShowHideMoreFeatures(el)
{
  if (el.className == 'down')
  {
    $('#features').slideDown("slow");
    el.className = 'up';
  }
  else
  {
    $('#features').slideUp("slow");
    el.className = 'down';
  }
    
//  Effect.toggle($('features'), 'slide',{duration:0.8});
}

var slides = new Array();
size = -1;
slides[size = parseInt(size) +1] = 'group';
slides[size = parseInt(size) +1] = 'keyword';
slides[size = parseInt(size) +1] = 'contest';
slides[size = parseInt(size) +1] = 'survey';
slides[size = parseInt(size) +1] = 'coupons';
slides[size = parseInt(size) +1] = 'qr';
slides[size = parseInt(size) +1] = 'url';
slides[size = parseInt(size) +1] = 'analy';
slides[size = parseInt(size) +1] = 'form';
//slides[size = parseInt(size) +1] = 'location';
slides[size = parseInt(size) +1] = 'screen';
//slides[size = parseInt(size) +1] = 'mms';
slides[size = parseInt(size) +1] = 'apps';
slides[size = parseInt(size) +1] = 'vcards';
slides[size = parseInt(size) +1] = 'auto';
slides[size = parseInt(size) +1] = 'api';
slides[size = parseInt(size) +1] = 'name';
slides[size = parseInt(size) +1] = 'email';
slides[size = parseInt(size) +1] = 'steps';

var cur_slide = slides.length - 1;
var pause_rotate = false;
var timer;

function ChangeSlide(direction, pause_before_next)
{
  if (pause_before_next)
  {
    pause_rotate = false;
    clearTimeout(timer);
  }
  
  var last_active = cur_slide;
  
  if (direction == 'l')
    cur_slide = cur_slide - 1;
  else
    cur_slide = cur_slide + 1;
  
  if ($("#feat_" + (cur_slide + 1)).attr("alt"))
  {
    slides_len = slides.length;
    
    if (direction == 'l')
    {
      stop = true;
      for (i = (cur_slide - 1); stop; i = i - 1)
      {
//        alert(i + " " + stop + " " + $("#feat_" + (i + 1)).attr("alt"));
        
        if ($("#feat_" + (i + 1)).attr("alt") == undefined)
          stop = false;
        if (i < 0)
          i = slides_len + 1;
      }
      i = i + 1;
    }
    else
    {
      for (i = (cur_slide + 1); i < slides_len; i = i + 1)
      {
        if ($("#feat_" + (i + 1)).attr("alt") == undefined)
          break;
        if (i >= slides_len)
          i = -1;
      } 
    }
    cur_slide = i;
  }
    
  slides_len = slides.length;
  if (cur_slide < 0)
    cur_slide = slides_len - 1;
  if (cur_slide >= slides_len)
    cur_slide = 0;
    
  cur_slide = parseInt(cur_slide);
  
  $("#" + slides[last_active]).fadeOut(600);
  $("#" + slides[cur_slide]).fadeIn(200);
}

function ChangeSlide2(cur)
{
  pause_rotate = false;
  clearTimeout(timer);
  
  var last_active = cur_slide;
  cur_slide = cur;
  
  if ($("#feat_" + (cur_slide + 1)).attr("alt") == undefined)
  {
    $("#" + slides[last_active]).fadeOut(600);
    $("#" + slides[cur_slide]).fadeIn(200);
  }
  
  window.location='#fixed';
}

var cur_class = 'feature';
function ChangeFeaturesClass(exception)
{
  if (cur_class == 'feature')
    new_class = 'featureFiltered';
  else
    new_class = 'feature';
  var len = slides.length;
  for (i = 1; i <= len; i++)
  {
    id = 'feat_' + i;
    if (id != exception)
    {
      document.getElementById(id).className = new_class;
    }
  }
  
  cur_class = new_class;
}

function AutoChangeSlides()
{
  if (!pause_rotate)
  {
    clearTimeout(timer);
    timer = setTimeout('AutoChangeSlides()', 10000);
    ChangeSlide('r', false);
  }
}

// moved outside this file, so template variables can be used
// var blank = new Image();
// blank.src = 'images/transperant.gif';
 
 $(document).ready(function() {
   var badBrowser = (/MSIE ((5\.5)|6|7|8)/.test(navigator.userAgent) && navigator.platform == "Win32");
   if (badBrowser) {
     // get all pngs on page
     $('img[src$=.png]').each(function() {
       if (this.className == 'subimg')
       {
         if (!this.complete) {
           this.onload = function() { fixPng(this) };
         } else {
           fixPng(this);
         }
       }
     });
   }
 });
 
function fixPng(png) {
  // get src
  var src = png.src;
  // set width and height
  if (!png.style.width) { png.style.width = '60px'; }
  if (!png.style.height) { png.style.height = '62px' }
  // replace by blank image
  png.onload = function() { };
  png.src = blank.src;
  // set filter (display original image)
  png.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
}

function addFeatureEventsByDiv(i, j)
{
  $('#feat_' + j).mouseover(function() {
    $(".feature").addClass('featureFiltered');
    $(".feature").removeClass('feature');
    $('#feat_' + j).addClass('feature');
    $('#feat_' + j).removeClass('featureFiltered');
  });
  $('#feat_' + j).mouseout(function() {
    $(".featureFiltered").addClass('feature');
    $(".feature").removeClass('featureFiltered');
  });
  $('#feat_' + j).click(function() {
    ChangeSlide2(i);
  });
}

function addFeatureEvents()
{
  var len = slides.length;
  for (var i = 0; i <= len; i++)
  {
    var j = parseInt(i) +1;
    j = parseInt(j);
    addFeatureEventsByDiv(i, j);
  }
}

$(document).ready(function() {
	/* This is basic - uses default settings */
	$("a#video").fancybox({
		 overlayOpacity: 0.8,
     overlayColor: '#000000'
	});
  
  timer = setTimeout('AutoChangeSlides()', 10000);
  
  addFeatureEvents();
	
});