/**
 * @author scottkosman
 */
var adidasPop = {		
		// gets the id of the page and loads common elements (header, navbar, footer)
		getPageName: function(data) {
			$("html").data("data",data);		
			$("<div id='topgradContainer'><div id='topgrad'></div></div>").prependTo("body");
/*			$("<div id='bottomgrad'></div>").appendTo("#header");*/
	 		$("#topgradContainer").supersleight();
			$("#header").supersleight();
			
			var pagename = $("html").data("pagename");
						
			//Pop Nav
			var sectioname = "";
			var tempPage = location.href;
			
			if(tempPage.indexOf("athletes") != -1) { 
				sectionname = "athletes";
			} else if(tempPage.indexOf("products") != -1) {	
				sectionname = "products";
			} else {
				sectionname = pagename;
			}
			
			var properties = {configFile: "Navigation.xml", mediaID:"navbar", flashvars: {section: sectionname}};
			var flashvars = createFlashVars(properties);
			var params = {wmode:"transparent"};
			swfobject.embedSWF("swf/com.adidas.running.navigation.Navigation.swf", "navbar", "976", "44", "9.0.0", false, flashvars,params);

			//build navbar <ul> which will then be replaced by Flash navbar. This is a fallback in case no flash plugin is available (iPhones, etc.)
			/* REMOVED AS INTERNET EXPLORER IS CHOKING ON THE ALTERNATE CONTENT
			$.each(data.navigation, function(i, item) {	
				var anchor = $("<a>").attr("href",item.url).html(item.title);
				var listItem = $("<li>");
				anchor.appendTo(listItem);
				listItem.appendTo("#navbar");
			});			
			*/
			
		/*	$.each(data.footerNav, function(i, item) {	
				var anchor = $("<a>").attr("href",item.url).html(item.title);
				var listItem = $("<li>");
				anchor.appendTo(listItem);
				listItem.appendTo("#footernav");
				$("#globalfooter").show();
			});
			$("#globalfooter li:last").addClass("footercopyright");*/
			$("body").addClass("overall-body");
		},
		
		popHeader: function(header) {
			if (header.type == "single") {
				$("<img />").attr("src", header.media).attr("alt", header.alt).attr("title", header.title).appendTo("#header");
			} else if (header.type == "flash") {


				$("<div>").attr("id",header.mediaID).appendTo("#header");
				
				var flashvars = createFlashVars(header);
				var params = {wmode:"transparent", scale:"noScale", salign:"lT"};
				swfobject.embedSWF(header.media, header.mediaID, "975", "359", "9.0.0", false,flashvars,params);
				
/* AMS
				$("<div>").attr("id","mastheadcontainer").appendTo("#header");
				var flashvars = {application: header.media, lang: locale};
				var params = {wmode:"transparent"};
				swfobject.embedSWF("swf/mastheads/AnaHomePageMasthead.swf", "mastheadcontainer", "975", "361", "9.0.0", false, flashvars,params);
*/
			};
		},
		
		hbx: function(pn) {	},
		
		equalHeights: function(group) {
			tallest = 0;
		    group.each(function() {
		        thisHeight = $(this).height();
		        if(thisHeight > tallest) {
		            tallest = thisHeight;
		        }
		    });
		    group.height(tallest);
		},
		
		applyFb: function() {
			$("a.thumbs").fancybox({
				'zoomOpacity' : true,
				'overlayShow' : true,
				'zoomSpeedIn' : 500,
				'zoomSpeedOut' : 500
			});

			$("a.adivid").fancybox({
				'overlayShow': true
			});
			
		},
	
		//example of Index page with 100% width Style Yourself module added to give it some heft 20/05/09 - SK
		populateIndex: function(){
			$.getJSON("content/assets/xml/lang/"+locale+"/data.js",
				function(data){
					adidasPop.getPageName(data);
					adidasPop.popHeader(data.index.header);
					adidasPop.hbx(data.index.hbxpn);
					
					
					//populate body content
		          		$.each(data.index.portlets, function(i,item){
						var w = item.width;
						switch(w) {
							case "0.25":
								var moduleWidth = "25%";
								break;
							case "0.5":
								var moduleWidth = "465px";
								break;
							case "1":
								var moduleWidth = "100%";
								break;
							default:
								var moduleWidth = "100%";
								break;
						}


						if (item.type == "flash") {	

							$("<div>").attr("id","mastheadcontainer").appendTo("#header");
							
							var flashvars = createFlashVars(item);
							var launcher = item.media;	
							var params = {wmode:"transparent", scale:"noScale", salign:"lT"};
							swfobject.embedSWF(launcher, item.mediaID, item.mediaWidth, item.mediaHeight, "9.0.0", false,flashvars,params);



/*
							var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+";");
								
							div.appendTo("#bodycontent");
						
							if (item.launcher == "self") {
								var flashvars = createFlashVars(item);
								var launcher = item.media;
							} else {
								var flashvars = {application: item.media};
								var launcher = item.launcher;
							};
								
							var params = {wmode:"transparent"};
							swfobject.embedSWF(launcher, item.title, moduleWidth, item.height, "9.0.0", false,flashvars,params);
*/
						} else if (item.type == "img")  {

							var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+"; background: url("+item.media+") left top no-repeat;");
							div.appendTo("#bodycontent");
							
						} else {
							if (item.title == "block-1-portlet-1") {
								var div = $("<div>").attr({
									"id":item.title,
									"class":"portlet",
									"style":"background: url(img/"+item.productImage+") no-repeat"
								});
								$("<h2>").html(item.headline).appendTo(div);
								$("<p>").html(item.copy).attr("style","").appendTo(div);
								$("<a>").attr("href",item.linkurl).attr('name', '&lid='+item.hbx).addClass("arrow").html(item.link).appendTo(div);
								if (item.button) {
									$("<a>").attr("href",item.buttonUrl).addClass("button").html("<span class='lt'></span><span>"+item.button+"</span>").appendTo(div);
								};
								div.appendTo("#block-1");
								
							};
							if (item.title == "block-1-portlet-2") {
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								$("<div>").attr("id",item.mediaID).appendTo(div);	
								div.appendTo("#block-1");
								var flashvars = createFlashVars(item);
								var launcher = item.media;	
								var params = {wmode:"transparent", allowFullScreen:"true"};
								swfobject.embedSWF(launcher, item.mediaID, item.mediaWidth, item.mediaHeight, "9.0.0", false,flashvars,params);		
								var div = $("<div>").attr("class","clear");
								div.appendTo("#block-1");
							};	
							if (item.title == "block-2-portlet-1") {
								var doyou = data.flash.ShoeFinder.question;
								
								
								
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								var fdiv = $("<div>").attr("id","flashFix").appendTo(div);	
								$("<h2>").attr("class","tag").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(fdiv);
								fdiv.appendTo(div);
								$("<div>").attr("id",item.mediaID).appendTo(div);	
								div.appendTo("#block-2");
								var flashvars = createFlashVars(item);
								var launcher = item.media;	
								var params = {wmode:"transparent", scale:"noScale", salign:"lT"};
								
								if (doyou=="" || !doyou || doyou==" ") {
									adjWidth = item.mediaWidth+106;
								} else {
									adjWidth = item.mediaWidth;
								};
								
								swfobject.embedSWF(launcher, item.mediaID, adjWidth, item.mediaHeight, "9.0.0", false,flashvars,params);	
								
								if (doyou=="" || !doyou || doyou==" ") {
									$("#"+item.mediaID).css('margin-left', '-116px')
								}						
							};	
								
							if (item.title == "block-2-portlet-2") {
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								var fdiv = $("<div>").attr("id","flashFix").appendTo(div);	
								$("<h2>").attr("class","tagRight").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(fdiv);
								fdiv.appendTo(div);
								$("<div>").attr("id",item.mediaID).appendTo(div);	
								div.appendTo("#block-2");
								var flashvars = createFlashVars(item);
								var launcher = item.media;	
								var params = {wmode:"transparent", scale:"noScale", salign:"lT"};
								swfobject.embedSWF(launcher, item.mediaID, item.mediaWidth, item.mediaHeight, "9.0.0", false,flashvars,params);
								var div = $("<div>").attr("class","clear");
								div.appendTo("#block-2");
							};
							
							if (item.title == "block-3-portlet-1") {
								/*
								var div = $("<div>").attr("id",item.title);
								$("<h2>").attr("class","tag").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(div);
								var a = $("<a>").attr("href",item.linkurl).html("");
								a.appendTo(div);
								var img = $("<img />").attr("src", item.media);
								img.appendTo(a);
								div.appendTo("#block-3");
								*/
								
								
								
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								var fdiv = $("<div>").attr("id","flashFix").appendTo(div);	
								$("<h2>").attr("class","tag").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(fdiv);
								fdiv.appendTo(div);
								$("<div>").attr("id",item.mediaID).appendTo(div);	
								div.appendTo("#block-3");
								var flashvars = createFlashVars(item);
								var launcher = item.media;	
								var params = {wmode:"transparent", scale:"noScale", salign:"lT"};
								swfobject.embedSWF(launcher, item.mediaID, item.mediaWidth, item.mediaHeight, "9.0.0", false,flashvars,params);
								var div = $("<div>").attr("class","clear");
								div.appendTo("#block-3");
							};	
						}
					});
				
				//$("#bodycontent").supersleight();
				//populate localized content
				//Localized content not launching with initial site launch, so removed for now: 20/05/09 - SK
					
				/*	
					$.each(data.index.local, function(i, item) {	
						var content = $("<img />").attr("src", item.media);
						var div = $("<div>").attr("id",item.title).css("float","left");
						content.appendTo(div);
						div.appendTo("#local");
					});
				*/
		   	},$("#loading").hide());
			
		},		
		
		populateProducts: function() {
			$.getJSON("content/assets/xml/lang/"+locale+"/data.js",
				function(data){
					adidasPop.getPageName(data);
					adidasPop.popHeader(data.products.header);
					adidasPop.hbx(data.products.hbxpn);

					$.each(data.products.portlets, function(i,item){
						/*
						var w = item.width;
						switch(w) {
							case "0.25":
								var moduleWidth = "25%";
								break;
							case "0.5":
								var moduleWidth = "465px";
								break;
							case "1":
								var moduleWidth = "100%";
								break;
							default:
								var moduleWidth = "100%";
								break;
						}
						*/
						if (item.type == "flash") {	

							$("<div>").attr("id","mastheadcontainer").appendTo("#header");
							var flashvars = {application: header.media, locale: locale, country: adidas_cc, configDirectory:"/ru-fw09-awe-intl/content/assets/xml/lang/"+locale+"/"};
							var params = {wmode:"transparent", scale:"noScale", salign:"lT"};
							swfobject.embedSWF("swf/launchers/StandardLauncher.swf", "mastheadcontainer", "975", "361", "9.0.0", false, flashvars,params);

/* AMS
							var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+";");

							div.appendTo("#bodycontent");

							if (item.launcher == "self") {
								var flashvars = createFlashVars(item);
								var launcher = item.media;
							} else {
								var flashvars = {application: item.media};
								var launcher = item.launcher;
							};

							var params = {wmode:"transparent"};
							swfobject.embedSWF(launcher, item.title, moduleWidth, item.height, "9.0.0", false,flashvars,params);
*/

						} else if (item.type == "img")  {
							var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+"; background: url("+item.media+") left top no-repeat;");
							div.appendTo("#bodycontent");
						} else {
							if (item.title == "block-1-portlet-1") {
								var div = $("<div>").attr("id",item.title);
								if (item.collections) {
									for (x in item.collections) {
										var card = $("<div>").attr({
											"class":"product-card",
											"id":"card-"+item.collections[x].name
										});
										$("<h2>").html(item.collections[x].label).appendTo(card);
										var proddiv = $("<div>").attr("style","background: url("+item.collections[x].main+") no-repeat;");
										var anchor = $("<a>").attr("href",item.collections[x].linkurl).attr("class","btn").html("<span class='lt'></span><span class='rt'>"+item.collections[x].link+"</span>");
										if (item.collections[x].hbx) {
											anchor.attr("name","&lid="+item.collections[x].hbx);
										}
										anchor.appendTo(proddiv);
										proddiv.appendTo(card);
										card.appendTo(div); 
									}
								}
								div.appendTo("#block-1");
							};
							if (item.title == "block-2-portlet-1") {
								var div = $("<div>").attr("class","portlet").attr("id",item.title);
								var h2 = $("<h2 class='tag'><span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span></h2>");
								if (locale=="ru-ru"){h2.css('font-size', '10px')};
								h2.appendTo(div);
								var img = $("<img />").attr("src", item.media);
								img.appendTo(div);
								$("<p>").html(item.copy).appendTo(div);
								if(item.link && item.link != "" && item.link != " ") {
									$("<a>").attr("href",item.linkurl).attr('name', '&lid='+item.hbx).addClass("arrow").html(item.link).appendTo(div);
								}
								div.appendTo("#block-2");
							};
							if (item.title == "block-2-portlet-3") {
								var div = $("<div>").attr("class","portlet").attr("id",item.title);
								$("<h2 class='tag'><span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span></h2>").appendTo(div);
								var div2 = $("<div>").attr("id","fieldnewsCopy");
								$("<h3>").html(item.subhead).appendTo(div2);
								div2.appendTo(div);
								if (adidas_cc == "hk") {
									var img = $("<img />").attr("src", item.media).attr("style", item.alignment);
								} else if (adidas_cc == "tw") {
									var img = $("<img />").attr("src", item.media).attr("style", item.alignment);
								} else {
									var img = $("<img />").attr("src", item.media);
								}
								
								img.appendTo(div);
								
								$("<p>").html(item.copy).appendTo(div);
								if(item.link && item.link != "" && item.link != " ") {
									$("<a>").attr({"href":item.linkurl,"target":"_blank"}).addClass("arrow").html(item.link).appendTo(div);
								}
								div.appendTo("#block-2");

								
								var div = $("<div>").attr("class","clear");
								div.appendTo("#block-2");
							};
							if (item.title == "block-2-portlet-2") {
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								$("<div>").attr("id",item.mediaID).appendTo(div);	
								div.appendTo("#block-2");
								var flashvars = createFlashVars(item);
								var launcher = item.media;	
								var params = {wmode:"transparent", allowFullScreen:"true"};
								swfobject.embedSWF(launcher, item.mediaID, item.mediaWidth, item.mediaHeight, "9.0.0", false,flashvars,params);		
							};
						}
							
						//adidasPop.applyFb();
						//$("#bodycontent").supersleight();
					});
				},
			$("#loading").hide());
		},
		
		populateProductsShoes: function() {
			$.getJSON("content/assets/xml/lang/"+locale+"/data.js",
				function(data){
					adidasPop.getPageName(data);
					//adidasPop.popHeader(data.productsShoes.header);
					
					var hbxpn = data.productsShoes.hbxpn+getQs("article_id");
					adidasPop.hbx(hbxpn);
					
					//start code from details.aspx page
					
					article_id = $.GET.article_id;
					if ( article_id != '' ) {
					
					$('#locate_store span.ltt').html(data.productsShoes.locateButton);
					$('#back_button').html("<a id='backLink' href='products-grid.aspx'>"+data.productsShoes.backButton+"</a>");
					var w = ($("#backLink").width())+40;
					$("#back_button").width(w);
					//$.getJSON("content/assets/xml/lang/"+locale+"/articles_running09.js",
					$.getJSON(modelListService+"?vertical="+pidVertical+"&adidas_cc="+adidas_cc+"&article="+article_id,
						function(prodData){
							$.each(prodData.models,function(i,model) {
								$.each(model.articles,function(i,article) {
									if ( article.articleNumber == article_id ) {
										// found the product so insert info

										$('<img />').attr('src',article.heroImage[3].url).attr("style","width: 400px; height: 400px;").appendTo("#trans_product");
										$('#right01 #article_number').html('#'+article_id);
										$('#right01 #article_name').html(article.articleName);
										$('#right02').html(article.articleDescription);
										

									/*	
										//ALTERNATE VIEW FUNCTIONALITY - not all images are in the PID yet

										for ( i = 0 ; i < 10 ; i++ ) {
											if(article["productImage"+i]) {
												console.log(article["productImage"+i][1].url)
													var thumb_url = article["productImage"+i][1].url;
													var thumb_el = $("<img />").attr("src", thumb_url ).attr("style","width: 75px; height: 75px;");
													thumb_el.appendTo("#right03");
											}
										}
									*/


										if ((article.features).length != 0) {
											$("<h3></h3>").html(data.productsShoes.keyFeatures).appendTo("#right02");
											$("<ul id='featuresList'></ul>").appendTo("#right02");
											for (x in article.features) {
												$("<li></li>").html(article.features[x]).appendTo("#featuresList");
											}
										}
										if ( article.buyNowURL == '' ) {
											$('#buy_now').hide();
										} else {
											$('#buy_now').attr( 'href' , article.buyNowURL ).attr('name', '&lid=Product_'+article_id+'_buynow').show();
										}
										$('#locate_store').attr( 'href' , 'http://www.adidas.com/'+adidas_cc+'/stores').attr('name','&lid=Products_'+article_id+'_locatestore' );
										$("<input type='hidden' name='mastheadVal' id='mastheadVal' />").attr("value",article.productType).appendTo("body");

										if ( $("#mastheadVal").val() == 'shoes' ) {
											$('#block-2').show();
											var mh = data.productsShoes.shoeheader;
										} else if ($("#mastheadVal").val() == "socks" || $("#mastheadVal").val() == "hats" || $("#mastheadVal").val() == "bags" || $("#mastheadVal").val() == "eyewear" || $("#mastheadVal").val() == "watches" || $("#mastheadVal").val() == "bottles") {
											var mh = data.productsShoes.accessoryheader;
										} else if ($("#mastheadVal").val() == "shorts" || $("#mastheadVal").val() == "shirts" || $("#mastheadVal").val() == "underwear" || $("#mastheadVal").val() == "pants_and_tights" || $("#mastheadVal").val() == "tops" || $("#mastheadVal").val() == "jackets" || $("#mastheadVal").val() == "gloves") {
											var mh = data.productsShoes.apparelheader;
										} else {
											var mh = data.productsShoes.defaultheader;
										}

										var flashvars = createFlashVars(mh);
										var params = {wmode:"transparent", scale:"noScale", salign:"lT"};
										swfobject.embedSWF(mh.media, "header", "975", "359", "9.0.0", false,flashvars,params);
										return true;
									}
								});
								$(function() {
									//$('#right02').jScrollPane({scrollbarWidth:5});
									$('#right02').css("width","250px");
									$("#block-3").hide();
								});
							});
						}
					);

					}   //end code from details.aspx page
							
					$.each(data.productsShoes.portlets, function(i,item){
						var w = item.width;
						switch(w) {
							case "0.25":
								var moduleWidth = "25%";
								break;
							case "0.5":
								var moduleWidth = "465px";
								break;
							case "1":
								var moduleWidth = "100%";
								break;
							default:
								var moduleWidth = "100%";
								break;
						}
						if (item.type == "flash") {	
							if (item.title == "block-2-portlet-1") {
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								$("<h2>").attr("class","tag").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(div);
								$("<div>").attr("id",item.mediaID).appendTo(div);	
								div.appendTo("#block-2");
								var flashvars = createFlashVars(item);
								var launcher = item.media;	
								var params = {wmode:"transparent", scale:"noScale", salign:"lT"};
								swfobject.embedSWF(launcher, item.mediaID, item.mediaWidth, item.mediaHeight, "9.0.0", false,flashvars,params);
							};
							if(item.title == "block-3-portlet-1") {
								var divTitle = $("<div>").attr("class","portlet").attr("style", "z-index: 10;");
								$("<h2>").attr("class","tag").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(divTitle);
								divTitle.appendTo("#block-3");
							};	
							var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+";");

							div.appendTo("#block-3");

							if (item.launcher == "self") {
								var flashvars = createFlashVars(item);
								var launcher = item.media;
							} else {
								var flashvars = {application: item.media};
								var launcher = item.launcher;
							};

							var params = {wmode:"transparent", scale:"noScale", salign:"lT"};
							swfobject.embedSWF(launcher, item.title, moduleWidth, item.height, "9.0.0", false,flashvars,params);
						} else if (item.type == "img")  {
							var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+"; background: url("+item.media+") left top no-repeat;");
							div.appendTo("#bodycontent");
						} else {
							if (item.title == "block-1-portlet-1") {
								var div = $("<div>").attr("id",item.title);
								var img = $("<img />").attr("src", item.media).attr("alt","Missing Flash Component").attr("title","Missing Flash Component");
								img.appendTo(div);
								div.appendTo("#block-1");
							};
							if (item.title == "block-2-portlet-2") {
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								$("<h2>").attr("class","tagRight").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(div);
								var img = $("<img />").attr("src", item.media).attr("alt","");
								img.appendTo(div);
								$("<a>").attr("href",item.linkurl).addClass("arrow").html(item.link).appendTo(div);
								div.appendTo("#block-2");
								var div = $("<div>").attr("class","clear");
								div.appendTo("#block-2");
							};
						}

						//adidasPop.applyFb();
						//$("#bodycontent").supersleight();
					});
				},$("#loading").hide());
		},
		populateProductsFeatured: function() {
			$.getJSON("content/assets/xml/lang/"+locale+"/data.js",
				function(data){
					adidasPop.getPageName(data);
					//adidasPop.popHeader(data.productsFeatured.header);
					
					var hbxpn = data.productsFeatured.hbxpn+getQs("article_id");
					adidasPop.hbx(hbxpn);
					
					//start code from details.aspx page
					
					article_id = $.GET.article_id;
					if ( article_id != '' ) {
					
					$('#locate_store span.ltt').html(data.productsFeatured.locateButton);
					$('#back_button').html("<a id='backLink' href='products-grid.aspx'>"+data.productsFeatured.backButton+"</a>");
					var w = ($("#backLink").width())+40;
					$("#back_button").width(w);
					//$.getJSON("content/assets/xml/lang/"+locale+"/articles_running09.js",
					$.getJSON(modelListService+"?vertical="+pidVertical+"&adidas_cc="+adidas_cc+"&article="+article_id,
						function(prodData){
							$.each(prodData.models,function(i,model) {
								$.each(model.articles,function(i,article) {
									if ( article.articleNumber == article_id ) {
										// found the product so insert info

										$('<img />').attr('src',article.heroImage[3].url).attr("style","width: 400px; height: 400px;").appendTo("#trans_product");
										$('#right01 #article_number').html('#'+article_id);
										$('#right01 #article_name').html(article.articleName);
										$('#right02').html(article.articleDescription);
										

									/*	
										//ALTERNATE VIEW FUNCTIONALITY - not all images are in the PID yet

										for ( i = 0 ; i < 10 ; i++ ) {
											if(article["productImage"+i]) {
												console.log(article["productImage"+i][1].url)
													var thumb_url = article["productImage"+i][1].url;
													var thumb_el = $("<img />").attr("src", thumb_url ).attr("style","width: 75px; height: 75px;");
													thumb_el.appendTo("#right03");
											}
										}
									*/


										if ((article.features).length != 0) {
											$("<h3></h3>").html(data.productsFeatured.keyFeatures).appendTo("#right02");
											$("<ul id='featuresList'></ul>").appendTo("#right02");
											for (x in article.features) {
												$("<li></li>").html(article.features[x]).appendTo("#featuresList");
											}
										}
										if ( article.buyNowURL == '' ) {
											$('#buy_now').hide();
										} else {
											$('#buy_now').attr( 'href' , article.buyNowURL ).attr('name', '&lid=Product_'+article_id+'_buynow').show();
										}
										$('#locate_store').attr( 'href' , 'http://www.adidas.com/'+adidas_cc+'/stores').attr('name','&lid=Products_'+article_id+'_locatestore' );
										$("<input type='hidden' name='mastheadVal' id='mastheadVal' />").attr("value",article.productType).appendTo("body");

										if ( $("#mastheadVal").val() == 'shoes' ) {
											$('#block-2').show();
											var mh = data.productsFeatured.shoeheader;
										} else if ($("#mastheadVal").val() == "socks" || $("#mastheadVal").val() == "hats" || $("#mastheadVal").val() == "bags" || $("#mastheadVal").val() == "eyewear" || $("#mastheadVal").val() == "watches" || $("#mastheadVal").val() == "bottles") {
											var mh = data.productsFeatured.accessoryheader;
										} else if ($("#mastheadVal").val() == "shorts" || $("#mastheadVal").val() == "shirts" || $("#mastheadVal").val() == "underwear" || $("#mastheadVal").val() == "pants_and_tights" || $("#mastheadVal").val() == "tops" || $("#mastheadVal").val() == "jackets" || $("#mastheadVal").val() == "gloves") {
											var mh = data.productsFeatured.apparelheader;
										} else {
											var mh = data.productsFeatured.defaultheader;
										}

										var flashvars = createFlashVars(mh);
										var params = {wmode:"transparent", scale:"noScale", salign:"lT"};
										swfobject.embedSWF(mh.media, "header", "975", "359", "9.0.0", false,flashvars,params);
										return true;
									}
								});
								$(function() {
									//$('#right02').jScrollPane({scrollbarWidth:5});
									$('#right02').css("width","250px");
									/*$("#block-3").hide();*/
								});

							});
						}
					);

					}   //end code from details.aspx page
					
					

					
					$.each(data.productsFeatured.portlets, function(i,item){
						var w = item.width;
						switch(w) {
							case "0.25":
								var moduleWidth = "25%";
								break;
							case "0.5":
								var moduleWidth = "465px";
								break;
							case "1":
								var moduleWidth = "100%";
								break;
							default:
								var moduleWidth = "100%";
								break;
						}
						if (item.type == "flash") {	
							if (item.title == "block-2-portlet-1") {
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								$("<h2>").attr("class","tag").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(div);
								$("<div>").attr("id",item.mediaID).appendTo(div);	
								div.appendTo("#block-2");
								var flashvars = createFlashVars(item);
								var launcher = item.media;	
								var params = {wmode:"transparent"};
								swfobject.embedSWF(launcher, item.mediaID, item.mediaWidth, item.mediaHeight, "9.0.0", false,flashvars,params);
							} else {
								var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+";");
								$("<h2>").attr("class","tag").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").prependTo("#block-3");
								div.appendTo("#block-3");
								

								if (item.launcher == "self") {
									var flashvars = {configFile:"content/assets/xml/lang/" + locale + "/" + item.configFile, lang: locale}
									var launcher = item.media;
								} else {
									var flashvars = {application: item.media};
									var launcher = item.launcher;
								};

								var params = {wmode:"transparent"};
								swfobject.embedSWF(launcher, item.title, moduleWidth, item.height, "9.0.0", false,flashvars,params);
								
							}
						} else if (item.type == "img")  {
							var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+"; background: url("+item.media+") left top no-repeat;");
							div.appendTo("#bodycontent");
						} else {
							if (item.title == "block-1-portlet-1") {
								var div = $("<div>").attr("id",item.title);
								var img = $("<img />").attr("src", item.media).attr("alt","Missing Flash Component").attr("title","Missing Flash Component");
								img.appendTo(div);
								div.appendTo("#block-1");
							};
							if (item.title == "block-2-portlet-2") {
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								$("<h2>").attr("class","tagRight").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(div);
								var img = $("<img />").attr("src", item.media).attr("alt","");
								img.appendTo(div);
								$("<a>").attr("href",item.linkurl).addClass("arrow").html(item.link).appendTo(div);
								div.appendTo("#block-2");
								var div = $("<div>").attr("class","clear");
								div.appendTo("#block-2");
							};
						}

						//adidasPop.applyFb();
						//$("#bodycontent").supersleight();
					});
				},$("#loading").hide());
		},				
		populateProductsGrid: function() {
			$.getJSON("content/assets/xml/lang/"+locale+"/data.js",
				function(data){
					adidasPop.getPageName(data);
					adidasPop.popHeader(data.productsGrid.header);
					
					var hbxpn = data.productsGrid.hbxpn+getQs("clicktop");
					
					adidasPop.hbx(hbxpn);
					
					
					$.each(data.productsGrid.leftFilters,function(i,item) {
					//	console.log(item.productTypes.subfilters)]
						var filterList = $("<div id='filterList-count'><span id='itemCount'></span> "+item.productTypes.itemCount+"</div><div id='filterList-container'><ul id='filterList'></ul></div>").prependTo("#gridcontent");
						
						for (x in item) {
							
							if ( x == 'productTypes' ) {
								var filter_name = item.productTypes.elementsLabel;
							}
							if ( x == 'gender' ) {
								var filter_name = item.gender.genderLabel;
							}

							var filter = $("<a href='#'></a>").attr("id",x).addClass("facet").html(filter_name);
							
							filter.appendTo("#filterList").wrap("<li id='"+x+"-list'></li>");
							
							var elList = $("<ul class='elList' id='"+x+"elList'></ul>");
							elList.insertAfter("#"+x);
							
							if (item[x].multiselect == true) {							
								$.each(item[x].elements, function(i,el) {
									$("<li class='sublist' id='"+item[x].name[i]+"'><input type='checkbox' checked name="+x+" value="+item[x].name[i]+"><a href='javascript:void(0);'>"+el+"</a><img src='img/products/filter-"+item[x].name[i]+".gif' alt='' class='icon'></li>").appendTo("#"+x+"elList");
								});
							} else {
								$.each(item[x].elements, function(i,el) {
									$("<li class='sublist' id='"+item[x].name[i]+"'><input type='radio' name="+x+" value="+item[x].name[i]+">"+el+"</a></li>").appendTo("#"+x+"elList");
								});
							}
						}
						
						if ( item.productTypes && item.productTypes.elements && item.productTypes.elements.length > 0 ) {
							// create top tabs
							var top_tabs = $('<div id="top-tabs"></div>').prependTo( $('#bodycontent') );
							
							// total width 945px
							
							var number_of_tabs = item.productTypes.elements.length + 1;
							var padding = 5;
							var tab_width = parseInt( ( 952 - ( number_of_tabs + 2 ) - ( ( number_of_tabs - 1 ) * padding ) ) / number_of_tabs );
							$("<div class='top-tab' id='tab-all' style='width: "+tab_width+"px;'><div class='border'><span><a href=\"javascript:void(0);\" onclick=\"javascript:clickTop('all');\">"+item.productTypes.allProd+"</a></span></div></div>").appendTo( top_tabs );
							
							$("<div class='top-tab' id='tab-FOOTWEAR' style='width: "+tab_width+"px;'><div class='border'><span><a href=\"javascript:void(0);\" onclick=\"javascript:clickTop('FOOTWEAR');\">"+item.productTypes.topTabs[0]+"</a></span></div></div>").appendTo( top_tabs );
							
							$("<div class='top-tab' id='tab-APPAREL' style='width: "+tab_width+"px;'><div class='border'><span><a href=\"javascript:void(0);\" onclick=\"javascript:clickTop('APPAREL');\">"+item.productTypes.topTabs[1]+"</a></span></div></div>").appendTo( top_tabs );
							
							$("<div class='top-tab' id='tab-ACCESSORIES' style='width: "+tab_width+"px;'><div class='border'><span><a href=\"javascript:void(0);\" onclick=\"javascript:clickTop('ACCESSORIES');\">"+item.productTypes.topTabs[2]+"</a></span></div></div>").appendTo( top_tabs );
							
							
							/*$.each(item.productTypes.topTabs, function(i,item) {
								$("<div class='top-tab' id='tab-"+item+"' style='width: "+tab_width+"px;'><div class='border'><span><a href=\"javascript:void(0);\" onclick=\"javascript:clickTop('"+item+"');\">"+item+"</a></span></div></div>").appendTo( top_tabs );
							});*/

						}
						
						$.each(item.productTypes.elements,function(i,item) {
							var productFacetList = $("<li class='facetList'><ul></ul></li>").attr("id",item+"FacetList");
							productFacetList.insertBefore("#productFamily-list");
						});
						
						$.each(item.productTypes.subfilters,function(i,item) {
							for (x in item) {
							//	console.log(i+" /// "+x+" /// "+item[x].elements);
								$("<li><a>"+x+"</a><ul class='sub-sublist'  id='"+x+"FacetSubList'></ul></li>").appendTo($("#"+i+"FacetList>ul"));
								
								//console.log(item[x].multiselect);
								
								for (y in item[x].elements) {
									if (item[x].multiselect == true) {
										//console.log("true :::"+item[x].elements[y]);
										$("<li class='facetSubList'></li>").html("<input type='checkbox' name='"+x+"' value='"+item[x].elements[y]+"' />"+item[x].elements[y]).appendTo($("#"+x+"FacetSubList"));
									} else {
										//console.log("false :::"+item[x].elements[y]);
										$("<li class='facetSubList'></li>").html("<input type='radio' name='"+x+"' value='"+item[x].elements[y]+"' />"+item[x].elements[y]).appendTo($("#"+x+"FacetSubList"));
									}
									
									//console.log(x+" ///// "+item[x].elements[y])
								}
								
							}
						});
						clickTop( !$.GET.clicktop || $.GET.clicktop == '' ? 'all' : $.GET.clicktop );
						
					});
					
				},$("#loading").hide());
		},
		populateEventsIaaf: function(){
			$.getJSON("content/assets/xml/lang/"+locale+"/data.js",
				function(data){
					adidasPop.getPageName(data);
					adidasPop.popHeader(data.eventsIaaf.header);	
					adidasPop.hbx(data.eventsIaaf.hbxpn);
				
					var divSB = $("<div></div>").attr("id","sidebar");
					
					var eventDetails = "<div id='eventDetails'><h2>"+data.eventsIaaf.sidebar.sbHeadline+"</h2><div id='deadline'><h3>"+data.eventsIaaf.sidebar.dateHeadline+"</h3><p/><div id='racedate'><div class='day'><strong>"+data.eventsIaaf.sidebar.dateNum+"</strong>"+data.eventsIaaf.sidebar.dateText+"</div><div class='month'><strong>"+data.eventsIaaf.sidebar.monthNum+"</strong>"+data.eventsIaaf.sidebar.monthText+"</div><div class='year'><strong>"+data.eventsIaaf.sidebar.yearNum+"</strong>"+data.eventsIaaf.sidebar.yearText+"</div></div></div><ul><li><span>"+data.eventsIaaf.sidebar.whoHead+"</span>"+data.eventsIaaf.sidebar.whoCopy+"</li><li><span>"+data.eventsIaaf.sidebar.whenHead+"</span>"+data.eventsIaaf.sidebar.whenCopy+"</li><li><span>"+data.eventsIaaf.sidebar.whereHead+"</span>"+data.eventsIaaf.sidebar.whereCopy+"</li></ul><a name='&lid="+data.eventsIaaf.sidebar.linkHbx+"' href='"+data.eventsIaaf.sidebar.linkUrl+"' target='_blank' class='button'><span class='lt'/><span>"+data.eventsIaaf.sidebar.link+"</span></a></div>";
					
					
					divSB.html(eventDetails);
					
					
					var divCE = $("<div></div>").attr("id","content-event");
					for (x in data.eventsIaaf.headline) {
						$("<h2></h2>").html(data.eventsIaaf.headline[x]).appendTo(divCE);
					}
					
					for (x in data.eventsIaaf.description) {
						$("<p></p>").html(data.eventsIaaf.description[x]).appendTo(divCE);
					}
					
					divSB.appendTo("#block-1");
					divCE.appendTo("#block-1");
					$("<div class='clear'></div>").insertAfter("#content-event");
					
					adidasPop.equalHeights($('.singleEvent'));
							$.each(data.eventsIaaf.portlets, function(i,item){
							var w = item.width;
							switch(w) {
								case "0.25":
									var moduleWidth = "25%";
									break;
								case "0.5":
									var moduleWidth = "50%";
									var paragraphWidth = "240px";
									break;
								case "1":
									var moduleWidth = "100%";
									var paragraphWidth = "390px";
									break;
								default:
									var moduleWidth = "100%";
									break;
							}
							if (item.type == "flash") {	
								var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+";");

								div.appendTo("#bodycontent");

								if (item.launcher == "self") {
									var flashvars = createFlashVars(item);
									var launcher = item.media;
								} else {
									var flashvars = {application: item.media};
									var launcher = item.launcher;
								};

								var params = {wmode:"transparent", scale:"noScale", salign:"lT"};
								swfobject.embedSWF(launcher, item.title, moduleWidth, item.height, "9.0.0", false,flashvars,params);
							} else if (item.type == "img")  {
								var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+"; background: url("+item.media+") left top no-repeat;");
								div.appendTo("#bodycontent");
							} else {
								if (item.title == "block-2-portlet-1" /*|| item.title == "block-2-portlet-2" */|| item.title == "block-2-portlet-3") {
									var div = $("<div>").attr("id",item.title).attr("class","portlet");

									if (item.title == "block-2-portlet-3") {
										$("<h2>").attr("class","tagRight").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(div);
									}	else {
										$("<h2>").attr("class","tag").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(div);										
									}
									
									for (x in item.subhead) {
										$("<h3>").html(item.subhead[x]).appendTo(div)
									};
									
									$("<p>").html(item.copy).appendTo(div);
									
									var img = $("<img />").attr("src", item.media).attr("alt","Missing Flash Component").attr("title","Missing Flash Component");
									img.appendTo(div);
									if (item.title != "block-2-portlet-2") {
											$("<a>").attr({
												"href":item.linkurl,
												"name":item.hbx
												}).addClass("arrow").html(item.link).appendTo(div);
										}										
									div.appendTo("#block-2");
										
									if (item.title == "block-2-portlet-3") {
										var div = $("<div>").attr("class","clear");
										div.appendTo("#block-2");
									};
								};	
							}
	
							//adidasPop.applyFb();
						//$("#bodycontent").supersleight();
					});					
				},
			$("#loading").hide());
		},
		populateEventsBerlin: function(){
			$.getJSON("content/assets/xml/lang/"+locale+"/data.js",
				function(data){
					adidasPop.getPageName(data);	
					adidasPop.popHeader(data.eventsBerlin.header);
					adidasPop.hbx(data.eventsBerlin.hbxpn);
					
					
					//$("#block-1").html(data.eventsBerlin.description);
					
					var divEM = $("<div></div>").attr("id","eventmap").html("<img src='"+data.eventsBerlin.map.small+"' />");
					
					var divSB = $("<div></div>").attr("id","sidebar");

					var eventDetails = "<div id='eventDetails'><h2>"+data.eventsBerlin.sidebar.sbHeadline+"</h2><div id='deadline'><h3>"+data.eventsBerlin.sidebar.dateHeadline+"</h3><p/><div id='racedate'><div class='day'><strong>"+data.eventsBerlin.sidebar.dateNum+"</strong>"+data.eventsBerlin.sidebar.dateText+"</div><div class='month'><strong>"+data.eventsBerlin.sidebar.monthNum+"</strong>"+data.eventsBerlin.sidebar.monthText+"</div><div class='year'><strong>"+data.eventsBerlin.sidebar.yearNum+"</strong>"+data.eventsBerlin.sidebar.yearText+"</div></div></div><ul><li><span>"+data.eventsBerlin.sidebar.whoHead+"</span>"+data.eventsBerlin.sidebar.whoCopy+"</li><li><span>"+data.eventsBerlin.sidebar.whenHead+"</span>"+data.eventsBerlin.sidebar.whenCopy+"</li><li><span>"+data.eventsBerlin.sidebar.whereHead+"</span>"+data.eventsBerlin.sidebar.whereCopy+"</li></ul><a name='&lid="+data.eventsBerlin.sidebar.linkHbx+"' href='"+data.eventsBerlin.sidebar.linkUrl+"' target='_blank' class='button'><span class='lt'/><span>"+data.eventsBerlin.sidebar.link+"</span></a></div>";


					divSB.html(eventDetails);


					var divCE = $("<div></div>").attr("id","content-event");
					for (x in data.eventsBerlin.headline) {
						$("<h2></h2>").html(data.eventsBerlin.headline[x]).appendTo(divCE);
					}
					

					for (x in data.eventsBerlin.description) {
						$("<p></p>").html(data.eventsBerlin.description[x]).appendTo(divCE);
					}
					$("<a></a>").attr("class","arrow").attr({
							"href":data.eventsBerlin.map.large,
							"target":"_blank",
							"name":"&lid="+data.eventsBerlin.map.largeHbx
						}).html(data.eventsBerlin.map.largeLink).appendTo(divCE);
					
					
					$("<a></a>").attr("class","arrow").attr({
						"href":data.eventsBerlin.map.download,
						"target":"_blank",
						"name":"&lid="+data.eventsBerlin.map.downloadHbx
						}).html(data.eventsBerlin.map.downloadLink).appendTo(divCE);
					
					
					divEM.appendTo("#block-1");
					divSB.appendTo("#block-1");
					divCE.appendTo("#block-1");
					$("<div class='clear'></div>").insertAfter("#content-event");
					
					adidasPop.equalHeights($('.singleEvent'));
							$.each(data.eventsBerlin.portlets, function(i,item){
							var w = item.width;
							switch(w) {
								case "0.25":
									var moduleWidth = "25%";
									break;
								case "0.5":
									var moduleWidth = "50%";
									var paragraphWidth = "240px";
									break;
								case "1":
									var moduleWidth = "100%";
									var paragraphWidth = "390px";
									break;
								default:
									var moduleWidth = "100%";
									break;
							}
							if (item.type == "flash") {	
								var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+";");

								div.appendTo("#bodycontent #eventsBase");

								if (item.launcher == "self") {
									var flashvars = createFlashVars(item);
									var launcher = item.media;
								} else {
									var flashvars = {application: item.media};
									var launcher = item.launcher;
								};

								var params = {wmode:"transparent"};
								swfobject.embedSWF(launcher, item.title, moduleWidth, item.height, "9.0.0", false,flashvars,params);

							} else {
								if (item.title == "block-2-portlet-1" || item.title == "block-2-portlet-3") {
									var div = $("<div>").attr("id",item.title).attr("class","portlet");
									if (item.title == "block-2-portlet-3") {
										$("<h2>").attr("class","tagRight").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(div);
									}	else {
										$("<h2>").attr("class","tag").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(div);										
									}
									$("<p>").html(item.copy).appendTo(div);
									var img = $("<img />").attr("src", item.media);
									if (item.title != "block-2-portlet-2") {
											$("<a>").attr({
												"href":item.linkurl,
												"name":"&lid="+item.hbx
												}).addClass("arrow").html(item.link).appendTo(div);
										}										
									img.appendTo(div);
									div.appendTo("#block-2");
									if(item.title == "block-2-portlet-3") {
										var div = $("<div>").attr("class","clear");
										div.appendTo("#block-2");
									}
								};	
								if (item.title == "block-2-portlet-2") {
									var div = $("<div>").attr("id",item.title).attr("class","portlet");
									$("<img />").attr("src", item.media).attr("alt","Missing Flash Component").attr("title","Missing Flash Component").appendTo(div);
									div.appendTo("#block-2");
								};
							}
							//adidasPop.applyFb();
							//$("#bodycontent").supersleight();
						});					
						if (data.eventsBerlin.sidebar.disclaimer) {
							$("<p></p>").addClass('fr-disclaimer').html(data.eventsBerlin.sidebar.disclaimer).appendTo('#eventDetails');
						}
				},
			$("#loading").hide());
		},
	
		populateEvents: function(){
			$.getJSON("content/assets/xml/lang/"+locale+"/data.js",
				function(data){
					adidasPop.getPageName(data);
					adidasPop.popHeader(data.events.header);				
					adidasPop.equalHeights($('.singleEvent'));
					adidasPop.hbx(data.events.hbxpn);
				
					$.each(data.events.portlets, function(i,item){
						var w = item.width;
						switch(w) {
							case "0.25":
								var moduleWidth = "25%";
								break;
							case "0.5":
								var moduleWidth = "50%";
								var paragraphWidth = "240px";
								break;
							case "488px":
								var moduleWidth = "488px";
								var paragraphWidth = "250px";
								break;									
							case "1":
								var moduleWidth = "100%";
								var paragraphWidth = "390px";
								break;
							default:
								var moduleWidth = "100%";
								break;
						}
						if (item.type == "flash") {	
							var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:'488';height:"+item.height+";");

						div.appendTo("#bodycontent #eventsLeft");
	
							if (item.launcher == "self") {
								var flashvars = createFlashVars(item);
								var launcher = item.media;
							} else {
								var flashvars = {application: item.media};
								var launcher = item.launcher;
							};
	
							var params = {wmode:"transparent"};
							swfobject.embedSWF(launcher, item.title, moduleWidth, item.height, "9.0.0", false,flashvars,params);
							
						} else if (item.type == "img")  {
							var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+"; background: url("+item.media+") left top no-repeat;");
							div.appendTo("#bodycontent");
							
						} else {
							if (item.title == "block-1-portlet-1") {
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								$("<h2>").html(item.headline).appendTo(div);
								$("<img />").attr("src", item.media).appendTo(div);
								$("<h3>").text(item.subhead).appendTo(div);
								$("<p>").html(item.copy).attr("style","").appendTo(div);
								$("<a>").attr("href",item.linkurl).attr('name', '&lid='+item.hbx).addClass("arrow").html(item.link).appendTo(div);
								div.appendTo("#block-1");
							};
/*							if (item.title == "block-1-portlet-2") {
								var div = $("<div>").attr("id",item.title);
								var img = $("<img />").attr("src", item.media).attr("alt", item.mediaAlt);
								img.appendTo(div);
								div.appendTo("#block-1");
								var div = $("<div>").attr("class","clear");
								div.appendTo("#block-1");
							};*/
							if (item.title == "block-2-portlet-1" || item.title == "block-2-portlet-3") {
								var div = $("<div>").attr("class","portlet").attr("id",item.title);
									if (item.title == "block-2-portlet-3") {
										$("<h2>").attr("class","tagRight").html(item.headline).appendTo(div);
									}	else {
										$("<h2>").attr("class","tag").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(div);										
									}
								var img = $("<img />").attr("src", item.media);
								img.appendTo(div);
								$("<p>").html(item.copy).attr("style","").appendTo(div);
								if (item.title != "block-2-portlet-2") {
									$("<a>").attr("href",item.linkurl).attr('name', '&lid='+item.hbx).addClass("arrow").html(item.link).appendTo(div);
								}	
								div.appendTo("#block-2");
							};
							if (item.title == "block-2-portlet-2") {
								var div = $("<div>").attr("class","portlet").attr("id",item.title);
								div.appendTo("#block-1");
								
								$("<div></div>").attr("id","event-search").appendTo(div);
								$("<h2></h2>").html("<span style='float:left'>"+item.headline+"</span>").appendTo("#event-search");
								
								if (item.disclaimer) {
									$("<span></span>").addClass('fr-disclaimer').html(item.disclaimer).appendTo('#event-search h2');
								}
								
								//create table headers
								var headers = '';
								for (x in item.headers) {
									y=parseInt(x)+1;
									headers += "<th class='col"+y+"'>"+item.headers[x]+"</th>";
								}
								
								var thead = $("<table id='event-search-headers' cellspacing='0'><tr>"+headers+"</tr></table>");
								thead.appendTo("#event-search");
								
								var eventCount = item.running_events.length;
								var eventsTmp = '';
								for (ev=0; ev<eventCount; ev++) {
								eventsTmp += "<tr><td class='col1'>"+item.running_events[ev].date+"</td><td class='col2'>"+item.running_events[ev].country+"</td><td class='col3'>"+item.running_events[ev].label+"</td><td class='col4'>"+item.running_events[ev].distance+"</td><td class='col5'><a href='"+item.running_events[ev].url+"' name='&lid="+item.running_events[ev].hbx+"' target='_BLANK'>"+item.headers[4]+"*</a></td></tr>";
								}

								$("<div id='event-search-data'><table cellspacing='0'>"+eventsTmp+"</table></div>").appendTo("#event-search");
								
							};
							if (item.title == "block-3-portlet-1" && hasMiAdidasStore(adidas_cc)) {
//								var div = $("<div>").attr("id",item.title);
//								var a = $("<a target='_blank'></a>").attr("href",item.linkurl);
//								var img = $("<img />").attr("src", item.media);
//								
//								img.appendTo(a);
//								a.appendTo(div);
//								div.appendTo("#block-3");
//								var div = $("<div>").attr("class","clear");
//								div.appendTo("#block-2");
								
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								var fdiv = $("<div>").attr("id","flashFix").appendTo(div);	
								$("<h2>").attr("class","tag").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(fdiv);
								fdiv.appendTo(div);
								$("<div>").attr("id",item.mediaID).appendTo(div);	
								div.appendTo("#block-3");
								var flashvars = createFlashVars(item);
								var launcher = item.media;	
								var params = {wmode:"transparent"};
								swfobject.embedSWF(launcher, item.mediaID, item.mediaWidth, item.mediaHeight, "9.0.0", false,flashvars,params);
								var div = $("<div>").attr("class","clear");
								div.appendTo("#block-3");
							};
						}
						$(function() {
							$('#event-search-data').jScrollPane({scrollbarWidth:5});
						});		

						//adidasPop.applyFb();
						$("#bodycontent").supersleight();
					});	
		   		},
	   		$("#loading").hide());
		},
		populateAthletes: function() {
			$.getJSON("content/assets/xml/lang/"+locale+"/data.js",
				function(data){
					var pagename = $("html").data("pagename");
					adidasPop.getPageName(data);
					adidasPop.popHeader(data.athletes[pagename].header);
					adidasPop.hbx(data.athletes[pagename].hbxpn);
					$.each(data.athletes[pagename].portlets, function(i,item){
						if (item.type == "flash") {
							var div = $("<div>").attr("id",item.title).attr("class","portletDiv");
							div.appendTo("#block-2");

							if (item.launcher == "self") {
								var flashvars = createFlashVars(item);
								var launcher = item.media;
							} else {
								var flashvars = {application: item.media};
								var launcher = item.launcher;
							};

							var params = {wmode:"transparent"};
							swfobject.embedSWF(launcher, item.title, moduleWidth, item.height, "9.0.0", false,flashvars,params);
						} else if (item.type == "img")  {
							var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+"; background: url("+item.media+") left top no-repeat;");
							div.appendTo("#bodycontent");
						} else {
							if (item.title == "block-1-portlet-1") {
								var div = $("<div>").attr("id", "athlete-nav");
								//var img = $("<img />").attr("src", item.media).attr("alt","Missing Flash Component").attr("title","Missing Flash Component");
								//img.appendTo(div);
								$("<h2>").html(data.athletes[pagename].sidebar).appendTo(div);
								var divList = $("<div>").attr("id","athlete-nav-list");
								var ul = $("<ul>");
								//Loop
								$("#athlete-nav-list a").live("mouseover",function() {
									$(this).children(".popup").show();
								});
								$("#athlete-nav-list a").live("mouseout",function() {
									$(this).children(".popup").hide();
								});
								$.each(data.athletes, function(i,item){
									var li = $("<li>");
									var a = $("<a>").attr({
										"href": item.linkurl,
										"name":"&lid="+item.hbx
										}).appendTo(li);
									if (data.athletes[pagename].pageid === item.pageid) a.attr("class","selected");
									$("<img>").attr("src",item.thumb).attr("alt",item.name).attr("title",item.name).appendTo(a);
									//$("<div class='popup'></div>").html(item.name).appendTo(a);
									li.appendTo(ul);
								});
								//End Loop
								ul.appendTo(divList);
								divList.appendTo(div);
								div.appendTo("#block-1");
								
								var div2 = $("<div>").attr("id", "athlete-bio");
								$("<h2>").html(item.headline).appendTo(div2);
								$("<p></p>").html(item.subhead).appendTo(div2);
								var div3 = $("<div>").attr("id", "copy").html(item.copy);
								div3.appendTo(div2);
								if(item.linkurl != "") $("<a>").attr({
									"href":item.linkurl,
									"target":"_blank",
									"name":"&lid="+item.hbx
									}).attr("target","_blank").addClass("arrow").html(item.link).appendTo(div2);
								if (item.disclaimer) {
									$("<p></p>").addClass('fr-disclaimer').html(item.disclaimer).appendTo(div2);
								}
								div2.appendTo("#block-1");
							} else 	if (item.title == "block-1-portlet-2") {
								var div = $("<div>").attr("id", "athlete-gallery");
								div.appendTo("#block-1");
								
								var div2 = $("<div>").attr("id", "athlete-gallery-main");
								div2.appendTo(div);
								
								var div2b = $("<div>").attr("id", "athlete-gallery-image");
								div2b.appendTo(div2);
								
							//	var div3 = $("<div>").attr("id", "athlete-gallery-hover");
								//$("<h5>").html(item.gallery[0].headline).appendTo(div3);
								//$("<p>").html(item.gallery[0].subhead).appendTo(div3);
							//	div3.appendTo(div2b);
								
								var div4 = $("<div>").attr("id", "athlete-gallery-nav");
								var ul = $("<ul>").attr("id", "athlete-gallery-carousel");
								if (item.gallery) {
									for (x in item.gallery) {
										var li = $("<li>").attr("id", x);
										var a = $("<a>").attr({
											"href": item.gallery[x].linkurl,
											"name":"&lid="+item.gallery[x].hbx
											});
										var img = $("<img />").attr("src", item.gallery[x].media).attr("alt","").attr("title","");
										img.appendTo(a);
										a.appendTo(li);
										li.appendTo(ul); 
									}
									ul.appendTo(div4);
								}
								
								div4.appendTo(div);
								/*$('#athlete-gallery-carousel li').click(function(){
									var carouselItemId = $(this).attr('id');
									var carouselItemHead = item.gallery[carouselItemId].headline;
									var carouselItemSub = item.gallery[carouselItemId].subhead;
									$('#athlete-gallery-hover>h5').html(carouselItemHead);
									$('#athlete-gallery-hover>p').html(carouselItemSub);
								});*/
								
								var div5 = $("<div>").attr("class","clear");
								div5.appendTo("#block-1");
							};/* else if(item.title == "block-2-portlet-1") {
								var div = $("<div>").attr("id", item.title).attr("class","portlet");
								var img = $("<img />").attr("src", item.media).attr("alt","Missing Flash Component").attr("title","Missing Flash Component");
								img.appendTo(div);
								div.appendTo("#block-2");
							} else if(item.title == "block-2-portlet-2") {
								var div = $("<div>").attr("id", item.title).attr("class","portlet");
								$("<h2>").attr("class","tagRight").html(item.headline).appendTo(div);
								$("<h3>").html(item.subhead).appendTo(div);
								$("<p>").html(item.copy).appendTo(div);
								var img = $("<img />").attr("src", item.media).attr("alt","Supernova Sequence").attr("title","Missing Flash Component");
								img.appendTo(div);
								$("<a>").attr("href",item.linkurl).addClass("arrow").html(item.link).appendTo(div);
								if (item.button) {
									$("<a>").attr("href",item.buttonUrl).addClass("button").html("<span class='lt'></span><span>"+item.button+"</span>").appendTo(div);
								};
								div.appendTo("#block-2");
								var div = $("<div>").attr("class","clear");
								div.appendTo("#block-2");
							}*/
						}

						//adidasPop.applyFb();
						//$("#bodycontent").supersleight();
					});
					$(function() {
						$('#athlete-nav-list').jScrollPane({scrollbarWidth:5});
					});
					$('#athlete-gallery-carousel').jcarousel({
						initCallback: athleteGallery.init
					});
				},
				
			$("#loading").hide());
		},
		populateProductsStory: function() {
			$.getJSON("content/assets/xml/lang/"+locale+"/data.js",
				function(data){
					var pagename = $("html").data("pagename");
					adidasPop.getPageName(data);
					adidasPop.popHeader(data.productsStory[pagename].header);
					adidasPop.hbx(data.productsStory[pagename].hbxpn);
					$.each(data.productsStory[pagename].portlets, function(i,item){
						if (item.type == "flash") {
							var div = $("<div>").attr("id",item.title).attr("class","portletDiv");
							div.appendTo("#block-2");

							if (item.launcher == "self") {
								var flashvars = createFlashVars(item);
								var launcher = item.media;
							} else {
								var flashvars = {application: item.media};
								var launcher = item.launcher;
							};

							var params = {wmode:"transparent"};
							swfobject.embedSWF(launcher, item.mediaID, item.mediaWidth, item.mediaHeight, "9.0.0", false,flashvars,params);
						} else if (item.type == "img")  {
							var div = $("<div>").attr("id",item.title).attr("class","portletDiv").attr("style","width:"+moduleWidth+";height:"+item.height+"; background: url("+item.media+") left top no-repeat;");
							div.appendTo("#bodycontent");
						} else {
							if (item.title == "block-1-portlet-0") {
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								var imgDiv = $("<div id=\"imgDiv\">").attr("class","floatLeft");
								var dataDiv = $("<div id=\"dataDiv\">").attr("class","floatLeft");
								$("<img />").attr("src", item.media).appendTo(imgDiv);
								$("<h2>").html(item.headline+"<BR/>"+item.subhead).appendTo(dataDiv);
								$("<div>").html(item.copy).appendTo(dataDiv);
								$("<a>").attr("href",item.linkurl).attr('name', '&lid='+item.hbx).addClass("arrow").html(item.link).appendTo(dataDiv).wrap("<p></p>");
								imgDiv.appendTo(div);
								dataDiv.appendTo(div);
								div.appendTo("#block-1");
							};
							if (item.title == "block-1-portlet-3") {
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								var imgDiv = $("<div id=\"imgDiv\">").attr("class","floatLeft");
								var dataDiv = $("<div id=\"dataDiv\">").attr("class","floatLeft");
								$("<h2>").html(item.headline+"<BR/>"+item.subhead).appendTo(dataDiv);
								$("<p>").html(item.copy).attr("style","").appendTo(dataDiv);
								$("<a>").attr("href",item.linkurl).attr('name', '&lid='+item.hbx).addClass("arrow").html(item.link).appendTo(dataDiv);
								imgDiv.appendTo(div);
								dataDiv.appendTo(div);
								div.appendTo("#block-1");
							};
							if (item.title == "block-1-portlet-2") {
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								$("<div>").attr("id",item.mediaID).appendTo(div);	
								div.appendTo("#block-1");
								var flashvars = createFlashVars(item);
								var launcher = item.media;	
								var params = {wmode:"transparent", allowFullScreen:"true"};
								swfobject.embedSWF(launcher, item.mediaID, item.mediaWidth, item.mediaHeight, "9.0.0", false,flashvars,params);		
								var div = $("<div>").attr("class","clear");
								div.appendTo("#block-1");
							};								
							if (item.title == "block-2-portlet-1" || item.title == "block-2-portlet-3") {
								var div = $("<div>").attr("class","portlet").attr("id",item.title);
									if (item.title == "block-2-portlet-3") {
										$("<h2>").attr("class","tagRight").html(item.headline).appendTo(div);
									}	else {
										$("<h2>").attr("class","tag").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(div);										
									}
								var img = $("<img />").attr("src", item.media);
								img.appendTo(div);
								$("<p>").html(item.copy).attr("style","").appendTo(div);
								if (item.title != "block-2-portlet-2") {
									$("<a>").attr("href",item.linkurl).attr('name', '&lid='+item.hbx).addClass("arrow").html(item.link).appendTo(div);
								}	
								div.appendTo("#block-2");
							};
							if (item.title == "block-2-portlet-2") {
								var div = $("<div>").attr("class","portlet").attr("id",item.title);
								div.appendTo("#block-1");
								
								$("<div></div>").attr("id","event-search").appendTo(div);
								$("<h2></h2>").html("<span style='float:left'>"+item.headline+"</span>").appendTo("#event-search");
								
								if (item.disclaimer) {
									$("<span></span>").addClass('fr-disclaimer').html(item.disclaimer).appendTo('#event-search h2');
								}
								
								//create table headers
								var headers = '';
								for (x in item.headers) {
									y=parseInt(x)+1;
									headers += "<th class='col"+y+"'>"+item.headers[x]+"</th>";
								}
								
								var thead = $("<table id='event-search-headers' cellspacing='0'><tr>"+headers+"</tr></table>");
								thead.appendTo("#event-search");
								
								var eventCount = item.running_events.length;
								var eventsTmp = '';
								for (ev=0; ev<eventCount; ev++) {
								eventsTmp += "<tr><td class='col1'>"+item.running_events[ev].date+"</td><td class='col2'>"+item.running_events[ev].country+"</td><td class='col3'>"+item.running_events[ev].label+"</td><td class='col4'>"+item.running_events[ev].distance+"</td><td class='col5'><a href='"+item.running_events[ev].url+"' name='&lid="+item.running_events[ev].hbx+"'>"+item.headers[4]+"*</a></td></tr>";
								}

								$("<div id='event-search-data'><table cellspacing='0'>"+eventsTmp+"</table></div>").appendTo("#event-search");
								
							};
							if (item.title == "block-3-portlet-1") {
								var div = $("<div>").attr("id",item.title).attr("class","portlet");
								var fdiv = $("<div>").attr("id","flashFix").appendTo(div);	
								$("<h2>").attr("class","tag").html("<span class='lt'></span><span class='md'>"+item.headline+"</span><span class='rt'></span>").appendTo(fdiv);
								fdiv.appendTo(div);
								$("<div>").attr("id",item.mediaID).appendTo(div);	
								div.appendTo("#block-2");
								var flashvars = createFlashVars(item);
								var launcher = item.media;	
								var params = {wmode:"transparent", scale:"noScale", salign:"lT"};
								swfobject.embedSWF(launcher, item.mediaID, item.mediaWidth, item.mediaHeight, "9.0.0", false,flashvars,params);
								var div = $("<div>").attr("class","clear");
								div.appendTo("#block-2");
							};
							$("#block-1").supersleight();
							$("#block-2").supersleight();
							
							
						}					
					});
				},
				
			$("#loading").hide());
		},
		populateShoeTech: function(){
			$.getJSON("content/assets/xml/lang/"+locale+"/data.js",
				function(data){
					adidasPop.getPageName(data);
					adidasPop.popHeader(data.productShoeTech.header);	
					adidasPop.hbx(data.productShoeTech.hbxpn);			

					var menuList = $("<ul>").attr("id","tech-menu");					
					var techContent = $("<div>").attr("id","tech-content");

					$.each(data.productShoeTech.techData, function(i,item){
						var menuItem = $("<li>");
//						if (item.selected) {
//							var menuLink = $("<a>").attr("href","#"+i).attr("rel",i).html(item.title).addClass("selected").appendTo(menuItem);
//						} else {
							var menuLink = $("<a>").attr("href","#"+i).attr("rel",i).html(item.title).appendTo(menuItem);
//						}
						
						menuLink.click( function(i) {
							var techContent = $(".tech-item");
							var showItem = "#tech" + $(this).attr("rel");
							$.each(techContent, function(c,cell){
								cell.style.display="none";
							});

							$(showItem).css("display","block");
						});
//						var menuLink = $("<a>").attr("href","#"+i).html(item.title).attr("onclick","$(this).techMenu("+i+")").appendTo(menuItem);
						menuItem.appendTo(menuList);

						var contentItem = $("<div>").attr("id","tech"+i).attr("class","tech-item");
						//var contentMovie = $("<img>").attr("src",item.movie).attr("class","aditv").appendTo(contentItem);
						
						$("<div>").attr("id","aditv"+i).attr("class","aditv").appendTo(contentItem);	
						var flashvars = createFlashVars(item);
						var launcher = item.movie;	
						var params = {wmode:"transparent"};
						setTimeout(function () { 
						swfobject.embedSWF(launcher, "aditv"+i, item.mediaWidth, item.mediaHeight, "9.0.0", false,flashvars,params);							
							 }, 0);

						
						var contentItemLeft = $("<div>");
					
						if(!item.techLogo) {
							var contentItemLogo = $("<h2>").html(item.title).appendTo(contentItemLeft);
						} else {
							var contentItemLogo = $("<img>").attr("src",item.techLogo).appendTo(contentItemLeft);
						}
					
						var contentItemDesc = $("<p>").html(item.desc).appendTo(contentItemLeft);
						//var contentItemLink = $("<a>").attr("href",item.link).html("<span class='lt'></span><span>"+item.linkTitle+"</span>").addClass("button").appendTo(contentItemLeft);
						
						contentItemLeft.appendTo(contentItem);						
						contentItem.appendTo(techContent);
					})
					$("<h2>").html("<span class='lt'>"+data.productShoeTech.menuTitle+"</span>").addClass("tag").appendTo("#block-1");
					$(menuList).appendTo("#block-1");
					$(techContent).appendTo("#block-2");

					$("#tech-menu li a:first").addClass("rollover");
					$("#tech-menu li a").hover(function(){
						$(this).addClass("rollover");
					},function(){
				  		$(this).removeClass("rollover");
					}); 
	   				$("#tech-menu li a").click(function(){
						$("#tech-menu li a").removeClass("selected");
				  		$("#tech-menu li a").removeClass("rollover");
						$(this).addClass("selected");
					});

					$(function() {
						$('#tech-menu').jScrollPane({scrollbarWidth:5});
					});								 	
						
				},
			$("#loading").hide());

		
		},
		
		populatelocalpromoTW: function() {
//			var locale = getQs("locale");
//			if (locale == "") {locale = "en-en"};
			
			$.getJSON("content/assets/xml/lang/"+locale+"/data.js",
				function(data){
					$("html").data("data",data);
					adidasPop.getPageName(data);
					var flashvars = {country: adidas_cc, lang: locale};
					var params = {base:"swf/", wmode:"opaque", scale:"noscale"};
					swfobject.embedSWF("swf/adizero2009.swf", "bodycontent", "945", "635", "9.0.0", false, flashvars,params);
					$("#bodycontent").attr("style","width:945px; margin-top:15px; margin-left:15px;");
					$("body").attr("id","shortBody").addClass("localpromotw");
					//$("#shortBody").supersleight();
				});
		}
		
};