var imageParamId = gup("sid");
var videoIdx = gup("vidx");

$(document).ready(function(){
	if (screen.width < 1024)
		$("body").addClass("res_small");

	$("#controls").empty();
	for (var i=0; i<movieArray.length; i++) {
		var cmd = $('<a class="btn_' + i + '" href="javascript:void(0)">' + i + '</a>').click(function() {
			currentIndex = parseInt($(this).attr("class").replace("btn_", ""));
			embedMovie();
		});
		$("#controls").append(cmd);
	}

	currentIndex = Math.floor(Math.random() * movieArray.length);

	embedMovie();
	$("#switch").click(function(){ embedMovie(); });
	initBrowser();
	initGallery();
})

$(window).resize(function() { initBrowser(); });

$.easing.custom = function(x, t, b, c, d) {
	return c*(t/=d)*t + b;
};

var currentItem = null;
var totalCount = 0;

function initGallery()
{
	$(".skittlesgallery a#prev").click(function(){
		if (currentItem.Index == 0)
			return false;

		var jsonData = { "index": currentItem.Index };
		getJson("SkittlesService.asmx", "GetPrevious", jsonData, function(data) {
			if (data != null)
			{
				renderItem(data);
				$(".skittlesgallery a#next").removeAttr("class").addClass("next");
				if (data.Index == 0)
				{
					$(".skittlesgallery a#prev").removeAttr("class").addClass("prev_disabled");
				}
				else
				{
					$(".skittlesgallery a#prev").removeAttr("class").addClass("prev");
				}
			}
		}, function(textStatus) { });
	});

	$(".skittlesgallery a#next").click(function(){
		if ((currentItem.Index + 1) == totalCount)
			return false;

		var jsonData = { "index": currentItem.Index };
		getJson("SkittlesService.asmx", "GetNext", jsonData, function(data) {
			if (data != null)
			{
				renderItem(data);
				$(".skittlesgallery a#prev").removeAttr("class").addClass("prev");
				if ((data.Index + 1) == totalCount)
				{
					$(".skittlesgallery a#next").removeAttr("class").addClass("next_disabled");
				}
				else
				{
					$(".skittlesgallery a#next").removeAttr("class").addClass("next");
				}
			}
		}, function(textStatus) { });
	});

	if (imageParamId == "")
	{
		showFirstItem();
	}
	else
	{
		var jsonData = { "id": imageParamId };
		getJson("SkittlesService.asmx", "Get", jsonData, function(data) {
			if (data != null)
			{
				renderItem(data);
				$(".skittlesgallery a#prev").removeAttr("class").addClass("prev");
				$(".skittlesgallery a#next").removeAttr("class").addClass("next");
				if ((data.Index + 1) == totalCount)
				{
					$(".skittlesgallery a#next").removeAttr("class").addClass("next_disabled");
				}
				else if (data.Index == 0)
				{
					$(".skittlesgallery a#prev").removeAttr("class").addClass("prev_disabled");
				}
				else
				{
					$(".skittlesgallery a#next").removeAttr("class").addClass("next");
					$(".skittlesgallery a#prev").removeAttr("class").addClass("prev");
				}
			}
			else
			{
				showFirstItem();
			}
		}, function(textStatus) { });
	}
}

function showFirstItem()
{
	var jsonData = { "dummy": "0" };
	getJson("SkittlesService.asmx", "GetFirst", jsonData, function(data) {
		if (data != null)
		{
			renderItem(data);
			$(".skittlesgallery a#prev").removeAttr("class").addClass("prev_disabled");
		}
	}, function(textStatus) { });
}

function renderItem(item)
{
	currentItem = item;
	$(".skittlesgallery img:first").attr("src", currentItem.Path);
	$(".skittlesgallery h2").html(currentItem.Fullname);
	renderPager();
}

function renderPager()
{
	if (totalCount == 0)
	{
		var jsonData = { "dummy": "0" };
		getJson("SkittlesService.asmx", "GetCount", jsonData, function(data) {
			if (data != null)
			{
				totalCount = data;
				$(".skittlesgallery #curr_count").html(currentItem.Index + 1);
				$(".skittlesgallery #total_count").html(data);
			}
		}, function(textStatus) { });
	}
	else
	{
		$(".skittlesgallery #curr_count").html(currentItem.Index + 1);
		$(".skittlesgallery #total_count").html(totalCount);
	}
}

var movieArray = 
[
	"http://www.dailymotion.com/swf/video/x56a0d",
	"http://www.youtube.com/v/FQnLTFshKco&hl=en_US&fs=1",
	"http://www.youtube.com/v/IB0ToyCunfs&hl=en_US&fs=1",
	"http://www.youtube.com/v/MUJ4uorYPoY&hl=en_US&fs=1",
	"http://www.youtube.com/v/GEsqELX5e4o&hl=en_US&fs=1",
	"http://www.youtube.com/v/e6nDyeV0i6w&hl=en_US&fs=1",
	"http://www.youtube.com/v/rKkZ3hkDF4w&hl=en_US&fs=1",
	"http://www.youtube.com/v/WASn6PRG1Fc&hl=en_US&fs=1",
	"http://www.youtube.com/v/LG0zDltjL_o&hl=en_US&fs=1",
	"http://www.youtube.com/v/FWcoosIW_-w&hl=en_US&fs=1"
];

var currentIndex = 0;

function embedMovie()
{
	if (videoIdx != "")
	{
		currentIndex = parseInt(videoIdx);
	}
	var flashVars = { }
	var attributes = { }
	var params =
	{
		bgcolor: "#000000",
		wmode: "transparent"
	};
	swfobject.embedSWF(movieArray[currentIndex], "player", "320", "240", "9.0.0", false, flashVars, params, attributes);

	$("#controls").removeAttr("class");
	$("#controls").addClass("btn_" + currentIndex);
}

function initBrowser()
{
	var doc = $(document);
	var win = $(window);
	var docWidth = doc.width();
	var docHeight = doc.height();
	var winWidth = win.width();
	var winHeight = win.height();
	var centerWidth = docWidth / 2;

	var leftOffset = $("#player").offset();
	var leftWidth = $("#player").width();

	var rightOffset = $(".skittlesgallery").offset();
	var rightWidth = $(".skittlesgallery").width();

	var leftPos = leftOffset.left - leftWidth / 2;
	var centerPos = centerWidth - winWidth/2
	var rightPos = rightOffset.left - rightWidth / 2;

	if (videoIdx != "")
		$.scrollTo(leftPos);
	else
		$.scrollTo(imageParamId == "" ? centerPos : rightPos);

	$("div.nav1 a").unbind("click");
	$("div.nav2 a").unbind("click");
	$("div.nav3 a").unbind("click");
	$("div.nav4 a").unbind("click");

	$("div.nav1 a").click(function(){ $.scrollTo(centerPos, 1500); });
	$("div.nav2 a").click(function(){ $.scrollTo(leftPos, 1500); });
	$("div.nav3 a").click(function(){ $.scrollTo(rightPos, 1500); });
	$("div.nav4 a").click(function(){ $.scrollTo(centerPos, 1500); });
}