preLoadLogoImgs = function (){
	var params = "?all=true";

	$.getJSON("/projects/portfolio/jsonImgList.php"+params,
        function(data){
          $.each(data.screenShots, function(i,item){
				var newPreImgSrc = item.ss+'-big.jpg';
				preloadImages(newPreImgSrc);
			});
		});

}

var jsontimer;

closeBigSS = function(){
	$('#extraDiv').hide();
	$('#bigSS').fadeOut(function(){
		$('#bigSS').html('');
	});
}

goBigSS = function(whichSS,projName,whichId){

	if(checkForIE6()){
		return goBigSSOld(whichSS,projName,whichId);
	}

	var newBigSSImgSrc = whichSS+'-big.jpg';
	var newBigSSImg = $('<img/>').attr('src', newBigSSImgSrc);

	var bigSS = '<div id="bigSS" align="center" style="display:none;">'
			  + '<div id="bigSSCloseTop" class="bigSSClose"><a href="#" '
			  + 'class="bigSSCloseLink simplemodal-close"><img '
			  + 'src="/projects/portfolio/img/close.png" alt="CLOSE - X" /></a></div>'
			  + '<a href="#" id="bigSSImgLink" class="simplemodal-close"></a>'
			  + '</div>';

	$('#extraDiv').after(bigSS);
	$('#bigSSImgLink').append(newBigSSImg);

	$("#bigSS").modal({overlayClose:true,position:[20,"50%"],onOpen: function (dialog) {
		dialog.overlay.fadeIn('fast', function () {
			dialog.data.hide();
			dialog.container.fadeIn('fast', function () {
				dialog.data.fadeIn('fast');
			});
		});
	},onClose: function (dialog) {
		dialog.data.fadeOut('fast', function () {
			dialog.container.fadeOut('fast', function () {
				dialog.overlay.fadeOut('fast', function () {
					$.modal.close();
					$("#bigSS").remove();
				});
			});
		});
	}});

}

goBigSSOld = function(whichSS,projName,whichId){

	var newBigSSImgSrc = whichSS+'-big.jpg';
	var newBigSSImg = $('<img/>').attr('src', newBigSSImgSrc);

	var bigSS = '<div id="bigSS" align="center" style="display:none;">'
			  + '<div id="bigSSCloseTop" class="bigSSClose"><a href="javascript:;" '
			  + 'onclick="closeBigSS();" class="bigSSCloseLink bigSSCloseLinkIE">CLOSE - X</div>'
			  + '<a href="javascript:;" id="bigSSImgLink" onclick="closeBigSS();"></a>'
			  + '</div>';

	$('#extraDiv').after(bigSS);

	$('#bigSSImgLink').append(newBigSSImg);
	
	var offset;

	if(checkForIEBelow6()){
		var scrWidth = $(window).width(); 
		$('#extraDiv').css( {"left" : "0", "top" : "0", "width" : "103%"} );
		$('#bigSS').css( {"left" : "50%", "top" : "20px", "width" : "400px"} );
		location.href="#";
	}else{
		offset = $('#projInfoInner'+whichId).offset();
		$('#bigSS').css( {"left" : "50%", "top" : offset.top} );
	}

	$('#extraDiv').show();

	$('#bigSS').fadeIn(function(){
		$().scrollTo( '#bigSS', 1000, { easing:'swing' } );	
	});

}

closeProj = function(whichId){
	
	$('#projInfo'+whichId).slideUp(function(){
		$('#projInfo'+whichId).html('');
	});

	var moreInfoBtn = '<a href="#p'+whichId+'Top" onclick="loadProj(\''+whichId+'\')" class="projMoreInfoLink" id="projMoreInfoLink'+whichId+'">More info +</a>';
	$('#projMoreInfo'+whichId).html(moreInfoBtn);
	$('#projMoreInfo'+whichId).show();
}

loadProj = function(whichId){

	if($('#projInfo'+whichId).is(':visible') == true){  
		closeProj(whichId);
		return false;
	}

	var loadingGif = '<img src="/projects/portfolio/img/loader.gif" border="0" id="ajaxLoaderImg" class="ajaxLoaderImg"/>'

	$('#projMoreInfo'+whichId).html(loadingGif);
	
	var params = "projId="+whichId;

	$.ajax({
		type: "GET",
		url: "/projects/portfolio/jsonList.php", 
		data: params, 
		success: function(responseText){

		var project = eval( "(" + responseText + ")" );
		var compDate = "";
		var projectNotes = "";
		var projectLink = "";
		var screenShot = "";

		if(project.screenShot != 'none'){ 
				screenShot = '<div class="projScreenShot"><span class="projLabel">Screenshot:</span><br/>'
				+'<a href="javascript:;" onclick="goBigSS(\''+project.screenShot+'\',\''+project.projName+'\',\''+whichId+'\');">'
				+'<img src="'+project.screenShot+'.jpg" alt="'+project.projName+' Screenshot" border="0" id="smallSS'+whichId+'"/></a>'
				+'</div>'; 
				var newImgSrc = project.screenShot+'-big.jpg';
				var newImg = $('<img/>').attr('src', newImgSrc);
				$('#imgPreloader').append(newImg);
		}
		if(project.completionDate != '0000-00-00'){ 
				compDate = '<li><span class="projLabel">Completion Date:</span> '+project.completionDate+'</li>'; 
		}
		if(project.projNotes != 'none'){ 
				projectNotes = '<li><span class="projLabel">Project Notes:</span> <br/><div class="projSubSect">'+project.projNotes+'</div></li>'; 
		}
		if(project.linkUrl != 'none'){ 
				projectLink = '<li><a href="'+project.linkUrl+'" '
						+'onclick="window.open(this.href, \'externalwindow\', \'\'); return false;" '
						+'title="'+project.projName+' '+project.projDesc+'" rel="external">Visit the site</a></li>'; 
		}

		var profPrint = '<div id="projInfoInner'+whichId+'" class="projInfoInner">'
						+screenShot
						+'<ul>'
						+'<li><span class="projLabel">Description:</span> '+project.projDesc+'</li>'
						+'<li><span class="projLabel">Type:</span> '+project.projType+'</li>'
						+compDate
						+'<li><span class="projLabel">Technologies Applied:</span> <br/><div class="projSubSect">'+project.techUsed+'</div></li>'
						+projectNotes
						+projectLink
						+'</ul>'
						+'<div id="projLessInfo'+whichId+'" class="projLessInfo"><a href="javascript:;" onclick="closeProj(\''+whichId+'\');" class="projLessInfoLink" id="projLessInfoLink'+whichId+'">Less Info -</a></div>'
						+'</div>';

		$('#projInfo'+whichId).html(profPrint); 
		$('#projMoreInfo'+whichId).hide();
		$('#projInfo'+whichId).slideDown(function(){
			var topUrl = "#p"+whichId+"Top";
			$().scrollTo( topUrl, 1000, { easing:'swing' } );	
		});
		}
	});
}


$(document).ready(function(){
	$("#extraDiv").bind("click", function(){
		closeBigSS();
	});

	if(checkForIE6()){
		//because IE6 sucks.
		preLoadLogoImgs();
	}
});