$(document).ready(function() {
 	if($(".framedSrc") && $("#fmdInsert")){
		$(".framedSrc").addClass('hide');
		drawFramedTemplate();
		setFramed(0);
		// attaches click events to navigation, to switch showm framed element
		$("#f1Nav ul li a").click(function(i){
			var p = this.href.substring(this.href.indexOf('#') + 1,this.href.length);
			setFramed(p);
		});
		
	}
	// sets up frame template to be filled
	function drawFramedTemplate(){
		$.create('div', {'id': 'framed'}).appendTo('#fmdInsert');
		createFramedNav();
		// create title node and nested elements
		$.create('div', {'id': 'f1Title'}, $.create('h3')).appendTo('#framed');
		// create content node and nested elements
		$.create('div', {'id': 'f1'}, $.create('a', {}, $.create('img'))).appendTo('#framed');
		// create description node and nested elements
		$.create('div', {'id': 'f1Description'}, $.create('div', {'class': 'inner'}, $.create('p'))).appendTo('#f1');
	}
	// creates navigation to switch framed elements
	function createFramedNav(){
		$.create('div', {'id': 'f1Nav'}, $.create('ul')).appendTo('#framed');
		$(".framedSrc").each(function(i){
			$.create('li',{}, $.create('a',{'href' : '#' + i}, (i+1).toString())).appendTo('#f1Nav ul');
		});
		
	}
	// switches display of current element to index that is passed im
	function setFramed(indexOfItem){
		$('#f1Title h3').replaceWith($(".framedSrc:eq(" + indexOfItem + ") h3").clone());
		$('#f1 a img').replaceWith($(".framedSrc:eq(" + indexOfItem + ") img").clone());
		$('#f1 a').attr("href", $(".framedSrc:eq(" + indexOfItem + ") h3 a").attr("href"));
		$('#f1Description .inner p').replaceWith($(".framedSrc:eq(" + indexOfItem + ") p").clone());
		$('#f1Description .inner p').append($(".framedSrc:eq(" + indexOfItem + ") ul").clone());
		// switches navigation to show current element
		$("#f1Nav ul li").removeClass("selected");
		$("#f1Nav ul li:eq("+ indexOfItem +")").addClass("selected");

	}
	

 });    
 $(window).bind('load', function () {
  // run the cross fade plugin against selector
  <!-- $('img.fade').crossfade(); -->
});