var messages = new Array();

function hideClass(className) {
    $("div." + className).hide("slow");
}

function bindToolTip() {
	
	if ($('span.help-message').length > 0) {
	
	    $('span.help-message').tooltip({
	        delay:100
	    });
	    
	    $('.no-content').tooltip({ 
	        delay:200,
	        showURL: false
	    });
	    
	}
}

if (typeof(tinyMCE) != 'undefined') {

	tinyMCE.init({ 
	    mode: "specific_textareas",
	    theme: "advanced",
	    plugins:"paste",
	    editor_selector: "wysiwygeditor-simple",
	    theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,undo,redo,|,pastetext,bullist,numlist,",
	    theme_advanced_buttons2: "",
	    theme_advanced_buttons3: "",
	    theme_advanced_toolbar_align:"left",
	    theme_advanced_toolbar_location:"top"
	});
}

function subMenuLoader(ajaxUrl) {
	
	$.get(ajaxUrl, {'ajax':true}, function(callbackData) {
		
		$('div#content-container').html('<div id="content-column"></div>');
		$('div#content-column').html(callbackData);

		rebuildMenu(ajaxUrl);
		
	}, 'html');
	
	return false;
}

function rebuildMenu(ajaxUrl) {
	
	switch (ajaxUrl) {
		
		case '/en/pages/news':
			
			$(document).attr('title', 'JoeySuki - News');
			break;
	
		case '/en/pages/schedule':
			
			$(document).attr('title', 'JoeySuki - Schedule');
			break;
	
		case '/en/pages/me_myself_and_i/me_myself_and_i':
			
			$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu active" href="/en/pages/me_myself_and_i/me_myself_and_i">me, myself and i</a></li></ul></div>' + $('div#content-container').html());
			$(document).attr('title', 'JoeySuki - me, myself and i');
			
			break;
			
		case '/en/pages/releases/released':
			
			$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu active" href="/en/pages/releases/released">Released</a></li><li><a class="sub-menu" href="/en/pages/releases/upcoming_releases">upcoming releases</a></li></ul></div>' + $('div#content-container').html());
			$(document).attr('title', 'JoeySuki - released');
			
			break;
			
		case '/en/pages/releases/upcoming_releases':
			
			$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu" href="/en/pages/releases/released">Released</a></li><li><a class="sub-menu active" href="/en/pages/releases/upcoming_releases">upcoming releases</a></li></ul></div>' + $('div#content-container').html());
			$(document).attr('title', 'JoeySuki - upcoming releases');
			
			break;
			
		case '/en/pages/media':
			
			$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu" href="/en/pages/media/support">Support</a></li><li><a class="sub-menu" href="/en/pages/media/videologs">Videologs</a></li><li><a class="sub-menu" href="/en/pages/media/downloads">downloads</a></li></ul></div>' + $('div#content-container').html());
			$(document).attr('title', 'JoeySuki - media');
			
			break;
			
		case '/en/pages/media/support':
			
			$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu active" href="/en/pages/media/support">Support</a></li><li><a class="sub-menu" href="/en/pages/media/videologs">Videologs</a></li><li><a class="sub-menu" href="/en/pages/media/downloads">downloads</a></li></ul></div>' + $('div#content-container').html());
			$(document).attr('title', 'JoeySuki - support');
			
			break;
			
		case '/en/pages/media/videologs':
			
			$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu" href="/en/pages/media/support">Support</a></li><li><a class="sub-menu active" href="/en/pages/media/videologs">Videologs</a></li><li><a class="sub-menu" href="/en/pages/media/downloads">downloads</a></li></ul></div>' + $('div#content-container').html());
			$(document).attr('title', 'JoeySuki - videologs');
			
			break;
			
		case '/en/pages/media/downloads':
			
			$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu" href="/en/pages/media/support">Support</a></li><li><a class="sub-menu" href="/en/pages/media/videologs">Videologs</a></li><li><a class="sub-menu active" href="/en/pages/media/downloads">downloads</a></li></ul></div>' + $('div#content-container').html());
			$(document).attr('title', 'JoeySuki - downloads');
			
			break;
			
		case '/en/pages/contact/contact':
			
			$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu active" href="/en/pages/contact/contact">contact</a></li><li><a class="sub-menu" href="/en/pages/contact/newsletter">newsletter</a></li><li><a class="sub-menu" href="/en/pages/contact/booking">booking</a></li></ul></div>' + $('div#content-container').html());
			$(document).attr('title', 'JoeySuki - contact');
			
			break;
			
		case '/en/pages/contact/newsletter':
			
			$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu" href="/en/pages/contact/contact">contact</a></li><li><a class="sub-menu active" href="/en/pages/contact/newsletter">newsletter</a></li><li><a class="sub-menu" href="/en/pages/contact/booking">booking</a></li></ul></div>' + $('div#content-container').html());
			$(document).attr('title', 'JoeySuki - newsletter');
			
			break;
			
		case '/en/pages/contact/booking':
			
			$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu" href="/en/pages/contact/contact">contact</a></li><li><a class="sub-menu" href="/en/pages/contact/newsletter">newsletter</a></li><li><a class="sub-menu active" href="/en/pages/contact/booking">booking</a></li></ul></div>' + $('div#content-container').html());
			$(document).attr('title', 'JoeySuki - booking');
			
			break;
			
		case '/en/pages/media_package':
			
			$('div#content-container').html('<div id="subnav"> </div>' + $('div#content-container').html());
			$(document).attr('title', 'JoeySuki - Media Package');
			
			break;
	}	
	
	$('a.sub-menu').click(function() { 
		
		subMenuLoader($(this).attr('href'));
		return false;
	});
	
	$('h3.sub-menu').click(function() { 
		
		subMenuLoader($(this).find('a').attr('href'));
		return false;
	});
	
	$('p a').click(function() { 
    	
		var linkArray = ['/en/pages/media/support', '/en/pages/media/videologs', '/en/pages/media/downloads', '/en/pages/contact/newsletter', '/en/pages/contact/booking'];
		
		if (jQuery.inArray($(this).attr('href'), linkArray) != -1) {
			
			subMenuLoader($(this).attr('href'));
			return false;
		}
    });	
}

function mainMenuLoader(ajaxUrl) {
	
	newsActive = false;
	if (ajaxUrl.substr(0, 10) == '/en/nieuws') {
		newsActive = true;
	}
	
	$('.main-menu').each(function() {
		
		if ($(this).hasClass('active')) {
			$(this).removeClass('active');
		}
		
		if (($(this).attr('href') == ajaxUrl) || (newsActive == true && $(this).attr('href') == '/en/pages/news')) {
			$(this).addClass('active');
		}
	});
	
	$.get(ajaxUrl, { 'ajax':true }, function(callbackData) {
		
		$('div#content-container').html('<div id="content-column"></div>');
		$('div#content-column').html(callbackData);
		
		switch (ajaxUrl) {
		
			case '/en/pages/news':
				
				$(document).attr('title', 'JoeySuki - News');
				break;
		
			case '/en/pages/schedule':
				
				$(document).attr('title', 'JoeySuki - Schedule');
				break;
		
			case '/en/pages/me_myself_and_i/me_myself_and_i':
				
				$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu active" href="/en/pages/me_myself_and_i/me_myself_and_i">me, myself and i</a></li></ul></div>' + $('div#content-container').html());
				$(document).attr('title', 'JoeySuki - me, myself and i');
				
				break;
				
			case '/en/pages/releases/released':
				
				$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu active" href="/en/pages/releases/released">Released</a></li><li><a class="sub-menu" href="/en/pages/releases/upcoming_releases">upcoming releases</a></li></ul></div>' + $('div#content-container').html());
				$(document).attr('title', 'JoeySuki - released');
				
				break;
				
			case '/en/pages/releases/upcoming_releases':
				
				$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu" href="/en/pages/releases/released">Released</a></li><li><a class="sub-menu active" href="/en/pages/releases/upcoming_releases">upcoming releases</a></li></ul></div>' + $('div#content-container').html());
				$(document).attr('title', 'JoeySuki - upcoming releases');
				
				break;
				
			case '/en/pages/media':
				
				$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu" href="/en/pages/media/support">Support</a></li><li><a class="sub-menu" href="/en/pages/media/videologs">Videologs</a></li><li><a class="sub-menu" href="/en/pages/media/downloads">downloads</a></li></ul></div>' + $('div#content-container').html());
				$(document).attr('title', 'JoeySuki - media');
				
				break;
				
			case '/en/pages/media/support':
				
				$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu active" href="/en/pages/media/support">Support</a></li><li><a class="sub-menu" href="/en/pages/media/videologs">Videologs</a></li><li><a class="sub-menu" href="/en/pages/media/downloads">downloads</a></li></ul></div>' + $('div#content-container').html());
				$(document).attr('title', 'JoeySuki - support');
				
				break;
				
			case '/en/pages/media/videologs':
				
				$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu" href="/en/pages/media/support">Support</a></li><li><a class="sub-menu active" href="/en/pages/media/videologs">Videologs</a></li><li><a class="sub-menu" href="/en/pages/media/downloads">downloads</a></li></ul></div>' + $('div#content-container').html());
				$(document).attr('title', 'JoeySuki - videologs');
				
				break;
				
			case '/en/pages/media/downloads':
				
				$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu" href="/en/pages/media/support">Support</a></li><li><a class="sub-menu" href="/en/pages/media/videologs">Videologs</a></li><li><a class="sub-menu active" href="/en/pages/media/downloads">downloads</a></li></ul></div>' + $('div#content-container').html());
				$(document).attr('title', 'JoeySuki - downloads');
				
				break;
				
			case '/en/pages/contact/contact':
				
				$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu active" href="/en/pages/contact/contact">contact</a></li><li><a class="sub-menu" href="/en/pages/contact/newsletter">newsletter</a></li><li><a class="sub-menu" href="/en/pages/contact/booking">booking</a></li></ul></div>' + $('div#content-container').html());
				$(document).attr('title', 'JoeySuki - contact');
				
				break;
				
			case '/en/pages/contact/newsletter':
				
				$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu" href="/en/pages/contact/contact">contact</a></li><li><a class="sub-menu active" href="/en/pages/contact/newsletter">newsletter</a></li><li><a class="sub-menu" href="/en/pages/contact/booking">booking</a></li></ul></div>' + $('div#content-container').html());
				$(document).attr('title', 'JoeySuki - newsletter');
				
				break;
				
			case '/en/pages/contact/booking':
				
				$('div#content-container').html('<div id="subnav"><ul id="subnav"><li><a class="sub-menu" href="/en/pages/contact/contact">contact</a></li><li><a class="sub-menu" href="/en/pages/contact/newsletter">newsletter</a></li><li><a class="sub-menu active" href="/en/pages/contact/booking">booking</a></li></ul></div>' + $('div#content-container').html());
				$(document).attr('title', 'JoeySuki - booking');
				
				break;
				
			case '/en/pages/media_package':
				
				$('div#content-container').html('<div id="subnav"> </div>' + $('div#content-container').html());
				$(document).attr('title', 'JoeySuki - Media Package');
				
				break;
		}
		
		$('a.sub-menu').click(function() { 
			
			subMenuLoader($(this).attr('href'));
			return false;
		});
		
		$('h3.sub-menu').click(function() { 
			
			subMenuLoader($(this).find('a').attr('href'));
			return false;
		});
		
		$('p a').click(function() { 
	    	
			var linkArray = ['/en/pages/media/support', '/en/pages/media/videologs', '/en/pages/media/downloads', '/en/pages/contact/newsletter', '/en/pages/contact/booking'];
			
			if (jQuery.inArray($(this).attr('href'), linkArray) != -1) {
				
				subMenuLoader($(this).attr('href'));
				return false;
			}
	    });   
		
	}, 'html');
	
	return false;
}

function subscribe() {
	
	$.post('/' + languageIdentifier + '/newsletter/subscribe?ajax=true', $('#newsletterForm').serialize(), function(returnData) { 
		
		$('div#content-container').html('<div id="content-column"></div>');
		$('div#content-column').html(returnData);
		rebuildMenu('/en/pages/contact/newsletter');
	});
}	

$(document).ready(function() {
    
    bindToolTip(); // het binden van de tooltips
    
    $('.clickable-field').each(function() { 
        messages[$(this).attr('id')] = $(this).val();
    });

    $('.clickable-field').focus(function() { 

        if ($(this).val() == messages[($(this).attr('id'))]) {
            $(this).val('');
        }
    });
    
    $('.main-menu').click(function() { 
    	
    	mainMenuLoader($(this).attr('href'));
    	return false;
    });
    
	$('a.sub-menu').click(function() { 
		
		subMenuLoader($(this).attr('href'));
		return false;
	}); 
	
	$('h3.sub-menu').click(function() { 
		
		subMenuLoader($(this).find('a').attr('href'));
		return false;
	});
    
    $('.clickable-field').blur(function() { 
        if ($(this).val() == '') {
            $(this).val(messages[$(this).attr('id')]);
        }
    });
    
    $('.new-window').click(function() { 
        window.open($(this).attr('href'));
        return false;
    });
    
    $('.inside-window').click(function() { 
        window.location.href = $(this).attr('href');
    });    
     
});
