var mainmenu = [
	{
		id:'index',
		title:'HOME'
	},
	{
		id:'cakes',
		title:'CAKES'
	},
	{
		id:'sweet-bites',
		title:'SWEET BITES'
	},
	{
		id:'gift-baskets',
		title:'GIFT BASKETS'
	},
	{
		id:'classes',
		title:'CLASSES',
		enabled: true
	},
	{
		id:'about',
		title:'ABOUT'
	},
	{
		id:'contact-form',
		title:'CONTACT'
	}
	
];

var BC_DIVIDER = '~';

var currentId = 'index';

var getMainLink = function (mmenu){
	return '<a href="?mid='+ mmenu.id+'">' + mmenu.title + '</a>';
}

var getPagelink = function (pmenu){
	return '<a class="page-menu-item-link" href="?mid=' + currentId + '&pid=' + pmenu.id+'">' + pmenu.title + '</a>';
}

var getSublink = function (pmenu, smenu, isSelected){
	var forSelected = (isSelected) ? ' class="submenu-selected-item"' : '';
	return '<a href="?mid=' + currentId + '&pid=' + pmenu.id+'&sid=' + smenu.id+'" '+ forSelected + '>' + smenu.title + '</a>';
}

	$(
		function() {
			

			$('body').prepend('<div id="title-menu"><div id="title" align="center"><img src="images/title.png" /></div><div id="menu" align="center"></div></div>')
			
			for ( var i=0;i<mainmenu.length;i+=1) {
				if (typeof (mainmenu[i].enabled) == 'undefined' || mainmenu[i].enabled ){
					var forSelected = '';
					if ( mainmenu[i].id == currentId) {
						forSelected = ' link-selected';
						$('#breadcrumb').append('<span>'+mainmenu[i].title+'</span>');
						$('#content-header').html(mainmenu[i].title);
					}
					$('#menu').append('<span class="link' + forSelected + '">' + getMainLink(mainmenu[i]) + '</span> ');
				}
			}
			$('.link').hover(
				function(){
					//$(this).addClass('link-hover-over');
					if ( $(this).is(":not(animated)")) {
						$(this).animate(
						{borderWidth:6}, 500).css({borderBottom:'solid 1px white'});
					}
					},
				function() {
//					$(this).removeClass('link-hover-over');
					$(this).animate(
					{borderWidth:0}, 100).css({borderBottom:'solid 0px white'});

				}
			);
			
			$('#menu-wrapper').append('<ul class="page-menu">');
			if ( typeof(pagemenu) != 'undefined' && pagemenu.length > 0) {
				for ( var i=0;i<pagemenu.length;i+=1) {

					$('#menu-wrapper > ul').append('<li class="page-menu-item" id="'+pagemenu[i].id+'">' + getPagelink(pagemenu[i]) + '</li> ');				
					
					if ( pagemenu[i].id == currentPageId) {
						$('#breadcrumb').append(BC_DIVIDER + ' <span>'+pagemenu[i].title+'</span>');
						$('#content-header').html(pagemenu[i].title);
						$('#' + pagemenu[i].id).addClass('openmenu');
						if ( currentSubId == '' ) {
							$('#' + pagemenu[i].id + '> a').addClass('submenu-selected-item');
						}
					
						if ( typeof(pagemenu[i].submenu) != 'undefined' ) {
							var submenu = pagemenu[i].submenu;
							$('#'+pagemenu[i].id).append('<ul class="submenu">');
							for ( var j=0;j<submenu.length;j+=1) {		
								var isSelected = false;			
								if ( pagemenu[i].id+'-'+submenu[j].id == currentSubId) {
									isSelected = true;
									$('#breadcrumb').append(BC_DIVIDER + ' <span>'+submenu[j].title+'</span>');
									$('#content-header').html(submenu[j].title);
								}
								$('#'+pagemenu[i].id + ' > ul').append('<li>' + getSublink(pagemenu[i], submenu[j], isSelected) + '</li> ');				
							}
						}
					}
				}
			}
		}
	);
	
	
	
	
	function renderGallery(galleryImages)
	{
		var content = $("#gallery-content");
		
		if ( content.size() == 0 ){
			content = $('<div id="gallery-content">');
			$("#content-wrapper").append(content);			
		}
		var i =0;
		while (i<galleryImages.length)
		{
			var galleryRow = $('<ul>').addClass('gallery_row');
			for(var c=0;c<4 && i<galleryImages.length;c+=1, i+=1)
			{	
			
				var picture = galleryImages[i];
				var pic = $('<li>').append(
					$('<a>').
						attr('rel','prettyPhoto[gallery]').
						attr('href',picture.image).
						attr('title', picture.title).
						append(
							$('<img>').attr('src', picture.thumb)
						)
				);
				galleryRow.append(pic);
			}
			content.append(galleryRow);
		}
	}