$(function(){
	
	$('#content .ms-WPBody').removeClass('ms-WPBody');
	$('.srch-stats').removeClass('srch-stats');
	
	// SEARCH
	$('#CSR .srch-results').removeClass('srch-results');
	$('#CSR .srch-Title').removeClass('srch-Title');	
	$('#CSR .srch-Description').removeClass('srch-Description');	
	$('#CSR .srch-Metadata').removeClass('srch-Metadata');	
	$('#CSR .srch-URL').removeClass('srch-URL');
	$('.ms-PartSpacingVertical').removeClass('ms-PartSpacingVertical');
	
	
	// MENU
	$('.menu').prepend("<ul></ul>");
	var menuList = $('.menu').find('ul');
	var itemsMenuCount = $(this).find( "#zz1_QuickLaunchMenu > tbody > tr" ).size();
	var lastParentId = "";
	$( "#zz1_QuickLaunchMenu > tbody > tr" ).each(			
		function(intIndex){	
			if($(this).attr('id'))
			{
				lastParentId = $(this).attr('id');
				// alert($(this).find('.ms-selectednavheader').html());
				if($(this).find('.ms-selectednavheader').html())
				{
					menuList.append("<li id='"+lastParentId+"'><a class='active' href='"+$(this).find("a.zz1_QuickLaunchMenu_1").attr('href')+"'>"+$(this).find("a.zz1_QuickLaunchMenu_1").html()+"</a></li>");
				}
				else
				{
					menuList.append("<li id='"+lastParentId+"'><a href='"+$(this).find("a.zz1_QuickLaunchMenu_1").attr('href')+"'>"+$(this).find("a.zz1_QuickLaunchMenu_1").html()+"</a></li>");
				}
			}
			else
			{
				var subMenuList = "";
				$(this).find("table.ms-navSubMenu2 > tbody > tr").each(
					function(intIndex){
						if($(this).attr('id'))
						{
							if(intIndex == 0)
							{
								menuList.find("#"+lastParentId).append("<ul></ul>");
								subMenuList = menuList.find("#"+lastParentId+" ul");
																
							}
							
							if($(this).find('.ms-selectednav').html())
							{
								subMenuList.append("<li><a class='active' href='"+$(this).find("a.zz1_QuickLaunchMenu_1").attr('href')+"'>"+$(this).find("a.zz1_QuickLaunchMenu_1").html()+"</a></li>");
								menuList.find("#"+lastParentId+" > a").addClass("active");
							}
							else
							{
								subMenuList.append("<li><a href='"+$(this).find("a.zz1_QuickLaunchMenu_1").attr('href')+"'>"+$(this).find("a.zz1_QuickLaunchMenu_1").html()+"</a></li>");
							}					
							
						}
					}
				);
			}

		}
	);
	
	$('#zz1_QuickLaunchMenu').remove();
	
	// BANNER
	$( ".ImageRotatorBanner" ).each(
		function(){
			$(this).prepend("<div class='container'><div class='home-banner' id='slider'><div class='wt-rotator'><img id='bg-img' src='_layouts/images/bcbsla/spacer.png'/><a href='#'><img id='main-img' src=''/></a><div class='desc'></div><div class='preloader'><img src='_layouts/images/bcbsla/loader.gif'/></div><div id='tooltip'></div><div class='c-panel'><div class='buttons'><div class='prev-btn'></div><div class='play-btn'></div><div class='next-btn'></div></div><div class='thumbnails'><ul></ul></div></div></div></div></div>");
			var $defaultImageLink = $(this).find('.wt-rotator a');
			var $defaultImageUrl = $(this).find('.wt-rotator a img');
			
			var $homeBannerUl = $(this).find('ul');
			$(this).find( ".ImageRotatorItem" ).each(
				function( intIndexRotatorItem ){
			
					var $imgSrc = $(this).find('img').attr('src');
					var $link = $(this).find('h2 a').attr('href');
					var $header = $(this).find('h2').html();
					var $text = $(this).find('p').html();
					var $buttonLink = $(this).find('p ~ a').attr('href');
					var $buttonText = $(this).find('p ~ a').html();

					var imageCaption = intIndexRotatorItem+1;
					
					var header = "<a href='"+$imgSrc+"' title='image caption #"+imageCaption+"'></a><a href='"+$link+"'></a>";
					var body = "<p x='600' y='6' w='326'><span style='font-size:21px; line-height:21px; color:#373737; margin-bottom:20px; display:inline' >"+$header+"</span><br/><br/><span style='font-size:14px; line-height:21px; color:#373737; margin-bottom:10px;'>"+$text+"</span><br/><br/><a href='"+$buttonLink+"' class='btn-homeBanner'><span>"+$buttonText+"</span> </a></p>";
					$homeBannerUl.append("<li>"+header+body+"</li>")
					$(this).remove();
					
					if(intIndexRotatorItem == 0)
					{
						$defaultImageLink.attr('href',$link);
						$defaultImageUrl.attr('src',$imgSrc);									
					}	
				}
			);
			
			$(this).replaceWith($(this).html());	
		}
	);
	
	// THREE IMAGE COLUMN
	$( ".ThreeImageColumnContent" ).each(
		function(){
			$(this).prepend("<div class='homepage-column'></div>");
			var $homepageColumn = $(this).find('.homepage-column');

			$(this).find( ".ThreeImageColumnItem" ).each(
						function(intIndexColumnItem){
					 
							if(intIndexColumnItem == 0)
							{
								$homepageColumn.append("<div class='column column-first'>"+$(this).html()+"</div>")		
							}
							else
							{
								$homepageColumn.append("<div class='column'>"+$(this).html()+"</div>")
							}
							$(this).remove();
						}
			);
			
			$(this).replaceWith($(this).html());
		}	 
	);
	
	// THREE COLUMN VERTICAL
	$( ".ThreeColumnVerticalContent" ).each(
		function(){
			$(this).prepend("<div class='homepage-banners'><div class='column column-last'><ul></ul></div></div>");
			var $homepageColumn = $(this).find('ul');

			$(this).find( ".ThreeColumnVerticalItem" ).each(
						function(){
							$homepageColumn.append($(this).html())
							$(this).remove();
						}
			);
			
			$(this).replaceWith($(this).html());
		}	 
	);
	
	// SOCIAL 
	$( ".SocialContent" ).each(
		function(){
			$(this).prepend("<div class='homepage-social'><div class='social'><ul></ul></div></div>");
			var $socialColumn = $(this).find('ul');

			$(this).find( ".SocialContentItem" ).each(
						function(){
							$socialColumn.append("<li>"+$(this).html()+"</li>");
							$(this).remove();
						}
			);
			
			$(this).replaceWith($(this).html());
		}	 
	);

	// SPECIAL MENU
	$( ".SpecialMenu" ).each(
		function(){
			$(this).prepend("<div class='contentBox04'><div class='bottom'><div class='top'><ul></ul></div></div></div>");
			var $socialUl = $(this).find('ul');
			var itemsCount = $(this).find( ".SpecialMenuItem" ).size();
						
			$(this).find( ".SpecialMenuItem" ).each(
						function(intIndex){
					 
							if((intIndex+1) == itemsCount)
							{
								$socialUl .append("<li class='last'>"+$(this).html()+"</li>");		
							}
							else
							{
								$socialUl .append("<li>"+$(this).html()+"</li>");
							}
							
							$(this).remove();
						}
			);
			
			$(this).replaceWith($(this).html());	
		}	 
	);
	
	// MAIN CONTENT
	$( ".MainContent" ).each(
		function(){
			$(this).prepend("<div class='zone'></div>");
			var $mainContent= $(this).find('.zone');
			var itemsCount = $(this).find( ".MainContentItem" ).size();
						
			$(this).find( ".MainContentItem" ).each(
						function(intIndex){
					 
							if((intIndex+1) == itemsCount)
							{
								$mainContent.append("<div class='zone last-zone'>"+$(this).html()+"</div>");		
							}
							else
							{
								$mainContent.append("<div class='zone'>"+$(this).html()+"</div>");														
							}
							
							$(this).remove();
						}
			);
			
			$(this).replaceWith($(this).html());	
		}	 
	);
	
	// TWO MAIN COLUMN
	$( ".TwoMainColumn" ).each(
		function(){
			$(this).prepend("<div class='two-columns'><div class='contentBox01'><ul></ul></div></div>");
			var $twoMainUl= $(this).find('ul');
			var itemsCount = $(this).find( ".TwoMainColumnItem" ).size();
			// alert(""+itemsCount);
			
			$(this).find( ".TwoMainColumnItem" ).each(
						function(intIndex){
					 
							if((intIndex+1) == itemsCount)
							{
								$twoMainUl.append("<li class='last'>"+$(this).html()+"</li>");		
							}
							else
							{
								$twoMainUl.append("<li>"+$(this).html()+"</li>");														
							}
							
							$(this).remove();
						}
			);
			
			$(this).replaceWith($(this).html());	
		}	 
	);

	// RIGHT BOX CONTENT
	$( ".RightBoxContent" ).each(
		function(){
			$(this).prepend("<div class='contentBox03'><div class='bottom'><div class='top'></div></div></div>");
			var $socialTop = $(this).find('.top');
			// var itemsCount = $(this).find( ".SpecialMenuItem" ).size();
			// alert(""+itemsCount);
			
			$(this).find( ".RightBoxContentItem" ).each(
						function(){											 
							$socialTop.append($(this).html());
							$(this).remove();
						}
			);
			
			$(this).replaceWith($(this).html());	
		}	 
	);
	
	// MAIN CONTENT ROWS
	$( ".MainContentRows" ).each(
		function(){
			$(this).prepend("<div class='rows'></div>");
			var $row = $(this).find('.rows');
			
			$(this).find( ".MainContentRow" ).each(
						function(intIndex){
							$row.append("<div class='row'>"+$(this).html()+"</div>");	
							$(this).remove();
						}
			);
			
			$(this).replaceWith($(this).html());	
		}	 
	);
												
	// TWO IMAGE COLUMN
	$( ".TwoImageColumns" ).each(
		function(){
			$(this).prepend("<div class='two-columns'></div>");
			var $twoColumns= $(this).find('.two-columns');
			var itemsCount = $(this).find( ".TwoImageColumnItem" ).size();
			
			$(this).find( ".TwoImageColumnItem" ).each(
						function(intIndex){			
							if(intIndex == 0)
							{
								$twoColumns.append("<div class='column fl'>"+$(this).html()+"</div>");	
							}
							else if(intIndex == 1)
							{
								$twoColumns.append("<div class='column fr'>"+$(this).html()+"</div>");	
							}
							
							$(this).remove();
						}
			);
			
			$(this).replaceWith($(this).html());	
		}	 
	);
	
	// THREE COLUMN 
	$( ".ThreeColumnContent" ).each(
		function(){
			$(this).prepend("<div class='three-columns'><div class='contentBox01'><ul></ul></div></div>");
			var $threeColumnUl = $(this).find('ul');
			var itemsCount = $(this).find( ".ThreeColumnItem" ).size();
						
			$(this).find( ".ThreeColumnItem" ).each(
						function(intIndex){
					 
							if((intIndex+1) == itemsCount)
							{
								$threeColumnUl.append("<li class='last'>"+$(this).html()+"</li>");		
							}
							else
							{
								$threeColumnUl.append("<li>"+$(this).html()+"</li>");														
							}
							
							$(this).remove();
						}
			);
			
			$(this).replaceWith($(this).html());	
		}	 
	);
})