function view_demo(demo_view, link_title)
{
	if (link_title == undefined)
		link_title = 'View Demo';
		
	$('#content h1').after('<p id="demo_view_link"><a href="#" title="'+link_title+'" class="demo_view button">View Demo</a></p><div id="demo_div"></div>');
	
	$('#demo_div').hide();
	
	$('a.demo_view').toggle(function () {
		if ($('a.demo_view').text()=='View Demo')
		{
			$.ajax({
				url: demo_view,
				success: function(html) {
					$('#demo_div').html(html);
					$('#demo_div').slideDown('slow', function () {
						$('a.demo_view').text('Close Demo');
					});
				}
			});
		}
		return false;
	},
	function () {
		if ($('a.demo_view').text()=='Close Demo')
		{
			$('#demo_div').slideUp('normal', function () {
				$('a.demo_view').text('View Demo');
				$(this).html('');
			});
		}
	});
}

function demo_browser() {
	var demo_block_w;
	var demo_block_pos = 0;
	var demo_block_count = $('.demo_block').length;
	var demo_link_ul = '';
	var demo_link_ul_active = false;
	var demo_block_curr = 1;
	var i = 1;

	$('.demo_block').each(function () {
		if (demo_block_count > 1)
		{
			$(this).css({'top':'25px'});
			var tmp_title = $(this).children('h2').text();
			
			if (tmp_title == '')
				tmp_title = 'Example '+i;
			
			demo_link_ul += '<li><a href="'+i+'" class="demo_block_link_'+i+'" title="'+tmp_title+'">'+tmp_title+'</a></li>';
		}
		
		if (i == demo_block_count)
		{
			demo_link_ul = '<ul class="demo_block_links">'+demo_link_ul+'</ul>';
			$('#demo_blocks').prepend(demo_link_ul);
			$('ul.demo_block_links a:first').addClass('active');
			demo_link_ul_active = true;
		}
	
		if (demo_block_pos == 0)
		{
			demo_block_w = $(this).css('width');
			demo_block_w = parseInt(demo_block_w.substr(0, demo_block_w.length-2));
		}
	
		$(this).css({'left':demo_block_pos+'px'});
		
		demo_block_pos+=demo_block_w;
		i++;/**/
	});
	
	$('ul.demo_block_links a').click(function () {
		if (demo_link_ul_active == true)
		{
			var next_pos = $(this).attr('href');
			next_pos = next_pos.substr(next_pos.length-1);
			$('ul.demo_block_links a').removeClass('active');
			$(this).addClass('active');
			
			if (next_pos != demo_block_curr)
			{
				demo_link_ul_active = false;
				var diff_px = next_pos - demo_block_curr;
				diff_px *= -demo_block_w;
				var last_pos = 0;
				
				demo_block_curr = next_pos;
				
				var j = 1;
				
				$('.demo_block').each(function () {
					var new_block_pos = $(this).css('left');
					new_block_pos = parseInt(new_block_pos.substr(0, new_block_pos.length-2));
						
					new_block_pos += diff_px;
					
					if (new_block_pos > last_pos)
						last_pos = new_block_pos;
					
					$(this).animate({'left': new_block_pos+'px'}, 'slow', function () {
						if (last_pos+'px' == $(this).css('left'))
						{
							demo_link_ul_active = true;
						}
					});
					
					j++;
				});
			}
		}
		return false;
	});
}