$(document).ready(function() {


var numberInSlideshowr = new Array();
numberInSlideshowr = $('#slideshowr > *');


var numberInSlideshow = new Array();
numberInSlideshow = $('#slideshow > *');


var slideshowsActive = false;

if(numberInSlideshow.length >= 2 && numberInSlideshowr.length >= 2){
         slideshowsActive = true;
	}

$(window).load(function(){

	for (i=1;i<=5;i++){
                 initializeImager(i);
		}
	if(slideshowsActive){
		$('#slideshowr').cycle({
         		fx: 'fade',
			timeout: 0,
    			speed: 600,
    			startingSlide: 0,
         		after: updateCurrentSlideInfor,
			slideExpr: 'img'
        			});
		}
	$('#slideshowr').css("visibility","visible");

	$('#slideshow').css("visibility","hidden");
	$('#slideshow').css("display","block");
         for (i=1;i<=5;i++){
                 initializeImage(i);
		}
         onSlideshowLoad();
	});





function onSlideshowLoad() {
		if(slideshowsActive){
			$('#slideshow').cycle({
         			fx: 'fade',
				timeout: 0,
    				speed: 600,
    				startingSlide: 0,
         			after: updateCurrentSlideInfo,
				slideExpr: 'img'
				});
         		}
		$('#slideshow').css("visibility","hidden");
	}












var $pane = $('#scrollPane');
    $pane.jScrollPane({scrollbarOnLeft:true, wheelSpeed:60, scrollbarWidth:7, scrollbarMargin:0, animateTo:true, showArrows:false});


////////////// Done with text formatting ////////////////////




//////////////Global Variable Declarations /////////////////
var activeSlideId = "img1";
var activeSlideIdr = "img1r";

////////////// Global Functions /////////////////
function updateCurrentSlideInfo() {
	activeSlideId = this.id;

	//alert(activeSlideId);


	return false;

}
function updateCurrentSlideInfor() {
	activeSlideIdr = this.id;

	//alert(activeSlideIdr);


	return false;

}









var  ssWidthr = new Array();
var  ssHeightr = new Array();
var  ssLeftr = new Array();
var  ssTopr = new Array();

var  ssWidth = new Array();
var  ssHeight = new Array();
var  ssLeft = new Array();
var  ssTop = new Array();





// Position Large Images
function initializeImage(i) {


	ssWidth[i] = $("#img" + i).width();
	ssLeft[i] = (900 - $("#img" + i).width())/2;
	ssHeight[i] = $("#img" + i).height();
	ssTop[i] = (447 - $("#img" + i).height())/2;
         //alert(ssWidth[i]);
	$("#imageCenter" + i).css("width", ssWidth[i]);
         $("#imageCenter" + i).css("left", ssLeft[i]);
         $("#imageCenter" + i).css("height", ssHeight[i]);
         $("#imageCenter" + i).css("top", ssTop[i]);
         }
// Position Smaller Images
function initializeImager(i) {
	ssWidthr[i] = $("#img" + i + "r").width();
	ssHeightr[i] = $("#img" + i + "r").height();
	ssLeftr[i] = (670 - $("#img" + i + "r").width())/2;
	ssTopr[i] = (447 - $("#img" + i + "r").height())/2;

         $("#imageCenterr" + i).css("width", ssWidthr[i]);
         $("#imageCenterr" + i).css("left", ssLeftr[i]);
         $("#imageCenterr" + i).css("height", ssHeightr[i]);
         $("#imageCenterr" + i).css("top", ssTopr[i]);
         }

// Thumbnail Slideshow Navigation Events
$(".imageNav").click(function() {
         var i = ((this.id).substr(1,1)*1) - 1;


	$('#slideshow').cycle(i);
    	$('#slideshowr').cycle(i);

	$("#onBar").css("left",($(this).css("left")));
         $(this).fadeTo(100,1);
    	return false;
});
$(".imageNav").hover(function() {
         if((this.id).substr(1,1) != activeSlideId.substr(3,1)){
		$(this).fadeTo(100,.4);
         }
	},
	function() {
	if((this.id).substr(1,1) != activeSlideId.substr(3,1)){
		$(this).fadeTo(100,1);
         }

	});

// Text Drawer Boxes and Slideshow Animations
$("#hideText").click(
         function(){
                 $("#hideText").hide();

		var i = activeSlideId.substr(3,1);



                 $("#imageCenterr" + i).animate({width:ssWidth[i],height:ssHeight[i],left:ssLeft[i],top:ssTop[i]}, 700);

		$("#" + activeSlideIdr).animate({width:ssWidth[i],height:ssHeight[i]}, 1000,"", function() {
                     	$("#slideshowr").hide();
                         $('#slideshow').css("visibility","visible");
			$('#slideshow').css("display","block");
			//$("#slideshow").show();
                         $("#imageCenterr" + i).css({'width':ssWidthr[i],'height':ssHeightr[i],'left':ssLeftr[i],'top':ssTopr[i]});
                         $("#" + activeSlideIdr).css({'width':ssWidthr[i],'height':ssHeightr[i]});


		});

		$("#content").effect('slide',{ direction: "right", mode:"hide" } , 1000, function(){$("#showProjectText").show();


		});



	});
$("#showProjectText").click(
	function(){
		$("#showProjectText").hide();//fadeOut(200);
		var i = activeSlideId.substr(3,1);



                 $("#imageCenter" + i).animate({width:ssWidthr[i],height:ssHeightr[i],left:ssLeftr[i],top:ssTopr[i]}, 800);
		$("#" + activeSlideId).animate({width:ssWidthr[i],height:ssHeightr[i]}, 800,"", function() {
                     	$("#slideshow").hide();
		      	$("#slideshowr").show();
                         $("#imageCenter" + i).css({'width':ssWidth[i],'height':ssHeight[i],'left':ssLeft[i],'top':ssTop[i]});
                         $("#" + activeSlideId).css({'width':ssWidth[i],'height':ssHeight[i]});
		});




		$("#content").effect('slide',{ direction: "right", mode:"show" } , 800, function(){$("#hideText").show();});
	});














});