// JavaScript Document
var blogPosition = 0;
var compPosition = 0;
var compImagePosition = 0;
var videoPosition = 0;
var toolboxPosition = 0;
var defBg = 'images/background-images/bg/bg1.jpg';

$(document).ready(function() {

	//CHECK IF THERE IS A COOKIE FOR BACKGROUND
	function get_cookie(cookie_name) {
		var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );
		if (results)
			return ( unescape ( results[2] ) );
		else
		return null;
	}
	var cookieValue = get_cookie("background");
	if (cookieValue != null && cookieValue != "") {
		$("body").css('background-image', 'url(' + cookieValue + ')');
	}

	//BLOGS SCROLLER
	$("#blogsDown").click(function() {
	//(490 IS HEIGHT OF LI (70) * NUM OF ITEMS IN LIST (10)) - (NUM OF ITEMS SHOWING (3) * HEIGHT OF LI (70))
			if (blogPosition  > -490) {
				blogPosition = blogPosition - 70;
				$("#blogsScroller").animate({"top":"-=70px"}, "slow");
			}
	});
	$("#blogsUp").click(function(){
	//69 IS HEIGHT OF LI (70) - 1
		if (blogPosition < -69) {
			blogPosition = blogPosition + 70;
			$("#blogsScroller").animate({"top":"+=70px"}, "slow");
		}
	});
	
	//COMPETITIONS SCROLLER
	$("#compRightArrow").click(function() {
	//(772 IS WIDTH OF LI (193) * NUM OF ITEMS IN LIST (5)) - (NUM OF ITEMS SHOWING (1) * WIDTH OF LI (193))
		if (compPosition  > -772) {
			compPosition = compPosition - 193;
			$("#competitionsScroller").animate({"left":"-=193px"}, "slow");
		}
		if (compImagePosition > -1220) {
			compImagePosition = compImagePosition - 305;
			$("#competitionsImageScroller").animate({"left":"-=305px"}, "slow");
		}
	});
	$("#compLeftArrow").click(function(){
	//192 IS WIDTH OF LI (193) - 1
		if (compPosition < -192) {
			compPosition = compPosition + 193;
			$("#competitionsScroller").animate({"left":"+=193px"}, "slow");
		}
		if (compImagePosition < -304) {
			compImagePosition = compImagePosition + 305;
			$("#competitionsImageScroller").animate({"left":"+=305px"}, "slow");
		}
	});
	
	//VIDEO PAGE SCROLLER
	$("#videoDownArrow").click(function() {
	//(432 IS HEIGHT OF LI (72) * NUM OF ITEMS IN LIST (10)) - (NUM OF ITEMS SHOWING (4) * HEIGHT OF LI (72))
			if (videoPosition  > -432) {
				videoPosition = videoPosition - 72;
				$("#videoScroller").animate({"top":"-=72px"}, "slow");
			}
	});
	$("#videoUpArrow").click(function(){
	//71 IS HEIGHT OF LI (72) - 1
		if (videoPosition < -71) {
			videoPosition = videoPosition + 72;
			$("#videoScroller").animate({"top":"+=72px"}, "slow");
		}
	});
	
	//TOOLBOX SCROLLER
	$("#toolboxRight").click(function() {
	//(143 IS WIDTH OF LI (73) * NUM OF ITEMS IN LIST (8)) - (NUM OF ITEMS SHOWING (6) * WIDTH OF LI (73))
		if (toolboxPosition  > -143) {
			toolboxPosition = toolboxPosition - 73;
			$("#toolboxScroller").animate({"left":"-=73px"}, "slow");
		}
	});
	$("#toolboxLeft").click(function(){
	//72 IS WIDTH OF LI (73) - 1
		if (toolboxPosition < -72) {
			toolboxPosition = toolboxPosition + 73;
			$("#toolboxScroller").animate({"left":"+=73px"}, "slow");
		}
	});
	
	//TOOLBOX OPEN AND CLOSE
	$("#toolboxOpen").click(function() {
		$("#toolboxContainer").show("slow");
	});
	$("#toolboxClose").click(function() {
		$("#toolboxContainer").hide("slow");
	});
	
	//Indentify Browsers
var browserName=navigator.appName;
	//TOOLBOX RESET
	$("#toolboxReset").click(function() {
if (browserName=="Microsoft Internet Explorer"){
document.cookie ='background='+ escape(defBg) +'; expires=Fri, 27 Jul 2000 02:47:11 UTC; path=/';
}
else{
document.cookie ='background='+ escape(defBg) +'; expires=Fri, 27 Jul 2000 02:47:11 UTC';
}
$("#toolboxContainer").hide("slow");			
	});
	
	//TOOLBOX SAVE 
	$("#toolboxSave").click(function() {
if (browserName=="Microsoft Internet Explorer"){
document.cookie ='background='+ escape(defBg) +'; expires=Fri, 28 Jul 2090 02:47:11 UTC';
}else {
		document.cookie = 'background=' + escape(defBg) + ';expires=2';
}
  $("#toolboxContainer").hide("slow");
	});
	
	//TOOLBOX CHANGE BACKGROUNDS
	$("#background1").click(function() {
		$("body").css('background-image', 'url(images/background-images/bg/bg1.jpg)');
		$("#toolboxScroller li").css('border', '1px solid #999');
		$("#background1li").css('border', '1px solid #FFF');
		defBg = 'images/background-images/bg/bg1.jpg';
	});
	$("#background2").click(function() {
		$("body").css('background-image', 'url(images/background-images/bg/bg2.jpg)');
		$("#toolboxScroller li").css('border', '1px solid #999');
		$("#background2li").css('border', '1px solid #FFF');
		defBg = 'images/background-images/bg/bg2.jpg';
	});
	$("#background3").click(function() {
		$("body").css('background-image', 'url(images/background-images/bg/bg1.jpg)');
		$("#toolboxScroller li").css('border', '1px solid #999');
		$("#background3li").css('border', '1px solid #FFF');
		defBg = 'images/background-images/bg/bg1.jpg';
	});
	$("#background4").click(function() {
		$("body").css('background-image', 'url(images/background-images/bg/bg2.jpg)');
		$("#toolboxScroller li").css('border', '1px solid #999');
		$("#background4li").css('border', '1px solid #FFF');
		defBg = 'images/background-images/bg/bg2.jpg';
	});
	$("#background5").click(function() {
		$("body").css('background-image', 'url(images/background-images/bg/bg1.jpg)');
		$("#toolboxScroller li").css('border', '1px solid #999');
		$("#background5li").css('border', '1px solid #FFF');
		defBg = 'images/background-images/bg/bg1.jpg';
	});
	$("#background6").click(function() {
		$("body").css('background-image', 'url(images/background-images/bg/bg2.jpg)');
		$("#toolboxScroller li").css('border', '1px solid #999');
		$("#background6li").css('border', '1px solid #FFF');
		defBg = 'images/background-images/bg/bg2.jpg';
	});
	$("#background7").click(function() {
		$("body").css('background-image', 'url(images/background-images/bg/bg1.jpg)');
		$("#toolboxScroller li").css('border', '1px solid #999');
		$("#background7li").css('border', '1px solid #FFF');
		defBg = 'images/background-images/bg/bg1.jpg';
	});
	$("#background8").click(function() {
		$("body").css('background-image', 'url(images/background-images/bg/bg2.jpg)');
		$("#toolboxScroller li").css('border', '1px solid #999');
		$("#background8li").css('border', '1px solid #FFF');
		defBg = 'images/background-images/bg/bg2.jpg';
	});
});