// JavaScript Document


// My Menu///////////////////////////////////////////////////////////////////////////////////
(function($) {
	$.fn.topnav = function(settings){
		var config = {downspeed:200, upspeed:100, submenu: 'ul.subnav', hoverclass: 'subhover'};
		var settings = $.extend(config, settings);
		var menubar, menuitem;
		return this.each(function(){
			menubar = $(this);
			$('li', menubar).hover(function(){
				menuitem = $(this);
				menuitem.find(settings.submenu).slideDown(settings.downspeed).show();
				menuitem.addClass(settings.hoverclass);
			}, function(){
				menuitem = $(this);
				menuitem.find(settings.submenu).slideUp(settings.upspeed);
				menuitem.removeClass(settings.hoverclass);
			});
		});
	};
})(jQuery);
// My Modal///////////////////////////////////////////////////////////////////////////////////
(function($) {
	$.fn.mymodal = function(settings){
		var config = {maxWidth:300, minHeight:150, opacity:80};
		var settings = $.extend(config, settings);
		var trigger, target, title, content, opts;
		var mymodalBuild = function(){
			if (target.indexOf('youtube') != -1) {
				var youtubevid = target.substring(target.indexOf('v=')+2, target.indexOf('v=')+13);
				$('body').append('<div class="simplemodal" id="youtubemodal"><div style="padding:10px;"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/'+youtubevid+'&hl=en_US&fs=1&rel=0&color1=0x006699&color2=0x54abd6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+youtubevid+'&hl=en_US&fs=1&rel=0&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></div></div>');
				content = $('#youtubemodal');
			} else if (target.indexOf('#') != -1){
				content = $(target);
			}
			if (title != '') {
				$('div.simplemodal-title', content).remove();
				content.prepend('<div class="simplemodal-title">'+title+'</div>');
			}
		};
		var mymodalOpen = function(){
			mymodalBuild();
			content.modal({
				overlayClose:true,
				opacity:settings.opacity,
				maxWidth:settings.maxWidth,
				minHeight:settings.minHeight,
				onOpen:function(dialog){
					dialog.overlay.fadeIn('fast', function(){ 
						dialog.container.fadeIn('fast', function(){
							dialog.data.slideDown('slow');	
						});
					});
				},
				onClose:function(dialog){
					dialog.data.slideUp('fast', function(){
						dialog.container.fadeOut('fast', function(){
							dialog.overlay.fadeOut('fast', function(){
								$.modal.close();
							});
						});
					});
				}
			});	
		};
		return this.each(function(){
			$(this).click(function(){
				trigger = $(this);
				target = trigger.attr('href');
				title = trigger.attr('title');
				opts = trigger.attr('rel').split(' ',3);
				settings.maxWidth = parseInt(opts[1]);
				settings.minHeight = parseInt(opts[2]);
				mymodalOpen();
				return false;
			});
		});
	};
})(jQuery);
// My Box/////////////////////////////////////////////////////////////////////////////////////
function mybox_drawbox(id) {
		$(id).backgroundCanvasPaint(mybox_paintbox);
	}
function mybox_paintbox(context, width, height, elementInfo)
{
	var options = {x:0, height: height, width: width,
	radius:10, border: 0 };
	// Draw the red border rectangle
	context.fillStyle = "rgb(184, 182, 183)";
	$.canvasPaint.roundedRect(context,options);
	// Draw the gradient filled inner rectangle
	var backgroundGradient = context.createLinearGradient(0, 0,
	0, height - 10);
	backgroundGradient.addColorStop(0 ,'rgb(147, 202, 225)');
	backgroundGradient.addColorStop(1, '#FFFFFF');
	options.border = 1;
	context.fillStyle = backgroundGradient;
	$.canvasPaint.roundedRect(context,options);
}