/* If is IE6 hack */
var DD_belatedPNG = null;

/* Executes when page ready */
$(document).ready(function() {
	if(DD_belatedPNG != null) DD_belatedPNG.fix('a, div, img');
})

function createDropDowns() {
    $(".topic_link").click(function(event) {
		$(this).blur();
		event.preventDefault();
		$(".arrow").show();
		$(".sub_topics").hide();
		$(".down_arrow").hide();
		$(this).children(".arrow").toggle();
		$(this).children(".down_arrow").toggle();
		$(this).siblings(".sub_topics").toggle();
	});
}

function createMenu() {
    var flashvars = {
	    xml_url: "swf/menu.xml"
	};
    var params = {};
    var attributes = {
      id: "menu",
      name: "menu"
    };

    swfobject.embedSWF("swf/menu.swf", "menu", "100%", "67", "9.0.0","expressInstall.swf", flashvars, params, attributes);
}

function createIndex() {
	var flashvars = {
	    xml_url: "index.xml"
	};
    var params = {
        wmode: "transparent"
    };
    var attributes = {
      id: "index",
      name: "index"
    };

    swfobject.embedSWF("index.swf", "index", "916", "620", "9.0.0","expressInstall.swf", flashvars, params, attributes);
}

function createTour() {
	var flashvars = {
	    xml_url: "tour.xml",
	    quality: videoQuality
	};
    var params = {
        wmode: "transparent"
    };
    var attributes = {
      id: "tour",
      name: "tour"
    };

    swfobject.embedSWF("tour.swf", "tour", "660", "480", "9.0.0","expressInstall.swf", flashvars, params, attributes);
}

function createFeaturedProducts() {
    $.get("xml/featured_products.xml", function(data) {
        $(data).find("featured").each(function() {
                        
            /* Get name of area from XML */
            var name = $(this).find("name").text();
            
            /* Create the wrapper div */
            var featured = $("<div id=\""+name+"_part\" class=\"featured\"></div>").appendTo("#featured_products");
            
            /* Create icon */
            $("<div class=\"icon "+name+"\"></div>").appendTo(featured);
            
            /* Created product wrapper */
            var info = $("<div class=\"info\"></div>");
            
            $(this).find("product").each(function() {
                var product = $("<div class=\"product\"></div>").appendTo(info)
                if($(this).find("image").text()) $("<img align=\"left\" />").attr("src", $(this).find("image").text()).appendTo(product)
                var title = $("<div class=\"title\"></div>").html("<a href=\""+$(this).find("link").text()+"\" target=\"_blank\"><img src=\"images/small_arrow.png\" /> "+$(this).find("title").text()+"</a>").appendTo(product)
                $("<div class=\"desc\"></div>").html($(this).find("desc").text()).appendTo(product)
            })
            
            if($(info).html().length > 0) {
                $(info).appendTo(featured)
                $("<div class=\"back_to_top\"></div>").html('<a href="javascript:;" onclick="window.scrollTo(0,0); return false"><img src="images/orange_arrow.png "/> Back to Top</a>').appendTo(featured)
                /* Adds the hr */
                $("<hr />").insertAfter(featured)
            } else {
                $(info).html("<div class=\"product\"><div class=\"title\">"+$(this).find("default").text()+" <a href=\""+$(this).find("default_link").text()+"\" target=\"_blank\" style=\"text-decoration: underline;\">click here</a>.</div><br /><br /><br /></div>").appendTo(featured)       
                $("<hr />").insertAfter(featured)
            }
            
        })
    });
}

function createRecentPublications() {
    $.get("xml/recent_publications.xml", function(data) {
        $(data).find("topic").each(function() {
            var topic = $("<div class=\"topic\"></div>").appendTo("#recent_publications");
            var link = $(this).find("link").text();
            
            /* Create arrow link */
            $("<a class=\"topic_link\" href=\"javascript:;\"></a>").html('<img class="arrow" src="images/blue_arrow.png" /><img class="down_arrow" src="images/down_arrow.png" style="display: none;" />').appendTo(topic);
            /* Create main link */
            $("<a href=\"http://knowledgecenter.cookartlab.com/"+link+"\"></a>").html($(this).find("title").text()).appendTo(topic);
            /* Create sub topics area */
            var sub_topics = $("<div class=\"sub_topics\"></div>")
            
            $(this).find("subtopic").each(function() {
                var sub_topic = $("<a href=\"http://knowledgecenter.cookartlab.com/n/blogs/blog.aspx?webtag="+link+"&categories="+$(this).find("subtitle").text()+"\"></a>").html($(this).find("subtitle").text()).appendTo(sub_topics);
            })
            
            $(sub_topics).appendTo(topic);
            
            $("<br />").insertAfter(topic);
        });
        createDropDowns();
    });
}

function createLinks() {
    $.get("xml/links.xml", function(data) {
        $(data).find("link").each(function() {
            $("<a target=\"_blank\"></a>").attr("href", $(this).find("url").text()).html('<img src="images/small_arrow.png" /> ' + $(this).find("title").text()).appendTo("#links");
        });
    });
}

function createResourceLibrary() {
    $.get("xml/resource_library.xml", function(data) {
        $(data).find("topic").each(function() {
            var topic = $("<div class=\"topic\"></div>").appendTo("#resource_library");
            
            /* Create arrow link */
            var headline = $("<a class=\"topic_link\" href=\"javascript:;\"></a>").html('<img class="arrow" src="images/blue_arrow.png" /><img class="down_arrow" src="images/down_arrow.png" style="display: none;" /> '+$(this).find("title").text()).appendTo(topic);
            
            /* Create sub topics area */
            var sub_topics = $("<div class=\"sub_topics\"></div>")
            
            $(this).find("subtopic").each(function() {
                var sub_topic = $("<a href=\""+$(this).find("url").text()+"\" target=\"_blank\"></a>").html($(this).find("subtitle").text()).appendTo(sub_topics);
            })
            
            $(sub_topics).appendTo(topic);
            
            $("<br />").insertAfter(topic);
        });
        
        createDropDowns();
    });
}

function createResearchMedia() {
    $.get("xml/research_media.xml", function(data) {
        $(data).find("media").each(function() {
            var topic = $("<div class=\"media\"></div>").appendTo("#research_media");
            
            var table = $("<table cellspacing='0' cellpadding='0'></table>").appendTo(topic);
            
            var first_td = $("<td valign='top'></td>").appendTo(table);
            var second_table = $("<table cellspacing='0' cellpadding='0'></table>").appendTo(first_td);
            var st_first_row = $("<tr></tr>").appendTo(second_table)
            var image_td = $("<td></td>").appendTo(st_first_row);
            
            /* Create image */
            $("<img />").attr("src", $(this).find("image").text()).appendTo(image_td);
            
            var info_td = $("<td></td>").appendTo(st_first_row);
            /* Create info box */
            var info = $("<div class=\"info\"></div>").appendTo(info_td);
            /* Create title */
            $("<div class=\"title\"></div>").html($(this).find("title").text()).appendTo(info);
            /* Create description */
            $("<div class=\"desc\"></div>").html($(this).find("desc").text()).appendTo(info);
            
            var st_second_row = $("<tr></tr>").appendTo(second_table)
            var specs_td = $("<td colspan='2'></td>").appendTo(st_second_row);
            
            /* Create specs table */
            var specs = $("<div class=\"specs\"></div>").appendTo(specs_td);
            var specs_table = $("<table cellspacing='0' cellpadding='0'></table>").appendTo(specs)
            var thead = $('<tr><td class="align_left">Product<br />Specifications</td><td>pH</td><td>Osmolality<br />(mOsm)</td><td>MEA<br />%</td><td>Endotoxincm<br />EU/ml</td><td>Bioburden<br />cfu</td></thead>').appendTo(specs_table);
            var tbody = $("<tr class=\"specs_body\"></tr>").appendTo(specs_table);
            var specs_content = $(this).find("specs").text().split(",");
            for(i=0;i<specs_content.length;i++) {
                if(i==0) {
                    $("<td class=\"align_left\"></td>").html(specs_content[i]).appendTo(tbody);
                } else $("<td></td>").html(specs_content[i]).appendTo(tbody);
            }
            
            var second_td = $("<td></td>").appendTo(table);
            
            /* Create brown box */
            var box = $("<div class=\"brown_box\"></div>").appendTo(second_td);
            var box_ul = $("<ul></ul>").appendTo(box)
            /* Create box content */
            var box_content = $(this).find("box").text().split(",");
            for(i=0;i<box_content.length;i++) {
                $("<li></li>").html(box_content[i]).appendTo(box_ul);
            }
            
            $("<br class=\"clear\"/>").insertAfter(topic);
        });
    });
}

function createVideo() {
    var flashvars = {
		file: "FlashDMSP/cookmedical/ART/"+video+".flv",
		streamer: "rtmp://sas-Flash.OnstreamMedia.com/ondemand",
		autostart: "true",
		menu: "false"
	};
	var params = {
		allowfullscreen: "true",	
		wmode: "transparent"			
	};
	var attributes = {
	  id: "video",
	  name: "video"
	};

	swfobject.embedSWF("http://www.cookbiodesign.com/wp-content/themes/biodesign/swf/player/player.swf", "video", "400", "300", "9.0.0","expressInstall.swf", flashvars, params, attributes);
}