var isInternetExplorer = navigator.appName.indexOf("Microsoft") != -1;
var songTitle = '';
var originalArtist = '';

var intervalT;
var totalFrames;
var currentFrame;
var tOut;

function thisMovie(movieName){
    // IE and Netscape refer to the movie object differently.
    // This function returns the appropriate syntax depending on the browser.	 
    if (window.document[movieName]) {
        return window.document[movieName];
    }
    if (navigator.appName.indexOf("Microsoft Internet") == -1) {
        if (document.embeds && document.embeds[movieName]) 
            return document.embeds[movieName];
    }
    else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
    {
        return document.getElementById(movieName);
    }
}

YAHOO.namespace("example.overlaymanager");

YAHOO.example.overlaymanager.mgr = new YAHOO.widget.OverlayManager({
    overlays: []
});

function hideVideo(){
	if(tOut) {
	    window.clearTimeout(tOut);
	}
	
	if(document.getElementById("videoOverlayBg") != undefined){
	    var parentDiv = document.getElementById("videoOverlayBg").parentNode;
	    var childDiv = document.getElementById("videoOverlayBg");
	    childDiv.removeAttribute('onclick');
	    parentDiv.removeChild(childDiv);
	}

    //var videoEl = document.getElementById("mpl"); 
    var videoEl = document.getElementById("video"); 
    if(videoEl) {
        videoEl.style.display = "none";
    }
    var containerEl = document.getElementById("aaabbbsss");
    if(containerEl) {
		if (isInternetExplorer) {
		    containerEl.style.position = "";
	            containerEl.style.top = "";
		}
		containerEl.style.display = "none";
    }
    YAHOO.example.overlaymanager.mgr.hideAll();
    /*try {
        if(thisMovie("video") && thisMovie("video").StopPlay != undefined) {
            thisMovie("video").StopPlay();
        }
        if(thisMovie("mpl") && thisMovie("mpl").StopPlay != undefined) {*/
	//if(thisMovie("mpl") != undefined)thisMovie("mpl").StopPlay();
	if(thisMovie("video") != undefined)thisMovie("video").StopPlay();
      /*  }
    } catch(e) {
        //unexpected error
    }*/
}

function videoInfo(tt, oa){
    songTitle = tt;
    originalArtist = oa;
}

function viewSize(){
//********* for the view size
	var w = 0;
    var h = 0;
    
    //IE
    if (!window.innerWidth) {
        //strict mode
        if (!(document.documentElement.clientWidth == 0)) {
            w = document.documentElement.clientWidth;
            h = document.documentElement.clientHeight;
        }
        //quirks mode
        else {
            w = document.body.clientWidth;
            h = document.body.clientHeight;
        }
    }
    //w3c
    else {
        w = window.innerWidth;
        h = window.innerHeight;
    }
	return {
		we:w, he:h
		};
}

function viewCenter(){
//***** for the center
	//IE
    if (!window.pageYOffset) {
        //strict mode
        if (!(document.documentElement.scrollTop == 0)) {
            offsetY = document.documentElement.scrollTop;
            offsetX = document.documentElement.scrollLeft;
        }
        //quirks mode
        else {
            offsetY = document.body.scrollTop;
            offsetX = document.body.scrollLeft;
        }
    }
    //w3c
    else {
        offsetX = window.pageXOffset;
        offsetY = window.pageYOffset;
    }
	return {offX: offsetX, offY: offsetY};
}

function create(videoName){	
   var id = 'aaabbbsss';
	
   var x = parseInt((viewSize().we - 640) / 2) + viewCenter().offX;
   var y = parseInt((viewSize().he - 540) / 2) + viewCenter().offY;
	
   if(!videoName) {
       videoName = 'store/20081002001/audio/sample1.swf';
   }
   
   var header = '<div id="closeOverlay"><a href="javascript:hideVideo()"><span>CLOSE</span> <img src="store/20081002001/assets/images5/store_layout/closeicon.jpg" style="position: relative; top: 1px;"/></a></div>';
    
	var flashDiv; // = document.createElement('DIV');
	
	// swfobject 2.1
	var flashvars = {
	  file: "playlist.xml",
	  autostart: "true"
	};
	var params = {
		swliveconnect: "true",
		play:"true",
		loop:"false"
	};
	var attributes = {};
	
	//swfobject.embedSWF(videoName, "video", "640", "480", "9.0.0","", flashvars, params, attributes); // at the end of this function
	
	/*// swfobject from swfobject 1.5
    var so = new SWFObject(videoName,'mpl','640','480','9');
    so.addParam('flashvars','file=playlist.xml&autostart=true');
    so.addParam('swliveconnect', true);
    so.addParam('Play', true);
    so.addParam('Loop', false);
    flashDiv = so.getSWFHTML();
		*/
	
    var body = '<div id="video">' + flashDiv + '</div>';
    
    var footer = '<div id="videoFooter">' + 
					'<p class="title">' +  songTitle + '</p>' +  
					'<p> in the style of <span class="artist">' + originalArtist + '<span></p>' +
   				 '</div>';
   
    var visible = true;
    
    var effectArg;
    
    var width = '640px';
    var height = '540px';
    var zIndex = "10";
    var constrain = true;
    var useIframe = false;
    
    var fixedcenter = false;
    
    var context = '';
    var contextArg = new Array();
    
    var args = {};
    args.visible = visible;
    
    if (effectArg) {
        args.effect = effectArg;
    }
    
    if (x) {
        args.x = parseInt(x);
    }
    
    if (y) {
        args.y = parseInt(y);
    }
    
    if (width) {
        args.width = width;
    }
    
    if (height) {
        args.height = height;
    }
    
    if (zIndex) {
        args.zIndex = zIndex;
    }
    
    args.constraintoviewport = constrain;
    //args.iframe = useIframe;
    args.fixedcenter = fixedcenter;
    
    if (contextArg.length > 0) {
        args.context = contextArg;
    }
    else {
        args.context = null;
    }
    
    var isNew = true;
    var newMod;
    
    if (YAHOO.example.overlaymanager.mgr.find(id)) {
        newMod = YAHOO.example.overlaymanager.mgr.find(id);
        newMod.cfg.applyConfig(args);
        isNew = false;
    }
    else {
        newMod = new YAHOO.widget.Overlay(id, args);
        YAHOO.example.overlaymanager.mgr.register(newMod);
    }
    
    if (header) {
        newMod.setHeader(header);
    }
    if (body) {
        newMod.setBody(body);
    }
    if (footer) {
        newMod.setFooter(footer);
    }
    
    if (isNew) {
        newMod.render(document.body);
    }
    else {
        newMod.render();
    }
		
    
    /* adds the opaque bg to the yui overlay */
    var sp1 = document.createElement("div");
    
    if(YAHOO.env.ua.ie == 6){
      sp1.id = "videoOverlayBg";
      sp1.onclick = "hideVideo()";
      sp1.style.height = document.body.clientHeight + "px";
      sp1.style.width = document.body.clientWidth + "px";
      sp1.style.position = "absolute";
    }
    else{      
      sp1.setAttribute("id", "videoOverlayBg");
      sp1.setAttribute("onclick", "hideVideo()");
    }
    
    var sp2 = document.getElementById("aaabbbsss");
    
    var parentDiv = document.getElementById("aaabbbsss").parentNode;
	
	if(YAHOO.env.ua.gecko < 1.9 && YAHOO.env.ua.ie == 0) { // for firefox 2 and earlyier, no videoOverlayBg
	    YAHOO.util.Dom.insertBefore(sp2);		
	}else{
	    YAHOO.util.Dom.insertBefore(sp1, sp2);	
	}
	
	if(isPlaying){ // stop the audio player
		previewPressed(document.getElementById("pauseAudio"),currentlyPlaying);
	}

    document.getElementById("aaabbbsss").style.display = "block";
	
   	/* fix the overlay to a fixed center */
	document.getElementById("aaabbbsss").style.top = y+"px";
	document.getElementById("aaabbbsss").style.left = x+"px";
		
    if (YAHOO.env.ua.ie > 0) {
        document.getElementById("videoOverlayBg").style.filter = "alpha(opacity=25)";
    }
	
	swfobject.embedSWF(videoName, "video", "640", "480", "9.0.0","", flashvars, params, attributes);
	tOut = window.setTimeout('hideVideo()', 41000); // set a timer for 41 seconds and close

}