/* ============================================
 * Dvbic Map v0.0.2
 * John Norton - http://www.amplifystudios.com
 * ============================================ */
(function($){
	$.fn.DvbicMap = function(options){
		var settings = jQuery.extend({
				regions:		10,
				mapPositions:	['-613px -398px', '0 0', '0 -796px', '-1226px 0', '0 -398px', '-613px 0', '0 -1194px', '-613px -796px', '-1226px -398px', '-1226px -1194px', '-1226px -796px']
		},options||{});
		
		$(document).ready(function(){
			$('map area, .dvbicmap .loc, #mapNav li li a').bind('mouseout', function(e){
				$('.dvbicmap').css({'background-position' : settings.mapPositions[0]});
				$('#mapNav li li a').removeClass('active');
				$('.dvbicmap .loc').removeClass('active');
			});
			
			for(i = 1; i <= settings.regions; i++) {
				//region and star hovers
				$('map area.mapregion'+(i<10?'0'+i:i)+', .dvbicmap .loc, #mapNav li li a').bind('mouseover', function(e) {
					s = $(this).attr('class');
					i = s.substr(s.length - 2, 2);
					$('.dvbicmap').css({'background-position' : settings.mapPositions[parseFloat(i)]});
					if( $(this).hasClass('loc') ) { //if its a star
						ss = $(this).attr('id');
						si = ss.substr(ss.length - 2, 2);
						so = $("#mapNav li li a[id='mapstar"+si+"']");
						so.attr('class', 'active'+' '+so.attr('class'));
					}
					else if( this.tagName == 'A') { //if it's a navigation item
						ss = $(this).attr('id');
						si = ss.substr(ss.length - 2, 2);
						so = $(".dvbicmap .loc[id='mapstar"+si+"']");
						so.attr('class', 'active'+' '+so.attr('class'));
					}
					else { //if its a region
						ss = $(this).attr('class');
						si = ss.substr(ss.length - 2, 2);
						so = $('#mapNav li li a.mapregion'+si);
						so.attr('class', 'active'+' '+so.attr('class'));
					}
				});
				//region clicks
				$('map area.mapregion'+(i<10?'0'+i:i)).bind('click', function(e) {
					s = $(this).attr('class');
					i = s.substr(s.length - 2, 2);
					$('.dvbicmapdesc .areadesc').css({'display' : 'none'});
					$('.dvbicmapdesc .mapregion'+i).css({'display' : 'block'});
					$('.dvbicmapdesc .closebtn').css({'display' : 'block'});
				});
				//close button
				$('.dvbicmapdesc .closebtn').bind('click', function(e) {
					$('.dvbicmapdesc .mapregion').css({'display' : 'none'});
					$('.dvbicmapdesc .closebtn').css({'display' : 'none'});
				});
			}

		});
			
	}
})(jQuery);
