var currentTablePos=0;
var membersPerRow=4;
var rowsShown=2;
var pxPerRow = 218;


/* ******** */
var timerId = null;
var currentScrollY = 0;
var stopScrollY = 0;
var animateUp = true; // true = up, false = down

var animateScroll = function() {
	var repeat = true;
	if (animateUp) {
		currentScrollY += 20;
		if (currentScrollY > stopScrollY) {
			currentScrollY = stopScrollY;
			repeat = false;
		}
	} else {
		currentScrollY -= 20;
		if (currentScrollY < stopScrollY) {
			currentScrollY = stopScrollY;
			repeat = false;
		}
	}
	
	$('#mediaContainer').scrollTop(currentScrollY);

	if (repeat) {
		clearTimeout(timerId);
		timerId = setTimeout(animateScroll, 50);
	} else {
		whileAnimate=false;
	}
};

var startAnimateScroll = function(goUp, nrows) {
	animateUp = goUp;
	if(!nrows){var nrows = 0;}
	currentScrollY = $("#mediaContainer").scrollTop();
	if (animateUp) {
		stopScrollY = currentScrollY + pxPerRow;
	} else {
		stopScrollY = currentScrollY - pxPerRow;
	}
	//alert($("#mediaContainer").attr('bottom'));
	//if (console) console.log(stopScrollY);
	//if (console) console.log(pxPerRow * (nrows - 3));
	
	if(stopScrollY <= 0)
	{
		$('#scrollUp').css({display:"none"});
	}
	else
	{
		$('#scrollUp').css({display:"block"});
	}
	
	if(stopScrollY >= pxPerRow * (nrows - 3))
	{
		$('#scrollDown').css({display:"none"});
	}
	else
	{
		$('#scrollDown').css({display:"block"});
	}
	
	
	
	//alert(stopScrollY);
	if (timerId != null) {
		clearTimeout(timerId);
	}
	timerId = setTimeout(animateScroll, 50);	
}





/* ****** */

var getMinTablePos = function(){
	var scrollableItems = parseInt($("#PortfolioRecordCount").attr('value')) - (membersPerRow*rowsShown);
	if(scrollableItems < 1 )
	{
		return 0;	
	}
	else
	{
		var upClicks = (parseInt(scrollableItems)-(scrollableItems % membersPerRow))/parseInt(membersPerRow);
		if(scrollableItems % membersPerRow > 0)
		{
			upClicks++;
		}
		return -upClicks*pxPerRow;
	}	
};

var scrollDivUp = function(nrows){
	//if(currentTablePos != getMinTablePos())
	//{
		//var scrollAmt = $("#lft_cont").scrollTop() + pxPerRow;
		//$("#lft_cont").scrollTop(scrollAmt);
		startAnimateScroll(true, nrows);
		
		//currentTablePos = currentTablePos-pxPerRow;
		//$("#thisTable").css({ top:(currentTablePos) + "px"});
		//$("#thisTable").animate( { top:"-438px" }, 1000);	
	
		//alert($("#thisTable").css("top"));
	//}
	//whileAnimate=false;
	//alert($("#mediaContainer").attr('offsetHeight'));
	
		//alert(currentScrollY);
		//alert(stopScrollY);	
};

var scrollDivDown = function(nrows){
	//alert(currentTablePos);
	//if(currentTablePos != 0)
	//{
		//currentTablePos = currentTablePos + pxPerRow;
		//alert(currentTablePos);
			//$("#thisTable").css({ top:(currentTablePos) + "px"});

		//var scrollAmt = $("#lft_cont").scrollTop() - pxPerRow;
		//alert(scrollAmt);
		//$("#lft_cont").scrollTop(scrollAmt);
		startAnimateScroll(false, nrows);
		
		//alert(currentScrollY);
		//alert(stopScrollY);
//}
	//whileAnimate=false;
};

var loadImages = function($currItem){ //this checks that the current item and previous/next items have images loaded
	
	if ($currItem.children("div:first").find("img").attr('src') == undefined){
		$currItem.children("div:first").append("<img src='" + $currItem.children("div").attr('longdesc') + "'>");		
	}
	
	if($currItem.children(".flvcontainer").attr('longdesc') !=undefined && $currItem.children(".flvcontainer").find("embed").attr('src') == undefined)
	{
		$currItem.children(".flvcontainer").append('<embed wmode="transparent" src="' + $currItem.children(".flvcontainer").attr('longdesc') + '" quality="high" bgcolor="#000000" width="480" height="360" name="rooftopVideoPlayer" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />');
	}
	//if ($currItem.children("div").find("flvcontainer").attr('longdesc') == undefined){
	//	$currItem.children("div").append("<img src='" + $currItem.children("div").attr('longdesc') + "'>");		
	//}
	
	if(	$currItem.next().attr('id') == "lastItem"){
		$currNextItem = $("#" + $("#firstItem").attr('value') + "")
	}
	else{$currNextItem = $currItem.next();
	}
	
	if ($currNextItem.children("div:first").find("img").attr('src') == undefined){
		$currNextItem.children("div:first").append("<img src='" + $currNextItem.children("div:first").attr('longdesc') + "'>");
	}
	
	if($currNextItem.children(".flvcontainer").attr('longdesc') !=undefined && $currNextItem.children(".flvcontainer").find("embed").attr('src') == undefined)
	{
		$currNextItem.children(".flvcontainer").css({ display:"none"}).append('<embed wmode="transparent" src="' + $currNextItem.children(".flvcontainer").attr('longdesc') + '" quality="high" bgcolor="#000000" width="480" height="360" name="rooftopVideoPlayer" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />');
		
	}	
	
	if(	$currItem.prev().attr('id') == "firstItem"){
		$currPrevItem = $("#" + $("#lastItem").attr('value') + "")
	}
	else{$currPrevItem = $currItem.prev();
	}	
	
	if ($currPrevItem.children("div:first").find("img").attr('src') == undefined){
		$currPrevItem.children("div:first").append("<img src='" + $currPrevItem.children("div:first").attr('longdesc') + "'>");
	}	
	if($currPrevItem.children(".flvcontainer").attr('longdesc') !=undefined && $currPrevItem.children(".flvcontainer").find("embed").attr('src') == undefined)
	{
		$currPrevItem.children(".flvcontainer").css({ display:"none"}).append('<embed wmode="transparent" src="' + $currPrevItem.children(".flvcontainer").attr('longdesc') + '" quality="high" bgcolor="#000000" width="480" height="360" name="rooftopVideoPlayer" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />');
	}		
}

var getNextDiv = function(){
	var $curr = $(".shown");

	//now make the next image the 'current' image
	var $next = $curr.next();

	if($next.attr('id')=="" || $next.attr('id')=="lastItem"){ //if its the last record
		$next = $("#" + $("#firstItem").attr('value') + "")
	}
	
	loadImages($next);
	/*if ($curr.children("div").find("img").attr('src') == undefined)
	{
		$curr.children("div").append("<img src='" + $curr.children("div").attr('longdesc') + "'>");		
	}*/
	
	
	execNextTransition($curr,$next);
    
	/*$curr.addClass("hidden");
	$curr.removeClass("shown");	
	
	$next.removeClass("hidden");
	$next.addClass("shown");*/
	
	};

var getPrevDiv = function(){
	var $curr = $(".shown");
	//now make the next image the 'current' image
	var $prev = $curr.prev();

	
	if($prev.attr('id')==undefined || $prev.attr('id')=="firstItem"){ //if its the last record
		$prev = $("#" + $("#lastItem").attr('value') + "")
	}
	
	loadImages($prev);
	/*if ($curr.children("div").find("img").attr('src') == undefined)
	{
		$curr.children("div").append("<img src='" + $curr.children("div").attr('longdesc') + "'>");
			
	}*/
	execPrevTransition($curr,$prev);
	
    /*$curr.addClass("hidden");
	$curr.removeClass("shown");	
	
	$prev.removeClass("hidden");
	$prev.addClass("shown");*/
	
	};
	
var execPrevTransition = function($currentpic,$newpic){
	$newpic.css("width","0px").removeClass("hidden").addClass("shown");
	//var nlc = $currentpic.offset().left;
	//$newpic.css("left", (parseInt(nlc) + 963) + "px");
	//var nlc = $newpic.css("right");

	$newpic.find("img").attr("align", "right");



	$newpic.animate( { width:"963px" }, 
						1000, 
						"swing",
						function() { 
							$newpic.find("img")
									.removeAttr("align");
						}
					);
	
	//$currentpic.children(".flvcontainer").addClass("hidden");
	$currentpic.children(".flvcontainer").hide();
	
	$currentpic.animate( { width:"0px", left:"963px"  }, 
						1000, 
						"swing",
						function() { 
							$currentpic.addClass("hidden")
										.removeClass("shown")
										.css({ display:"none", width:"963px", left:"0px" });
							$newpic.children(".flvcontainer").fadeIn();								
							whileAnimate=false;
						}
					);
	

	
	//$newpic.removeClass("hidden");
	//$newpic.addClass("shown");
};	
	
var execNextTransition = function($currentpic,$newpic){
	
	$newpic.css("width","0px").removeClass("hidden").addClass("shown");

	//var nlc = $newpic.offset().left;
	$newpic.css("left","963px");

	$currentpic.find("img").attr("align", "right");

//$newpic.animate( { width:"963px", left:nlc }, 
				  
			  
	$newpic.animate( { width:"963px", left:"0px" }, 
						1000, 
						"swing",
						function() { }
					);

	$currentpic.children(".flvcontainer").hide();
//alert($currentpic.attr('id'));

	$currentpic.animate( { width:"0px"}, 
						1000, 
						"swing",
						function() { 
							$currentpic.addClass("hidden")
									.removeClass("shown")
									.css({display:"none", width:"963px"})
									.find("img")
									.removeAttr("align");
							$newpic.children(".flvcontainer").fadeIn();							
							whileAnimate=false;
						}
					);



	
	//$newpic.removeClass("hidden");
	//$newpic.addClass("shown");
};