$(document).ready(function(){  
    function nonFlash(){
        $("#flashcontent").each(function(){
            var btnReadMore = "Read More"; /* Read from XML file when available */
		    var flashContent = this;
		    var thumbs = this.appendChild(document.createElement("div"));
		    with(thumbs.style){
			    position="absolute";
			    right="20px";
			    bottom="20px";
			    textAlign="right";
			    zIndex=2;

		    }
		    var teaserHolder = thumbs.appendChild(document.createElement("div"));
		    with(teaserHolder.style){
			    position="absolute";
			    left=0;
			    top="63px";
			    zIndex=20;
			    width="100%";
			    textAlign="left";
		    }
		    var slides = [];
		    var imgfolder;
		    var readmoretitle;
		    var autoadvance;
		    var delay;
		    function addThumb(item){
			    $("thumbnail",item).each(function(){
				    var thumb = thumbs.appendChild(document.createElement("img"));
				    var slide = flashContent.appendChild(document.createElement("div"));
				    var teaser = teaserHolder.appendChild(document.createElement("div"));
				    teaser.appendChild(document.createTextNode($("rollOverText",item).text()));
				    with(slide.style){
					    position="absolute";
					    top=0;
					    left=0;
					    display="none";
					    color="white";
				    }
				    with(teaser.style){
					    position="absolute";
					    top=0;
					    left="5px";
					    display="none";
					    color="white";
					    width="100%";
					    textAlign="left";
				    }
				    slide.className = "slide";

				    slide.appendChild(document.createElement("img")).src = imgfolder + $("image",item).text();
				    var h1 = slide.appendChild(document.createElement("h1"));
				    with(h1.style){
				        overflow="visible";
				        position="absolute";
				        top="20px";
				        left="20px";
				        fontSize="35px";
				        lineHeight="50px";
				        padding=0;
				        margin=0;
				        zIndex=2;
				    }
				    $(h1).append($("title",item).text());
				    
				    var h1Shadow = h1.cloneNode(true);
				    h1Shadow.style.color="Black";
				    h1Shadow.style.zIndex=1;
				    h1Shadow.style.top="22px";
				    h1Shadow.style.left="22px";
				    
				    slide.appendChild(h1Shadow);
				    
				    var div = slide.appendChild(document.createElement("div"));
				    with(div.style){
				        position="absolute";
				        top="70px";
				        left="20px";
				        fontSize="14px";
				        zIndex=2;
				    }
				    $(div).append($("desc",item).text());
				    $(slide).append("<button onclick=\"document.location.href='"+$("link",item).text()+"'\" style=\"font-weight:bold;position:absolute;left:20px;bottom:40px;border:solid 1px white; background-color:rgb(94,130,171);cursor:pointer;color:white\">"+btnReadMore+"</button>");
				    
				    $("button",slide).bind("mouseout",function(){
					    $(this).css({"background-color":"rgb(94,130,171)"});
				    });
				    $("button",slide).bind("mouseover",function(){
					    $(this).css({"background-color":"rgb(135,33,46)"});
				    });
				    var mykey = this.firstChild.nodeValue;				
				    slide._key = mykey;				
				    teaser._key = mykey;				
				    slides.push(mykey);
				    with(thumb.style){
					    marginLeft = "10px";
					    marginTop = "1px";
					    marginBottom = "2px";
					    cursor="pointer";
					    border="solid 1px white";
				    }
				    thumb.src = imgfolder + this.firstChild.nodeValue;
				    var hi = thumbs.appendChild(document.createElement("div"));
				    with(hi.style){
					    position="absolute";
					    left = "" + ($(thumb).position().left +8 ) + "px";
					    top = "" + ($(thumb).position().top ) + "px";
					    width = "" + ($(thumb).width()+2) + "px";
					    height = "" + ($(thumb).height()) + "px";
					    border="solid 2px white";
					    zIndex=-1;
					    display="none";
				    }
				    thumb.onclick = function(){showSlide($("thumbnail",item).text())};
				    thumb.onmouseover = function(){
					    $(hi).fadeIn("slow");
					    $("div:visible",teaserHolder).fadeOut("slow");
					    $("div[_key='"+mykey+"']",teaserHolder).fadeIn("slow");
				    };
				    thumb.onmouseout = function(){
					    $("div:visible",teaserHolder).fadeOut("slow");
					    $(hi).fadeOut("slow");
    					
				    };
			    });
		    };
		    function showSlide(key){
			    clearTimeout(autoadvance);
			    $("div.slide:visible",flashContent).fadeOut("slow");
			    $("div.slide[_key='"+key+"']",flashContent).fadeIn("slow");
			    setTimeout(autoShow,1000);
		    };
		    function autoShow(){
			    var mykey = ($("div.slide:visible",flashContent).attr("_key"));
			    var nextkey = null;
			    for(var x=0; x<(slides.length-1); x++){
				    if(slides[x]==mykey){
					    nextkey = slides[x+1];
				    }
			    }
			    if(nextkey==null){
				    nextkey = slides[0];
			    }
			    autoadvance = setTimeout(function(){showSlide(nextkey);},delay);
		    };
		    var config = $("link[rel='flash-config']");
		    $.get(((config.length>0) ? config.get(0).getAttribute("href") : "./config.xml"),null,function(data){
			    $("img",flashContent).css({visibility:"hidden"});
			    imgfolder = ($("list",data).attr("imageFolder"));	
			    readmoretitle = ($("list",data).attr("readMoreTitle"));	
			    delay = ($("list",data).attr("delay"));	
			    $("item",data).each(function(){
				    addThumb(this);
			    });
			    $("item:first",data).each(function(){
				    showSlide($("thumbnail",this).text());
			    });
		    },"xml");
	    });
    };
    
    $("#flashcontent").each(function(){
        var flashvars = {};
        flashvars.var1 = "value1";
        flashvars.var2 = "value2";
        //
        var params = {};  
        params.menu = "false";
        params.bgcolor = "#000000";
        params.wmode ="transparent";
        //
        var attributes = {};
        attributes.id = "mySWF";
        attributes.name = "mySWF";
        //
        var flashFile ="moogFlash.swf?noCache="+(new Date().getTime());
       // Do fallback if swfobject fails to embed Flash (i.e. flash not installed)
       var l1 = $("object").length
       swfobject.embedSWF(flashFile, this.id, "1000", "270", "9.0.0","js/expressInstall.swf", flashvars, params, attributes);
       if($("object").length == l1){
            nonFlash();   
       }
    });
});