/****************************************************************************
 *  MainCollage/BarNav
 ****************************************************************************/
/* =Mouseover events and controls for the MainCollage
-----------------------------------------------------------------------------*/

$(document).ready(function(){
	var collage = $("#mainCollage");
	var bar = $("#bar");
	var pageID = $("body").attr("id");
	var pageroot = $("body").attr("class").split(" ")[0];
	
	// show/hide bar nav
	bar.find(".navigation ul").hide();
	bar.find(".navigation li."+pageroot+" ul").show();
	
	if(collage.length>0){
		var page = {
			'home'		: 0,
			'municipal'	: -455,
			'construction'	: -910
		};
		var header = {
			'home'		: 0,
//			'municipal'	: 366,
			'municipal'	: 0,
			'construction'	: 0
		};
/*
		if(page[pageID] <= 0){
			collage.css('background-position', page[pageID]+'px 0px');
		}
		if(header[pageroot] >= 0){
			$("#header").css('background-position', '0px '+header[pageroot]+'px');
		}
*/
		// Change Collage when hovering over nav
		bar.find(".navigation > li").hover(
			function(){
				var id = $(this).attr("class").split(" ")[0];
				if(page[id] <= 0){
					collage.css('background-position', page[id]+'px 0px');
					$("#header").css('background-position', '0px '+header[id]+'px');
				}
			},
			function(){
				if(page[pageID] <= 0){
					collage.css('background-position', page[pageID]+'px 0px');
				}
				if(header[pageroot] >= 0){
					$("#header").css('background-position', '0px '+header[pageroot]+'px');
				}
			}
		);
		// change collage when hovering over logo
		$("#header h1").hover(
			function(){
				if(page['home'] <= 0){
					collage.css('background-position', page['home']+'px 0px');
					$("#header").css('background-position', '0px '+header['home']+'px');
				}
			},
			function(){
				if(page[pageID] <= 0){
					collage.css('background-position', page[pageID]+'px 0px');
				}
				if(header[pageroot] >= 0){
					$("#header").css('background-position', '0px '+header[pageroot]+'px');
				}
			}
		);
	}
});