dojo.require("site.layout.MediaBoxContainer");
dojo.require("site.layout.MediaBoxSlideShow");
dojo.require("dijit.layout.ContentPane");
dojo.require("generic.flash.Api");

dojo.addOnLoad(function() {
	var has_tab = false;
	var mb_data = {};
	var gal_theme = "light_theme";

	if (SECTION == "bbstories" || SECTION == "style_book") {
		mb_data = page_data.catalog;
		gal_theme = "dark_theme";
	} else {
		mb_data = page_data.catalog.spp.product;
	}

	var tabs = {
		videos: mb_data.media || mb_data.spp.product.media || '',
		gallery: mb_data.gallery || '',
		extras: mb_data.extras || ''
	};

	var section_img_dir = "/" + SECTION + "/images/" + SECTION;

	var con = dijit.byId("video_container");
	if (tabs.videos && tabs.videos.length > 0) {
		has_tab = true;
		var flashvars = {
       			assetsDomain: "/flash/productssppmediabox/",
       			siteData: "json/productsSppMediaBoxPlaylist.json",
       			cartBase: "/altercart/templates/session/viewbag.tmpl",
       			section: SECTION
		};
		var params = {
       			allowScriptAccess: "sameDomain",
       			scale: "noscale",
       			wmode: "opaque",
                        allowFullScreen: "true",
       			flashvars: dojo.objectToQuery(flashvars)
		};
		var attr = {
       			id : "pane_video_flash",
       			name: "pane_video_flash",
       			data: "/flash/productssppmediabox/swfs/productssppmediabox.swf",
       			width: 420,
       			height: 303,
				bg: "#000000"
   		};

		var pane_video = new dijit.layout.ContentPane({id:"pane_video",title:"tab_video","class":"mediabox_pane"});
		pane_video.setContent("<div id='pane_video_content_holder'>Flash Goes Here!!</div>");
		con.addChild(pane_video);

		generic.flash.Api.embedSwf(attr, params, "pane_video_content_holder", true);
		/*
		generic.flash.Api.addOnInit(function() {
       			console.log("api ready");
		});
		*/
	}

	if (tabs.gallery && tabs.gallery.length > 0) {
		has_tab = true;
		var pane_gallery = new dijit.layout.ContentPane({id:"pane_gallery",title:"tab_gallery","class":"mediabox_pane"});
		pane_gallery.setContent("<div id='pane_gallery_content_holder'></div>");
		con.addChild(pane_gallery);
		console.log(tabs.gallery);
		var data = { items: tabs.gallery };
		var request = { query: {} };
		var base_dir = section_img_dir + "/gallery/";
		console.log(base_dir);
		var slideshow1 = new site.layout.MediaBoxSlideShow({id:"pane_slideshow1",theme:gal_theme,img_base:base_dir}, dojo.byId("pane_gallery_content_holder"));
		slideshow1.setDataStore(data,request);
	}

	if (tabs.extras && tabs.extras.length > 0) {
		has_tab = true;
		var pane_extra = new dijit.layout.ContentPane({id:"pane_extra",title:"tab_extra","class":"mediabox_pane"});
		pane_extra.setContent("<div id='pane_extra_content_holder'></div>");
		con.addChild(pane_extra);

		var data = { items: tabs.extras };
		var request = { query: {} };
		var base_dir = section_img_dir + "/extras/";
		var slideshow2 = new site.layout.MediaBoxSlideShow({id:"pane_slideshow2",theme:"dark_theme",img_base:base_dir}, dojo.byId("pane_extra_content_holder"));
		slideshow2.setDataStore(data,request);
	}

	if (!has_tab) {
		dojo.byId("video_container").style.display = "none";
	}
});