$(function(){
   $('#background-placeholder').cycle({
	fx: 'fade',
	cleartypeNoBg:true,
	timeout:0,
    before: afterSlideHwnd
  }); 
  
   
  
   $('#nav-placeholder .navigation li[class!=last-child]').bind({
	mouseenter:hoverNavi,
	mouseleave:hideNavi
  }); 
  
//  $(document).pngFix();
  
  $('.page-sub-navigation  li').mouseenter(function(e){$(this).addClass('active');});
  $('.page-sub-navigation  li').mouseleave(function(e){$(this).removeClass('active');$('#nav-body .navigation li a.first-level[class!=last-child]').css('background','none');});
  
  $('.page-sub-navigation  li.active').mouseenter(function(e){$(this).addClass('on');});
	$('ul.navigation').navBuilder(); 
})

function afterSlideHwnd(currSlideElement, nextSlideElement, options, forwardFlag) {
	var hwnd = (function(idx, value){
	  if($(this).css('display') == 'block') {
		var color = $(nextSlideElement).children('img').attr('title');
		if(color == 'white'){
			if ($('#logo-image').attr('src') != 'assets/images/logo_blue.png') {
			
			  $('#logo-image').fadeOut(500, function(){
				$(this).attr('src','assets/images/logo_blue.png');
				$(this).fadeIn(500);
			  });
			}
		  $('#carousel,.nav_contact,.nav_contact li a,.carousel-item .col-left h3').css({color:'#2a2a2a'});
		  $('.carousel-item .col-left h4.subtitle').css({'color':'#2a2a2a'});
		} else {
		  if ($('#logo-image').attr('src') != 'assets/images/logo.png') {
			
			  $('#logo-image').fadeOut(500, function(){
				$(this).attr('src','assets/images/logo.png');
				$(this).fadeIn(500);
			  });
		  }
		  
		   $('#carousel,.nav_contact,.nav_contact li a,.carousel-item .col-left h3').css({'color':'#ffffff'});
		  $('.carousel-item .col-left h4.subtitle').css({'color':'#ffffff'});
		
		
		/*  OLD STUFF - Borken, Probably throw out
		  //$('.carousel,.nav_contact li a').css('color','#fffff');
		  //$('.carousel-item .col-left h3').css({'color':'#fffff'});
		  $('.carousel .col-left').css({'color':'#ffffff'});
		  
		  $('.carousel-item .col-left h3').css({'color':'#ffffff'});
		  $('.carousel-item .col-left h4.subtitle').css({'color':'#f2f2f2'});
		 */
		}
		 
	  }
	});
	$('#background-placeholder').children('div').each(hwnd);
}

function hoverNavi(){
  if(!$(this).hasClass('subnav-item')) {	
	$('#nav-body .navigation li a.first-level[class!=last-child], \n\
	.navigation li span.nav-round-corner-left, \n\
	.navigation li span.nav-round-corner-right').css('background','none');	
	$(this).children('span.nav-round-corner-left').css({
	  'background' : 'url("assets/images/nav_hover_bg_left.jpg") no-repeat scroll 0 0 transparent'
	});
	$(this).children('a').css('background','url("assets/images/nav_hover_bg.jpg") repeat-x scroll 0 0 transparent');
	$(this).children('span.nav-round-corner-right').css({
	  'background' : 'url("assets/images/nav_hover_bg_right.jpg") no-repeat scroll 0 0 transparent'
	});	
	var subNav = $(this).children('div.subNav');
	
	
	subNav.show();  
  }
}

function hideNavi(){
  $(this).children('div.subNav').hide();
  $(this).children('span.nav-round-corner-left').css({
	'background' : 'none'
  });
  $(this).children('a.first-level').css('background','none');
  $(this).children('span.nav-round-corner-right').css({
	'background' : 'none'
  });
}

function gmaps_init() {
	var infWindow;
	var markers = [];
	var defaultZoom = 16;
	var myOptions = { zoom: defaultZoom, center: new google.maps.LatLng(43.65187500,-79.3668000), mapTypeId: google.maps.MapTypeId.ROADMAP };
	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

	var infCont =	[
		'<div style="height:95px; overflow:hidden;"><div style="font-weight:bold;">WebCanada</div><div>260 King Street East<br />'
		+	'Suite C-200<br />'
		+	'Toronto, ON<br />'
		+	'M5A 4L5<br />'
		+	'<span style="font-style:italic;">416-977-4411</span></div>',
		'<div style="height:65px; overflow:hidden;"><span style="font-weight:bold;">Visitor\'s Entrance</span><br />157 Princess Street<br />Suite C-200<br />Level 2</div>',
		'<div style="height:50px; overflow:hidden;"><span style="font-weight:bold;">Guest Parking</span><br />Carpark No. 19<br />Please see Reception for parking pass</div>'
	];

	var mark_main = new google.maps.MarkerImage( 'assets/images/marker-wc.png', new google.maps.Size('34','35'), new google.maps.Point(0,0), new google.maps.Point(17,35) );
	var mark_visi = new google.maps.MarkerImage( 'assets/images/marker-visitor.png', new google.maps.Size('21','26'), new google.maps.Point(0,0), new google.maps.Point(11,26) );
	var mark_park = new google.maps.MarkerImage( 'assets/images/marker-parking.png', new google.maps.Size('21','26'), new google.maps.Point(0,0), new google.maps.Point(11,26) );

	var locations = [
			{	// main
				icon: mark_main,
				position: new google.maps.LatLng(43.652,-79.36695),
				title: "WebCanada Offices",
				infContent: infCont[0]
			},
			{	// visitor
				icon: mark_visi,
				position: new google.maps.LatLng(43.65175,-79.3670),
				title: "Visitor Entrance",
				infContent: infCont[1]
			},
			{	// parking
				icon: mark_park,
				position: new google.maps.LatLng(43.65183,-79.36669),
				title: "Guest Parking",
				infContent: infCont[2]
			} ];

	for (x=0; x<locations.length; x++){
		marker = new google.maps.Marker( locations[x] );
		google.maps.event.addListener(marker,'click', function () {
			if ( infWindow ) infWindow.close();
			infWindow = new google.maps.InfoWindow( { content: this.infContent, position: this.position } );
			infWindow.open(map,this);
			google.maps.event.addListener(this, 'mouseout', function () { infWindow.close(); } );
		});
		markers.push(marker);
	}
	
/*	google.maps.event.addListener(map,'zoom_changed', function() {
		if ( map.getZoom() > (defaultZoom + 1) ) {
			for(mc=0; mc<markers.length; mc++) { markers[mc].setMap(map); }	// redraw markers

		} else {
			for(mc=0; mc<markers.length; mc++) { markers[mc].setMap(map); }
		}
	}); */
		
	for(mc=0; mc<markers.length; mc++) { markers[mc].setMap(map); }
}