Exemplify = {

	init: function()
	{
		$('#jquery_plugins_doc a.exemplify').each( function ()
		{
			var html = 
				'<div class="exemplify" >'+
					'<h5>'+$(this).html()+'</h5>'+
					'<ul class="exemplify_tabs" ><li><a href="#" rel="1" >View</a></li><li class="exemplify_tabs_on"><a href="#" rel="0" >Edit</a></li></ul>'+
					'<div class="exemplify_workarea">'+
						'<div class="exemplify_edit" ><textarea wrap="off"></textarea></div>'+
						'<div class="exemplify_view" ><iframe src="'+$(this).attr('href')+'" /></div>'+
					'</div>'+
				'</div>';

			var app = $(html); 

			app.find('ul.exemplify_tabs a').click( function(e){ Exemplify.toggleTabs(app,e); return false; });

			$.get($(this).attr('href'),null,function(res){ Exemplify.updateText(app,res); });
	
			$(this).replaceWith(app);

		});
	
	},

	updateText: function(which,res)
	{
		which.find( 'textarea' ).val( res ); 
	},

	toggleTabs: function(app,e)
	{

		if ($(e.target).attr('rel')=='0')
		{
			app.find('ul.exemplify_tabs li').removeClass("exemplify_tabs_on");
			app.find('ul.exemplify_tabs li:first').addClass("exemplify_tabs_on");
			app.find('.exemplify_edit').show();
			app.find('.exemplify_view').hide();
		}
		else
		{
			app.find('ul.exemplify_tabs li').removeClass("exemplify_tabs_on");
			app.find('ul.exemplify_tabs li:last').addClass("exemplify_tabs_on");
			app.find('.exemplify_edit').hide();
			app.find('.exemplify_view').show();
			var doc = app.find('.exemplify_view').find('iframe')[0].contentWindow.document;
			var cont = app.find('.exemplify_edit textarea').val();
      doc.open();
      doc.write(cont); 
      doc.close(); 
		}

		return false;
	},

	updateDocument: function (which)
	{

	}

};


$(document).ready( Exemplify.init );