/*- COOKIE FUNCTIONS ---------------------------------------------------*/

function setCookie(name, value){
 var date = new Date();
 date.setTime(date.getTime() + 315360000000);
 var expires = date.toGMTString();
 document.cookie = name + "=" + value + "; expires=" + expires + "; path=/; domain=.runescape.com;";
}

function getCookie(name){
 var cookies = document.cookie.split('; ');
 var regex = '';
 regex = new RegExp("^" + name + "=(.*)");
 for(var i in cookies){
  if(t = cookies[i].match(regex)){
   return t[1];
  }
 }
 return null;
}


$(function(){

/*- ADD &JS=1 TO PLAY BUTTON -------------------------------------------*/

$("#play").get(0).href += "?j=1";


/*- PRETTY FAUX CHECKBOX -----------------------------------------------*/

var skip = false;

var nS = $("#noSplash").addClass("js");
var cookieCount = getCookie(cookieName) || 0;
if(cookieCount == cookieLimit){
 nS.addClass("checked");
 skip = true;
 cookieCount = 0;
}

nS.click(function(){
 if(skip){
  $(this).removeClass("checked");
  setCookie(cookieName, cookieCount);
 }else{
  $(this).addClass("checked");
  setCookie(cookieName, cookieLimit);
 }
 skip = !skip;
 return false;
});


/*- TRAILER / SCREENSHOTS SWITCH ---------------------------------------*/

var imgPath = 'http://www.runescape.com/img/main/splash/';

var preload = new Image();

var mediaButtons = $('#media .mediaButton');
var mediaContent = $('#media .mediaContent');

mediaButtons.click(show).each(function(){
 preload.src = imgPath + this.id + '_active.png';
});

function show(event){
 mediaButtons
 .removeClass('mediaButtonActive')
 .each(function(){
  $("img", $(this)).attr('src', imgPath + this.id + ".png");
 })
 .filter('#'+this.id)
  .addClass('mediaButtonActive')
  .blur()
  .find('img')
   .attr('src', imgPath + this.id + "_active.png");

 mediaContent
 .removeClass('mediaContentActive')
 .filter('#'+this.id+'Content')
  .addClass('mediaContentActive');

 return false;
}


/*- SCREENSHOTS IMAGE SWITCH -------------------------------------------*/

var screenshots = $('#screenshotsContent .screen');
var screenshotsJump = $('#screenshotsNav .screenshotsJump')
.each(function(i){
 $(this).click(function(){screen(this,false,i);return false;});
});


$('#previous').click(function(){screen(this,false);return false;});
$('#next').click(function(){screen(this,true);return false;});

function screen(t,next,jump){

 var active = screenshots.index(screenshots.filter('.screenActive'));

 var target = 0;
 if(jump != null){
  target = jump;
 }else{
  target = active + (next?1:-1);
 }

 if(active == target){
  t.blur();
  return;
 }
 else if(target >= screenshots.length){
  target = 0;
 }
 else if(target < 0){
  target = screenshots.length - 1;
 }

 screenshots
 .slice(target,target + 1)
  .addClass('screenActive')
  .show()
 .end()
 .slice(active,active + 1)
  .removeClass('screenActive')
  .fadeOut();

 screenshotsJump
 .removeClass('screenshotsJumpActive')
 .slice(target,target+1)
  .addClass('screenshotsJumpActive');

 t.blur();
}


});