$(document).ready(function(){
// magic for ie6
	$('.cities a').css("opacity", "0");
// map - regions
	$('#a_cst')
		.mouseenter(function(){ panel('coastal') })
		.mouseleave(function(){ $('#map .mapa').attr('src', '/var/storage/packages/local/tigg/files/default/images/map.jpg') })
		.click(function(){ return false; });
	$('#a_vly')
		.mouseenter(function(){ panel('valley') })
		.mouseleave(function(){ $('#map .mapa').attr('src', '/var/storage/packages/local/tigg/files/default/images/map.jpg') })
		.click(function(){ return false; });
	$('#a_mnt')
		.mouseenter(function(){ panel('desert') })
		.mouseleave(function(){ $('#map .mapa').attr('src', '/var/storage/packages/local/tigg/files/default/images/map.jpg') })
		.click(function(){ return false; });
// map - cities
	$('a[rel="city"]')
	.mouseenter(function(){
			posobacEnter($(this).attr('class'));
		})
		.mouseleave(function(){
			$('#map .mapa').attr('src', '/var/storage/packages/local/tigg/files/default/images/map.jpg');
			$('.heading').filter('.'+regions[$(this).attr('class')]).html(headers[regions[$(this).attr('class')]]);
		})
		.not('a[href]').click(function(){ return false; });
// info area - regions
	$('.info_area a[rel]').live('click', function(){
		panel($(this).attr('rel'))
		$('.heading').each(function(){
			x = $(this).attr('class').split(' ')
			region = x[x.length-1]
			$(this).html(headers[region])
		})
	});
// info area - cities
//	$('.info_area li:not(.on) a').live('click', function(){
	$('.info_area a[class]').live('click', function(){
		posobacEnter($(this).attr('class'));
		return false;
	});
});

function posobacEnter(cityName) {
			$('.top_image_area').css({display: 'block'});
			$('.txt_content_area').css({display: 'none'});
			$('#map .mapa').attr('src', '/var/storage/packages/local/tigg/files/default/images/map_'+ regions[cityName] +'.jpg' );
			$('.info_area .top_image_area img').attr('src', banners[cityName]);
			$('.heading').filter('.'+regions[cityName]).html(headers[cityName]).after($('ul#coastal')).after($('.txt_content_area'));
			$('.txt_content_area').css({display: 'block'}).html(textes[cityName]);
			$('ul#coastal').html(cities[regions[cityName]]);
		}
function panel(region) {
	$('.heading').filter('.'+region).after($('ul#coastal')).after($('.txt_content_area'));
	$('.top_image_area').css({display: 'block'});
	$('.txt_content_area, main_heading').css({display: 'none'});
	$('#map .mapa').attr('src', '/var/storage/packages/local/tigg/files/default/images/map_'+region+'.jpg');
	$('.info_area .top_image_area img').attr('src', banners[region]);
	$('ul#coastal').css({display: 'block'}).html(cities[region]);
	$('.heading').each(function(){
		if ($(this).hasClass('coastal')) {
			$(this).html(headers['coastal'])
		} else if ($(this).hasClass('valley')) {
			$(this).html(headers['valley'])
		} else if ($(this).hasClass('desert')) {
			$(this).html(headers['desert'])
		}
	});
}

cities = new Array();
regions = new Array();
textes = new Array();
banners = new Array();
headers = new Array();

banners['coastal'] = '/var/storage/packages/local/tigg/files/default/images/banner_coastal.jpg';
banners['valley']  = '/var/storage/packages/local/tigg/files/default/images/banner_valley.jpg';
banners['desert']  = '/var/storage/packages/local/tigg/files/default/images/banner_mountain.jpg';
cities['coastal'] = '<li><a href="#" class="carlsbad">Carlsbad</a></li><li><a href="#" class="del_mar">Del Mar</a></li><li><a href="#" class="downtown_san_diego">Downtown San Diego</a></li><li><a href="#" class="encianitas">Encinitas</a></li><li class="on"><a href="#" class="la_jolla">La Jolla</a></li><li><a href="#" class="oceanside">Oceanside</a></li><li><a href="#" class="rancho_santa_fe">Rancho Santa Fe</a></li><li><a href="#" class="solana_beach">Solana Beach</a></li><li class="on"><a href="/Coastal">View More on this Region</a></li>';
cities['valley']  = '<li><a href="#" class="bonsali">Bonsall</a></li><li class="on"><a href="#" class="escondido">Escondido</a></li><li><a href="#" class="fallbrook">Fallbrook</a></li><li><a href="#" class="ramona">Ramona</a></li><li class="on"><a class="rancho_bernardo" href="#">Rancho Bernardo</a></li><li><a href="#" class="san_marcos">San Marcos</a></li><li><a href="#" class="valley_center">Valley Center</a></li><li><a href="#" class="vista">Vista</a></li><li class="on"><a href="/Valley">View More on this Region</a></li>';
cities['desert']  = '<li><a href="#" class="borrego_springs">Borrego Springs</a></li><li><a href="#" class="julian">Julian</a></li><li><a href="#" class="santa_ysabel">Santa Ysabel</a></li><li class="on"><a href="/Mountain-Desert">View More on this Region</a></li>';
headers['coastal'] = '<h2><a href="#" rel="coastal">Coastal</a></h2>';
headers['valley']  = '<h2><a href="#" rel="valley">Valley</a></h2>';
headers['desert']  = '<h2><a href="#" rel="desert">Mountain &amp; Desert</a></h2>';

/* Coastal */
// Carlsbad
regions['carlsbad'] = 'coastal'
textes['carlsbad']  = '<p>Known as "The Village by the Sea", Carlsbad is home to LEGOLAND and SEALIFE Aquarium, beautiful beaches, and designer shopping. Visit the Flower Fields in spring for a spectacular display of color.</p>';
banners['carlsbad'] = '/var/storage/packages/local/tigg/files/default/images/carlsbad.jpg';
headers['carlsbad'] = '<h2>Carlsbad / Coastal</h2>';
// Del Mar
regions['del_mar'] = 'coastal'
textes['del_mar']  = '<p>This historic and charming village has always been popular with movie stars, with its sparkling beaches, unique shops and renowned restaurants, in addition to the famous Del Mar Racetrack.</p>';
banners['del_mar'] = '/var/storage/packages/local/tigg/files/default/images/del-mar.jpg';
headers['del_mar'] = '<h2>Del Mar / Coastal</h2>';
// - Downtown San Diego
regions['downtown_san_diego'] = 'coastal'
textes['downtown_san_diego']  = '<p>San Diego North enjoys close proximity and easy access to all that downtown San Diego has to offer, from museums and theatre at Balboa Park to famous attractions like the San Diego Zoo and USS Midway.</p>';
banners['downtown_san_diego'] = '/var/storage/packages/local/tigg/files/default/images/san_diego_downtown.jpg';
headers['downtown_san_diego'] = '<h2>Downtown San Diego / Coastal</h2>';
// Encinitas
regions['encianitas'] = 'coastal'
textes['encianitas']  = '<p>The "Flower Capital of the World" boasts the famed San Diego Botanic Garden. It also has many popular surfing beaches like Swami\'s, making it one of Surfer Magazine\'s 10 Best Surf Towns in America.</p>';
banners['encianitas'] = '/var/storage/packages/local/tigg/files/default/images/encinitas.jpg';
headers['encianitas'] = '<h2>Encinitas / Coastal</h2>';
// La Jolla
regions['la_jolla'] = 'coastal'
textes['la_jolla']  = '<p>Spanish for "The Jewel", La Jolla is a picturesque village overlooking the Pacific. Enjoy snorkeling, kayaking and surfing, as well as world-class shopping, fine dining, art galleries and theater.</p><a href="http://www.sandiegonorth.com/Coastal/La-Jolla/About">Read More</a>';
banners['la_jolla'] = '/var/storage/packages/local/tigg/files/default/images/la-jolla.jpg';
headers['la_jolla'] = '<h2>La Jolla / Coastal</h2>';
// Oceanside
regions['oceanside'] = 'coastal'
textes['oceanside']  = '<p>Water sports are popular in this classic beach community, which also boasts the longest over-water wooden pier in Southern California and the magnificent Mission San Luis Rey.</p>';
banners['oceanside'] = '/var/storage/packages/local/tigg/files/default/images/oceanside.jpg';
headers['oceanside'] = '<h2>Oceanside / Coastal</h2>';
// Rancho Santa Fe
regions['rancho_santa_fe'] = 'coastal'
textes['rancho_santa_fe']  = '<p>The area boasts exclusive, beautifully-landscaped golf courses and several boutique resorts. The historic village center has quaint courtyards, unique shops, charming restaurants, and a croquet field.</p>';
banners['rancho_santa_fe'] = '/var/storage/packages/local/tigg/files/default/images/rancho-santa-fe.jpg';
headers['rancho_santa_fe'] = '<h2>Rancho Santa Fe / Coastal</h2>';
// Solana Beach
regions['solana_beach'] = 'coastal'
textes['solana_beach']  = '<p>Cedros Design District, one of the region\'s most innovative art communities, is located here with over 85 unique shops, galleries and boutiques, as well as the legendary Belly Up concert venue.</p>';
banners['solana_beach'] = '/var/storage/packages/local/tigg/files/default/images/solana-beach.jpg';
headers['solana_beach'] = '<h2>Solana Beach / Coastal</h2>';

/* Valley */
// Bonsall
regions['bonsali'] = 'valley'
textes['bonsali']  = '<p>Nestled among citrus and avocado groves, Bonsall is home to one of the most prestigious thoroughbred training centers, San Luis Rey Downs, and is surrounded by equestrian trails, farms and ranches.</p>';
banners['bonsali'] = '/var/storage/packages/local/tigg/files/default/images/bonsali.jpg';
headers['bonsali'] = '<h2>Bonsall / Valley</h2>';
// Escondido
regions['escondido'] = 'valley'
textes['escondido']  = '<p>Enjoy a range of attractions like Queen Califia\'s Magical Circle sculpture garden, the CA Center for the Arts Escondido, downtown antique shopping, and the nearby San Diego Zoo\'s Wild Animal Park.</p><a href="http://www.sandiegonorth.com/Valley/Escondido">Read More</a>';
banners['escondido'] = '/var/storage/packages/local/tigg/files/default/images/escondido.jpg';
headers['escondido'] = '<h2>Escondido / Valley</h2>';
// Fallbrook
regions['fallbrook'] = 'valley'
textes['fallbrook']  = '<p>Fallbrook boasts a historic Main Street with a variety of art galleries, antique shops, and specialty restaurants, as well as a variety of events including the famous Avocado Festival.</p>';
banners['fallbrook'] = '/var/storage/packages/local/tigg/files/default/images/fallbrook.jpg';
headers['fallbrook'] = '<h2>Fallbrook / Valley</h2>';
// Ramona
regions['ramona'] = 'valley'
textes['ramona']  = '<p>Located at the foot of the Cuyamaca Mountains, Ramona offers hiking, mountain climbing, swimming and horseback riding, and nature lovers can also enjoy relaxing at nearby scenic Lake Sutherland.</p>';
banners['ramona'] = '/var/storage/packages/local/tigg/files/default/images/ramona.jpg';
headers['ramona'] = '<h2>Ramona / Valley</h2>';
// Rancho Bernardo
regions['rancho_bernardo'] = 'valley'
textes['rancho_bernardo']  = '<p>This charming community, nestled near Lake Hodges and picturesque foothills, offers pristine golf courses, lush vineyards, and nature preserves ideal for hiking and other outdoor activities.</p><a href="http://www.sandiegonorth.com/Valley/Rancho-Bernardo/About">Read More</a>';
banners['rancho_bernardo'] = '/var/storage/packages/local/tigg/files/default/images/rancho-bernardo.jpg';
headers['rancho_bernardo'] = '<h2>Rancho Bernardo / Valley</h2>';
// San Marcos
regions['san_marcos'] = 'valley'
textes['san_marcos']  = '<p>This town is popular with visitors for its wide range of dining options at the historic Old California Restaurant Row.</p>';
banners['san_marcos'] = '/var/storage/packages/local/tigg/files/default/images/san-marcos.jpg';
headers['san_marcos'] = '<h2>San Marcos / Valley</h2>';
// Valley Center
regions['valley_center'] = 'valley'
textes['valley_center']  = '<p>Home to Harrah\'s Rincon Casino & Resort, offering an exciting Vegas-style casino in addition to luxurious accommodations, full-service spa, multiple dining options, live music and entertainment.</p>';
banners['valley_center'] = '/var/storage/packages/local/tigg/files/default/images/valley-center.jpg';
headers['valley_center'] = '<h2>Valley Center / Valley</h2>';
// Vista
regions['vista'] = 'valley'
textes['vista']  = '<p>Take in a theater performance at the Moonlight Amphitheatre or Avo Playhouse or visit other attractions like the historic Rancho Buena Vista Adobe, Rancho Guajome Adobe, or The Wave Waterpark.</p>';
banners['vista'] = '/var/storage/packages/local/tigg/files/default/images/vista.jpg';
headers['vista'] = '<h2>Vista / Valley</h2>';

/* Desert */
// Borrego Springs
regions['borrego_springs'] = 'desert'
textes['borrego_springs']  = '<p>Take the scenic drive out to enjoy golf, hiking, biking, horseback riding, desert jeep tours, star gazing or just relaxing by a pool. Don\'t miss the spectacular display of wildflowers in the spring.</p>';
banners['borrego_springs'] = '/var/storage/packages/local/tigg/files/default/images/borrego.jpg';
headers['borrego_springs'] = '<h2>Borrego Springs /<br /> Mountain &amp; Desert</h2>';
// Julian
regions['julian'] = 'desert'
textes['julian']  = '<p>This quaint mountain town is an apple-growing region offering delicious apple pies, tours of the historic gold mine, horse-drawn carriage rides, antique shopping, and nearby outdoor activities.</p>';
banners['julian'] = '/var/storage/packages/local/tigg/files/default/images/julian.jpg';
headers['julian'] = '<h2>Julian / Mountain &amp; Desert</h2>';
// Santa Ysabel
regions['santa_ysabel'] = 'desert'
textes['santa_ysabel']  = '<p>A friendly village known for the wonderful breads at Dudley\'s Bakery and where you can pay a visit to the Santa Ysabel Art Gallery or the historic Mission Santa Ysabel.</p>';
banners['santa_ysabel'] = '/var/storage/packages/local/tigg/files/default/images/santa-ysabel.jpg';
headers['santa_ysabel'] = '<h2>Santa Ysabel /<br /> Mountain &amp; Desert</h2>';