function killInlineWindow() {
	galleryLayer.set('tween', { duration: 550 }); galleryLayer.tween('opacity', 1, 0);
	closebtn.set('tween', { duration: 550 }); closebtn.tween('opacity', 1, 0);
	bgLayer.set('tween', { duration: 550 }); bgLayer.tween('opacity', 0.8, 0);
	if ($('bgLayer')) { $('bgLayer').dispose(); $('galleryLayer').dispose(); $('close_btn').dispose(); }
}

function killSingleMovieLayer(){
	singleMovieLayer.set('tween', { duration: 550 }); singleMovieLayer.tween('opacity', 1, 0);
	closebtnIn.set('tween', { duration: 550 }); closebtnIn.tween('opacity', 1, 0);
	bgLayerS.set('tween', { duration: 550 }); bgLayerS.tween('opacity', 0.8, 0);
	if ($('bgLayerS')) { $('bgLayerS').dispose(); $('movieBox').dispose(); $('close_btnIn').dispose(); }
}


function createInlineWindow(){
	
	bgLayer = new Element('div', { 'id':'bgLayer','styles':{ 'opacity':'0','visibility':'visible', 'background-color':'#00001A', padding:0, margin:0, 'position':'absolute', 'cursor':'pointer' }}).inject($(document.body));
	bgLayer.setStyles({'left': $(document.body).getCoordinates().left+1,'top': 0,'height':Window.getScrollHeight(),'width': $(document.body).getCoordinates().width-18});	
			
	galleryLayer = new Element('div', { 'id':'galleryLayer','styles':{ 'opacity':'0','visibility':'visible', 'background-color':'#000000', 'position':'absolute', 'border':'1px solid #222222', 'padding':'15px' }}).injectInside(document.body);
	galleryLayer.setStyles({ 'top': 900,'height':(Window.getHeight()-65), 'width':880, 'left': $(document.body).getCoordinates().width/2-(880/2)-10});
	
	closebtn = new Element('div', { 'id':'close_btn','styles':{ 'opacity':'0','visibility':'visible', 'position':'absolute', 'cursor':'pointer' }}).injectInside(document.body).addEvent('click', killInlineWindow.bind(this));
	closebtn.setStyles({ 'top': $(galleryLayer).getCoordinates().top-12,'height':24, 'width':24, 'left': $(galleryLayer).getCoordinates().left+880+20 });
	closebtn.innerHTML = '<img src="/_images/_interface/utility/close.png" width="24" height="24" class="iepngfix">';

    bgLayer.set('tween', { duration: 650 }); bgLayer.tween('opacity', 0, 0.8);
	galleryLayer.set('tween', { duration: 650 }); galleryLayer.tween('opacity', 0, 1);
	closebtn.set('tween', { duration: 650 }); closebtn.tween('opacity', 0, 1);
	
	$('galleryLayer').innerHTML="<div id='gallery-header'></div><div id='gallery-main' style='float:left; overflow:auto; width:880px; height:"+ (Window.getHeight()-65) +"px; position:absolute;'>Loading...</div>";
	//$('mdt-gallery').setStyles({'height': (Window.getHeight()-150), 'width':880 });
	//$('mdt-gallery').load("/_asp_includes/products/MotionDesignersToolkit/2/gallery_folder_include.asp?catName="+catName);
}

function loadSingleMovie(data){
	movieInfo = '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"'+ 
	'codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="320" height="256">'+ 
	'<param name="src" value="'+ data +'">'+ 
	'<param name="autoplay" value="true">'+
	'<param name="controller" value="true">'+
	'<param name="scale" value="aspect">'+
	'<param name="kioskmode" value="true">'+
	'<param name="enablejavascript" value="true">'+
	'<param name="loop" value="true">'+
	'<param name="bgcolor" value="#000000">'+
	'<embed width="320" height="256" enablejavascript="true" name="movie1"'+ 
	' src="'+ data +'" kioskmode="true" scale="aspect" controller="true" loop="true" bgcolor="#000000"  pluginspage="http://www.apple.com/quicktime/download/">'+ 
	'</embed></object>';
	
	$('movieBox').innerHTML=movieInfo;

}

function loadMovieLayer(){
	if ($('bgLayerS')) { $('bgLayerS').dispose(); $('movieBox').dispose(); $('close_btnIn').dispose(); }
	bgLayerS = new Element('div', { 'id':'bgLayerS','styles':{ 'opacity':'0','visibility':'visible', 'background-color':'#000000', padding:0, margin:0, 'position':'absolute' }}).inject('galleryLayer');
	bgLayerS.setStyles({ 'top': 0,'height':(Window.getHeight()-100), 'width':850, 'left': 0 });
	
	singleMovieLayer = new Element('div', { 'id':'movieBox','styles':{ 'opacity':'1','visibility':'visible', 'background-color':'#0c0c0c', 'position':'absolute', 'padding':'15px', 'border':'1px solid #ffffff' }}).injectInside('galleryLayer');
	singleMovieLayer.setStyles({ 'top': 175 ,'height':256, 'width':320, 'left': 250 });
		
	closebtnIn = new Element('div', { 'id':'close_btnIn','styles':{ 'opacity':'1','position':'absolute','visibility':'visible','cursor':'pointer' }}).injectInside('galleryLayer').addEvent('click', killSingleMovieLayer.bind(this));
	closebtnIn.setStyles({ 'top': 163 ,'height':24, 'width':24, 'left': 590 });
	closebtnIn.innerHTML = '<img src="/_images/_interface/utility/close.png" width="24" height="24" class="iepngfix">';
	bgLayerS.set('tween', { duration: 650 }); bgLayerS.tween('opacity', 0, 0.8);

}


//To load any gallery page (asp page)
function loadPage(data){
	$('gallery-main').load(data);
}

//To load any array, json based information in gallery
function loadData(data){
	
}

//To load movie directly
function loadMovie(data){
	//alert(data);
	loadMovieLayer();
	loadSingleMovie(data);
}


function viewGallery (data,type){
	if (type=="asp"){ createInlineWindow(); loadPage(data); }
	if (type=="json"){ createInlineWindow(); loadData(data); }
	if (type=="movie") { loadMovie(data);}
}