//Namespace
YAHOO.namespace('Jonathan');

//Shortcut
var Dom = YAHOO.util.Dom, Event =  YAHOO.util.Event, Connect = YAHOO.util.Connect;

(function(){

	var detailMantle = Dom.get('detail-mantle');
	var detailMantleTxt = Dom.get('detail-manlte-txt');
	var detailMantleImg = Dom.get('detail-mantle-img');
	var detailImgSwitch = Dom.get('detail-img-switch').getElementsByTagName('a');
	var detailMantleBottom = 0;

	detailMantleTxt.innerHTML = "<p>"+detailImgSwitch[0].innerHTML+"</p>";
	detailMantleImg.src = detailImgSwitch[0].getAttribute('src');


	function playMovie(n){
		mySimpleDialog = new YAHOO.widget.Panel("moviecontainer", {
			width: '692px',
			height: '540px',
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,
					duration:0.25}, 
			modal:true,
			underlay:"shadow",
			fixedcenter:true,
			visible:false
			});

		var playerStr = "";
		playerStr += "<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,29,0\" id=\"mps\" name=\"mps\" width=\"672\" height=\"496\">";
		playerStr += "	<param name=\"movie\" value=\"media\/flvplayer.swf\">";
		playerStr += "	<param name=\"quality\" value=\"high\">";
		playerStr += "	<param name=\"allowFullScreen\" value=\"true\" \/>";
		playerStr += "	<param name=\"FlashVars\" value=\"vcastr_file="+n+"&LogoText=www.jonathanfineberg.com&IsContinue=0&DefaultVolume=100&IsAutoPlay=1&BarColor=0x000000&GlowColor=0xFFFFFF&IsShowBar=3\" \/>";
		playerStr += "	<embed src=\"media\/flvplayer.swf\" allowFullScreen=\"true\" FlashVars=\"vcastr_file="+n+"&LogoText=www.jonathanfineberg.com&IsContinue=0&DefaultVolume=100&IsAutoPlay=1&BarColor=0x000000&GlowColor=0xFFFFFF&IsShowBar=2\" quality=\"high\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" type=\"application\/x-shockwave-flash\" width=\"672\" height=\"496\">";
		playerStr += "	<\/embed>";
		playerStr += "<\/object>";


		mySimpleDialog.setHeader("&nbsp;");  
		mySimpleDialog.setBody(playerStr);   


		mySimpleDialog.render(document.body);
		mySimpleDialog.show();

		mySimpleDialog.hideEvent.subscribe(function(){
			//Dont know how to stop an embed video 
			//mps.StopPlay();
			location.href = (location.href).split('?')[0] + '?'+Math.random()*10000;
		})
		
		
	}

	function showMovie(src) { 
		playMovie(src);
	}



	//detail mantle on mouseover
	YAHOO.Jonathan.detailHover = function(e){
		var scrollUp = new YAHOO.util.Anim(detailMantleTxt, { 
			  bottom: {to: 0} 
			}, 0.4, YAHOO.util.Easing.easeOut);
		scrollUp.animate();
		detailMantleImg.src = detailMantleImg.src+".org.jpg";
	}

	//detail mantle on mouseout
	YAHOO.Jonathan.detailOut = function(e){
		var scrollDown = new YAHOO.util.Anim(detailMantleTxt, { 
			  bottom: {to: detailMantleBottom} 
			}, 0.4, YAHOO.util.Easing.easeOut);
		scrollDown.animate();
		_src = detailMantleImg.src;
		detailMantleImg.src = _src.replace('.org.jpg','');
	}

	//detail mantle on mouseout
	YAHOO.Jonathan.detailHidden = function(e){
		detailMantleBottom = -(detailMantleTxt.offsetHeight);
		Dom.setStyle(detailMantleTxt,'bottom',detailMantleBottom+'px');
	}

	//detail switch click
	YAHOO.Jonathan.detailClick = function(e){
		Event.preventDefault(e);
		for(i=0,j=detailImgSwitch.length;i<j;i++){
			Dom.removeClass(detailImgSwitch[i].parentNode,'selected');
		}
		if(!this.getAttribute('video')){
			detailMantleTxt.innerHTML = "<p>"+this.innerHTML+"</p>";
		}else{
			showMovie('http://www.jonathanfineberg.com/'+this.getAttribute('video'));
		}
		detailMantleImg.src = this.getAttribute('src');
		Dom.addClass(this.parentNode,'selected');

	}
	
	//attach event to detailMantle
	//Event.addListener(detailMantle, 'mouseover', YAHOO.Jonathan.detailHover);
	//Event.addListener(detailMantle, 'mouseout', YAHOO.Jonathan.detailOut);
	Event.addListener(detailImgSwitch, 'click', YAHOO.Jonathan.detailClick);
	//Event.onAvailable("detail-manlte-txt", YAHOO.Jonathan.detailHidden, this); 

	
})();