/* PanelDisplay.js */

// NEWS

var NewsItems = [];
var news_store = [];
var news_current_item = 0;
var news_display_time = 6000;
var news_timer;

function SetupNews() {
	for(var i=0;i<NewsItems.length;i++) {
		var st = '';
		st += '<div class="NewsItem">';
		st += '<div class="NewsTitle"><a href="'+NewsItems[i].link+'" onMouseOver="ShowTitleOver(this);" onMouseOut="ShowTitleOut(this);">'+NewsItems[i].title+'</a></div>';
		st += '<a href="'+NewsItems[i].link+'">'+NewsItems[i].text+' <span class="more">more.</span></a>';
		st += '</div>';
		st += '<div class="NewsItemPic">';
		st += '<a href="'+NewsItems[i].link+'"><img alt="" src="'+NewsItems[i].image+'" width="140" height="100" border="0" /></a>';
		st += '</div>';
		news_store.push(st);
	}
	ShowNewsItem(0,true);
	SetNewsNav();
}

function ShowNewsItem(itemNum,init) {
	$('#NewsPanel .PanelNavCount').html("");
	if(init != true) {
		$('#NewsPanel .PanelContent .NewsItem').fadeOut(400);
		$('#NewsPanel .PanelContent .NewsItemPic').fadeOut(400,function() {
			$('#NewsPanel .PanelNavCount').html((itemNum + 1) + ' of ' + news_store.length);
			$('#NewsPanel .PanelContent').html(news_store[itemNum]);
			$('#NewsPanel .PanelContent .NewsItem').fadeIn(400);
			$('#NewsPanel .PanelContent .NewsItemPic').fadeIn(400);
			if(news_store.length > 1) {
				news_timer = setTimeout(ShowNewsNext,news_display_time);
			}
		});
	} else {
		$('#NewsPanel .PanelNavCount').html((itemNum + 1) + ' of ' + news_store.length);
		$('#NewsPanel .PanelContent').html(news_store[itemNum]);
		if(news_store.length > 1) {
			news_timer = setTimeout(ShowNewsNext,news_display_time);
		}
	}
}

function ShowNewsNext() {
	clearTimeout(news_timer);
	news_current_item += 1;
	if(news_current_item >= news_store.length) {
		news_current_item = 0;
	}
	ShowNewsItem(news_current_item);
}

function ShowNewsPrev() {
	clearTimeout(news_timer);
	news_current_item -= 1;
	if(news_current_item < 0) {
		news_current_item = news_store.length - 1;
	}
	ShowNewsItem(news_current_item);
}

function SetNewsNav() {
	var navPrev = '';
	var navNext = '';
	if(news_store.length > 1) {
		navPrev = '<div class="PanelNavPrev" onMouseOver="PanelNavOver(this);" onMouseOut="PanelNavOut(this);" onClick="ShowNewsPrev();"></div>';
		navNext = '<div class="PanelNavNext" onMouseOver="PanelNavOver(this);" onMouseOut="PanelNavOut(this);" onClick="ShowNewsNext();"></div>';
	} else {
		navPrev = '<div class="PanelNavPrevDis"></div>';
		navNext = '<div class="PanelNavNextDis"></div>';
	}
	$('#NewsPanel .PanelNav').html(navPrev + navNext);
}


// PROJECTS

var ProjectItems = [];
var projects_store = [];
var projects_current_item = 0;

function SetupProjects() {
	for(var i=0;i<ProjectItems.length;i++) {
		projects_store.push(ProjectItems[i]);
	}
	ShowProjectsItem(0,true);
	SetProjectsNav();
}

function ShowProjectsItem(itemNum,init) {
	if(init != true) {
	//$('#ProjectsPanel .PanelNavCount').html((itemNum + 1) + ' of ' + projects_store.length);
		$('#ProjectPic_LEFT').fadeOut(400);
		$('#ProjectPic_RIGHT').fadeOut(400,function() {
			var st = '';
			if(projects_store.length == 0) {
				st += '<div id="ProjectPic_LEFT" class="ProjectPic" style="cursor:default;">';
				st += '<div class="ProjectPicImg"><img alt="" src="images/PanelDefault.png" class="png" width="140" height="100" border="0" /></div>';
				st += '</div>';
			} else {
				st += '<div id="ProjectPic_LEFT" class="ProjectPic" onMouseOver="ProjectPicHilite(this);" onMouseOut="ProjectPicUnHilite();" onClick="window.location=\''+projects_store[itemNum].link+'\';">';
				st += '<div class="ProjectPicImg"><a href="'+projects_store[itemNum].link+'"><img alt="" src="'+projects_store[itemNum].image+'" width="140" height="100" border="0" /></a></div>';
				st += '<div class="ProjectPicText"><div>'+projects_store[itemNum].title+'</div></div>';
				st += '</div>';
			}
			
			var itemNumNext = itemNum + 1;
			if(itemNumNext >= projects_store.length) {
				itemNumNext = 0;
			}
			
			if(projects_store.length >= 2) {
				st += '<div id="ProjectPic_RIGHT" class="ProjectPic" onMouseOver="ProjectPicHilite(this);" onMouseOut="ProjectPicUnHilite();" onClick="window.location=\''+projects_store[itemNumNext].link+'\';">';
				st += '<div class="ProjectPicImg"><a href="'+projects_store[itemNumNext].link+'"><img alt="" src="'+projects_store[itemNumNext].image+'" width="140" height="100" border="0" /></a></div>';
				st += '<div class="ProjectPicText"><div>'+projects_store[itemNumNext].title+'</div></div>';
				st += '</div>';
			} else {
				st += '<div id="ProjectPic_RIGHT" class="ProjectPic" style="cursor:default;">';
				st += '<div class="ProjectPicImg"><img alt="" src="images/PanelDefault.png" class="png" width="140" height="100" border="0" /></div>';
				st += '</div>';
			}
			
			$('#ProjectsPanel .PanelContent').html(st);
			$('#ProjectPic_LEFT').fadeIn(400);
			$('#ProjectPic_RIGHT').fadeIn(400);
		});
	} else {
		var st = '';
		if(projects_store.length == 0) {
			st += '<div id="ProjectPic_LEFT" class="ProjectPic" style="cursor:default;">';
			st += '<div class="ProjectPicImg"><img alt="" src="images/PanelDefault.png" class="png" width="140" height="100" border="0" /></div>';
			st += '</div>';
		} else {
			st += '<div id="ProjectPic_LEFT" class="ProjectPic" onMouseOver="ProjectPicHilite(this);" onMouseOut="ProjectPicUnHilite();" onClick="window.location=\''+projects_store[itemNum].link+'\';">';
			st += '<div class="ProjectPicImg"><a href="'+projects_store[itemNum].link+'"><img alt="" src="'+projects_store[itemNum].image+'" width="140" height="100" border="0" /></a></div>';
			st += '<div class="ProjectPicText"><div>'+projects_store[itemNum].title+'</div></div>';
			st += '</div>';
		}
		
		var itemNumNext = itemNum + 1;
		if(itemNumNext >= projects_store.length) {
			itemNumNext = 0;
		}
		
		if(projects_store.length >= 2) {
			st += '<div id="ProjectPic_RIGHT" class="ProjectPic" onMouseOver="ProjectPicHilite(this);" onMouseOut="ProjectPicUnHilite();" onClick="window.location=\''+projects_store[itemNumNext].link+'\';">';
			st += '<div class="ProjectPicImg"><a href="'+projects_store[itemNumNext].link+'"><img alt="" src="'+projects_store[itemNumNext].image+'" width="140" height="100" border="0" /></a></div>';
			st += '<div class="ProjectPicText"><div>'+projects_store[itemNumNext].title+'</div></div>';
			st += '</div>';
		} else {
			st += '<div id="ProjectPic_RIGHT" class="ProjectPic" style="cursor:default;">';
			st += '<div class="ProjectPicImg"><img alt="" src="images/PanelDefault.png" class="png" width="140" height="100" border="0" /></div>';
			st += '</div>';
		}
		
		$('#ProjectsPanel .PanelContent').html(st);
	}
}

function ShowProjectsNext() {
	projects_current_item += 1;
	if(projects_current_item >= projects_store.length) {
		projects_current_item = 0;
	}
	ShowProjectsItem(projects_current_item);
}

function ShowProjectsPrev() {
	projects_current_item -= 1;
	if(projects_current_item < 0) {
		projects_current_item = projects_store.length - 1;
	}
	ShowProjectsItem(projects_current_item);
}

function SetProjectsNav() {
	var navPrev = '';
	var navNext = '';
	if(projects_store.length > 2) {
		navPrev = '<div class="PanelNavPrev" onMouseOver="PanelNavOver(this);" onMouseOut="PanelNavOut(this);" onClick="ShowProjectsPrev();"></div>';
		navNext = '<div class="PanelNavNext" onMouseOver="PanelNavOver(this);" onMouseOut="PanelNavOut(this);" onClick="ShowProjectsNext();"></div>';
	} else {
		navPrev = '<div class="PanelNavPrevDis"></div>';
		navNext = '<div class="PanelNavNextDis"></div>';
	}
	$('#ProjectsPanel .PanelNav').html(navPrev + navNext);
}



// JOBS

var JobsItems = [];
var jobs_store = [];
var jobs_current_item = 0;

function SetupJobs() {
	for(var i=0;i<JobsItems.length;i++) {
		jobs_store.push(JobsItems[i]);
	}
	ShowJobsItem(0,true);
	SetJobsNav();
}

function ShowJobsItem(itemNum,init) {
	if(init != true) {
		//$('#JobsPanel .PanelNavCount').html((itemNum + 1) + ' of ' + jobs_store.length);
		$('#JobsPanel .JobsItem_LEFT').fadeOut(400);
		$('#JobsPanel .JobsItem_RIGHT').fadeOut(400,function() {
			var st = '';
			if(jobs_store.length == 0) {
				st += '<div class="JobsItem_LEFT">';
				st += '<img alt="" src="images/PanelDefault.png" class="png" width="140" height="100" border="0" />';
				st += '</div>';
			} else {
				st += '<div class="JobsItem_LEFT">';
				st += '<div class="JobsTitle"><a href="'+jobs_store[itemNum].link+'" onMouseOver="ShowTitleOver(this);" onMouseOut="ShowTitleOut(this);">'+jobs_store[itemNum].title+'</a></div>';
				st += '<a href="'+jobs_store[itemNum].link+'">'+jobs_store[itemNum].text+' <span class="more">more.</span></a>';
				st += '</div>';
			}
			
			var itemNumNext = itemNum + 1;
			if(itemNumNext >= jobs_store.length) {
				itemNumNext = 0;
			}
			
			if(jobs_store.length >= 2) {
				st += '<div class="JobsItem_RIGHT">';
				st += '<div class="JobsTitle"><a href="'+jobs_store[itemNumNext].link+'" onMouseOver="ShowTitleOver(this);" onMouseOut="ShowTitleOut(this);">'+jobs_store[itemNumNext].title+'</a></div>';
				st += '<a href="'+jobs_store[itemNumNext].link+'">'+jobs_store[itemNumNext].text+' <span class="more">more.</span></a>';
				st += '</div>';
			} else {
				st += '<div class="JobsItem_RIGHT">';
				st += '<img alt="" src="images/PanelDefault.png" class="png" width="140" height="100" border="0" />';
				st += '</div>';
			}
			
			$('#JobsPanel .PanelContent').html(st);
			$('#JobsPanel .JobsItem_LEFT').fadeIn(400);
			$('#JobsPanel .JobsItem_RIGHT').fadeIn(400);
		});
	} else {
		var st = '';
		if(jobs_store.length == 0) {
			st += '<div class="JobsItem_LEFT">';
			st += '<img alt="" src="images/PanelDefault.png" class="png" width="140" height="100" border="0" />';
			st += '</div>';
		} else {
			st += '<div class="JobsItem_LEFT">';
			st += '<div class="JobsTitle"><a href="'+jobs_store[itemNum].link+'" onMouseOver="ShowTitleOver(this);" onMouseOut="ShowTitleOut(this);">'+jobs_store[itemNum].title+'</a></div>';
			st += '<a href="'+jobs_store[itemNum].link+'">'+jobs_store[itemNum].text+' <span class="more">more.</span></a>';
			st += '</div>';
		}
		
		var itemNumNext = itemNum + 1;
		if(itemNumNext >= jobs_store.length) {
			itemNumNext = 0;
		}
		
		if(jobs_store.length >= 2) {
			st += '<div class="JobsItem_RIGHT">';
			st += '<div class="JobsTitle"><a href="'+jobs_store[itemNumNext].link+'" onMouseOver="ShowTitleOver(this);" onMouseOut="ShowTitleOut(this);">'+jobs_store[itemNumNext].title+'</a></div>';
			st += '<a href="'+jobs_store[itemNumNext].link+'">'+jobs_store[itemNumNext].text+' <span class="more">more.</span></a>';
			st += '</div>';
		} else {
			st += '<div class="JobsItem_RIGHT">';
			st += '<img alt="" src="images/PanelDefault.png" class="png" width="140" height="100" border="0" />';
			st += '</div>';
		}
		
		$('#JobsPanel .PanelContent').html(st);
	}
}

function ShowJobsNext() {
	jobs_current_item += 1;
	if(jobs_current_item >= jobs_store.length) {
		jobs_current_item = 0;
	}
	ShowJobsItem(jobs_current_item);
}

function ShowJobsPrev() {
	jobs_current_item -= 1;
	if(jobs_current_item < 0) {
		jobs_current_item = jobs_store.length - 1;
	}
	ShowJobsItem(jobs_current_item);
}

function SetJobsNav() {
	var navPrev = '';
	var navNext = '';
	if(jobs_store.length > 2) {
		navPrev = '<div class="PanelNavPrev" onMouseOver="PanelNavOver(this);" onMouseOut="PanelNavOut(this);" onClick="ShowJobsPrev();"></div>';
		navNext = '<div class="PanelNavNext" onMouseOver="PanelNavOver(this);" onMouseOut="PanelNavOut(this);" onClick="ShowJobsNext();"></div>';
	} else {
		navPrev = '<div class="PanelNavPrevDis"></div>';
		navNext = '<div class="PanelNavNextDis"></div>';
	}
	$('#JobsPanel .PanelNav').html(navPrev + navNext);
}



// BACKGROUND / QUOTES

var BackgroundItems = [];
var bg_current_item = 0;
var bg_display_time = 10000;
var bg_timer;
var bg_txtTimer;

function SetupBackground() {
	var haveSidePanel = document.getElementById('sidePanel');
	if(haveSidePanel != undefined) {
		$('#HomeText').css('visibility','hidden');
	}
	if(BackgroundItems.length > 1) {
		bg_current_item = 1;
		bg_timer = setTimeout(LoadBackgroundItem,bg_display_time);
	}
}

function LoadBackgroundItem() {
	var objImage = new Image();
	objImage.onload = function() {
		SetUpBackgroundItem();
	};
	objImage.src = BackgroundItems[bg_current_item].image;
}

function SetUpBackgroundItem() {
	$('#bgHolder').fadeTo(200,0.2,SetBackgroundItem);
	$('#HomeText').fadeOut(200);
}

function SetBackgroundItem() {
	$('#bgHolder').html('<img alt="" src="'+BackgroundItems[bg_current_item].image+'" border="0" />');
	$('#HomeText').html(BackgroundItems[bg_current_item].text);
	if(isIE == true && IEvers <= 6) {
		sizer.bg = $('#bg img');
		ResetSizer();
	}
	if(isChrome == true || isMobile == true) {
		sizer.bg = $('#bg img');
		ResetSizer();
	}
	$('#bgHolder').fadeTo(200,1);
	bg_txtTimer = setTimeout(ShowBackgroundText,1200);
	bg_current_item += 1;
	if(bg_current_item >= BackgroundItems.length) {
		bg_current_item = 0;
	}
	bg_timer = setTimeout(LoadBackgroundItem,bg_display_time);
}

function ShowBackgroundText() {
	$('#HomeText').fadeIn(400);
}