// JavaScript Document

var content1, content2, content3, content4, content5, content6, content7, content8, content9, content10  = new Image();
content1 = "/_images/products/EditorsToolbox/1/features_whatsinside_34minits_bg.jpg";
content2 = "/_images/products/EditorsToolbox/1/features_whatsinside_50matchingsets_bg.jpg";
content3 = "/_images/products/EditorsToolbox/1/features_whatsinside_50mdes_bg.jpg";
content4 = "/_images/products/EditorsToolbox/1/features_whatsinside_54dvd_bg.jpg";
content5 = "/_images/products/EditorsToolbox/1/features_whatsinside_124printgraphics_bg.jpg";
content6 = "/_images/products/EditorsToolbox/1/features_whatsinside_158lts_bg.jpg";
content7 = "/_images/products/EditorsToolbox/1/features_whatsinside_222overlays_bg.jpg";
content8 = "/_images/products/EditorsToolbox/1/features_whatsinside_326videowipes_bg.jpg";
content9 = "/_images/products/EditorsToolbox/1/features_whatsinside_504sfx_bg.jpg";
content10 = "/_images/products/EditorsToolbox/1/features_whatsinside_562bgs_bg.jpg";

var mHeight, mWidth, mSrc, mName, uFlag;
var overlay, mov_player, movie_file, info_layer, movielay, closebtn;
var jdtop = 0;

function djBox_remove() {
		movielay.set('tween', { duration: 550 }); movielay.tween('opacity', 0.9, 0);
		closebtn.set('tween', { duration: 550 }); closebtn.tween('opacity', 1, 0);
		overlay.set('tween', { duration: 550 }); overlay.tween('opacity', 0.8, 0);
		overlay.set('tween', {
           duration: 650,
			onComplete: function(){
                if ($('djBox')) { $('djBox').dispose(); $('movieBox').dispose(); $('close_btn').dispose(); }
            }
        });
        overlay.tween('opacity', 0.8, 0);

	}


	function prepare_Page(mSrc, mWidth, mHeight) {
		
	
		// mWidth = 960; mHeight =540+16; 
		mHeight =mHeight+16;
		//overlay
		overlay = new Element('div', { 'id':'djBox','styles':{ 'opacity':'0','visibility':'visible' }}).inject($(document.body));
		overlay.setStyles({'left': $(document.body).getCoordinates().left+1,'top':Window.getScrollTop(),'height':Window.getHeight(), 'width': $(document.body).getCoordinates().width-2});	

		//movie frame
		movielay = new Element('div', { 'id':'movieBox','styles':{ 'opacity':'0','visibility':'visible' }}).injectInside(document.body);
		movielay.setStyles({ 'top': Window.getScrollTop()+(Window.getHeight()/2-(mHeight/2)-16),'height':mHeight, 'width':mWidth, 'left': $(document.body).getCoordinates().width/2-(mWidth/2)-15});
		
		closebtn = new Element('div', { 'id':'close_btn','styles':{ 'opacity':'0','visibility':'visible' }}).injectInside(document.body);
		closebtn.setStyles({ 'top': $(movielay).getCoordinates().top-12,'height':24, 'width':24, 'left': $(movielay).getCoordinates().left+mWidth+20 });
		closebtn.innerHTML = '<img src="/_images/_interface/utility/close.png" width="24" height="24" class="iepngfix">';

	    overlay.set('tween', { duration: 650 }); overlay.tween('opacity', 0, 0.8);
		movielay.set('tween', { duration: 650 }); movielay.tween('opacity', 0, 0.9);
		closebtn.set('tween', { duration: 650 }); closebtn.tween('opacity', 0, 1);
		
		//close button
		//overlay.onclick = djBox_remove;
		closebtn.onclick = djBox_remove;
	
				info_layer = '';
	
					
					mov_player = '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"'+ 
					'codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="'+mWidth+'" height="'+mHeight+'" id="movie1">'+ 
					'<param name="src" value="'+ mSrc +'">'+ 
					'<param name="autoplay" value="true">'+
					'<param name="controller" value="true">'+
					'<param name="scale" value="tofit">'+
					'<param name="enablejavascript" value="true">'+
					'<param name="loop" value="true">'+
					'<param name="bgcolor" value="#000">'+
					'<embed width="'+mWidth+'" height="'+mHeight+'" enablejavascript="true" name="movie1"'+ 
					' src="'+ mSrc +'" scale="tofit"  controller="true" loop="true" bgcolor="#000"  pluginspage="http://www.apple.com/quicktime/download/">'+ 
					'</embed></object>' + info_layer;
					
					$('movieBox').innerHTML = mov_player;

				
			uFlag = true;


}


var flagtab = false;
var bflag = false;
var tabselected=1;
var resolution="";
var selectedData ="";
var intialParam=true;


var toolsTabArray = new Array('tab1', 'tab2', 'tab3');
var tooltab0On, tooltab1On, tooltab2On, tooltab0Off, tooltab1Off, tooltab2Off = new Image();

tooltab0On = "/_images/products/EditorsToolbox/toolbox_gallery_tab1_on.png";
tooltab1On = "/_images/products/EditorsToolbox/toolbox_gallery_tab2_on.png";
tooltab2On = "/_images/products/EditorsToolbox/toolbox_gallery_tab3_on.png";

tooltab0Off = "/_images/products/EditorsToolbox/toolbox_gallery_tab1_off.png";
tooltab1Off = "/_images/products/EditorsToolbox/toolbox_gallery_tab2_off.png";
tooltab2Off = "/_images/products/EditorsToolbox/toolbox_gallery_tab3_off.png";

function changeTab() { for(i=0; i<3; i++) { document[toolsTabArray[i]].src = eval("tooltab"+ i +"Off");}}
function changeParam(data){ if (tabselected==1){resolution="HD"}else if (tabselected==2){resolution="SD"}else{resolution="extra"}$('tools-gallery').innerHTML=" Loading "+ data + "....."; $("tools-gallery").load("/_asp_includes/products/EditorsToolbox/toolbox_gallery_include.asp?pid=908&res="+ resolution +"&vname="+ data);}
function bord(id){		
	if (bflag!=false){ $(myitem).setStyles({ background: 'none', border:'none', padding:'10px 0 5px 0', color:'#fff'}); }
	$(id).setStyles({ background: 'transparent url(/_images/_interface/utility/20x20_50pct_transparent_cyan_tile.png) repeat top left', border:'1px solid #135', padding:'9px 0 4px 0', color:'#fff'});
	
	myitem = id;
	bflag = true;
}
var bgImg1 = new Image();

window.addEvent('domready', function() {
	
	var toolsLink = $$('.presets li a');
		
	toolsLink.each(function(element) { 
		element.addEvent('click', function(el){ 
			el.preventDefault();
			if (flagtab != false){ $(target).setStyle("color","#3399ff"); }
			changeParam(element.getProperty('name'));
			selectedData = element.getProperty('name');
			target = element;
			$(element).setStyle("color","#ffffff");
			flagtab = true;
			param1=param2=param3=""; flag1=flag2="F";			
		});
	});
	
	var fontstabs = $$('#tools-tabs ul li');
	fontstabs.each(function(element) { 
		element.addEvent('click', function(){ 
			if (element.getProperty('id') == 'tooltab1') { changeTab(); document[toolsTabArray[0]].src = tooltab0On;
				tabselected=1; changeParam(selectedData); param1=param2=param3=""; flag1=flag2="F"; }
				
			if (element.getProperty('id') == 'tooltab2') { changeTab(); document[toolsTabArray[1]].src = tooltab1On;
				$('tools-preview').innerHTML = "<div id='tools-gallery'>Loading.....</div>"; tabselected=2; changeParam(selectedData); param1=param2=param3=""; flag1=flag2="F"; }
				
			if (element.getProperty('id') == 'tooltab3') { changeTab(); document[toolsTabArray[2]].src = tooltab2On;
				$('tools-preview').innerHTML = "<div id='tools-gallery'>Loading.....</div>"; 
				tabselected=3; changeParam(selectedData); param1=param2=param3=""; flag1=flag2="F";
			}
		});
	});
	
	if (intialParam!=""){
		selectedData = "Tech TV"; 
		changeParam(selectedData);
		initalParam=""; 
	}





	var whatsInside = $$('#toolbox-contents li img');
	whatsInside.each(function(element) { 
		element.addEvent('mouseover', function(el){ 
		bgImg = element.getProperty('src').replace(".png","_bg.jpg");
		bgImg1 = element.getProperty('src').replace(".png","_hover.png");				
		$('toolbox-contents').setStyle('background','url("'+bgImg+'") no-repeat bottom right');
		//document.getElementById('toolbox-contents').style.background='url("'+bgImg+'") no-repeat bottom right';
		element.setProperty('src',bgImg1);
		element.setStyle('width','480px');

	});
		element.addEvent('mouseleave', function(el){ 
		bgImg2 = element.getProperty('src').replace("_hover.png",".png");				
		element.setProperty('src',bgImg2);
		element.setStyle('width','480px');
	});
		
	});	
	
});



var param1,imgHeight1,imgWidth1;
var param2;
var param3;
var flag1 = "F";
var flag2 = "F";


function writeToolsGallery(imgName,imgID)
{
	today = new Date();
	sec = today.getSeconds();
	
	imgProp = imgName.split("/");
	movName = imgProp[6].replace(".jpg", ".mov");
	if (imgProp[6].substring(4,6)=="HD" || imgProp[6].substring(10,12)=="HD") { movWidth =240; movHeight=135; }
	if (imgProp[6].substring(4,6)=="SD" || imgProp[6].substring(10,12)=="SD") { movWidth =160; movHeight=120; }

	movPath = imgName.replace(".jpg", ".mov").replace("thumbs","mov");
	if(flag1 != "F"){writeImage(param1,param2);}
	param1=imgName; param2=imgID; flag1="T";
	imgHeight1 = movHeight;
	imgWidth1 = movWidth;
	
	document.getElementById(imgID).innerHTML="";
	document.getElementById(imgID).innerHTML= '<div style="border:1px solid #666"><object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"'+ 
	'codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="'+movWidth+'" height="'+(eval(movHeight)+16)+'" id="movie1">'+ 
	'<param name="src" value="'+ movPath +'?t='+ sec +'">'+ 
	'<param name="autoplay" 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="'+ movWidth +'" height="'+(eval(movHeight)+16)+'" enablejavascript="true" name="movie1"'+ 
	' src="'+ movPath +'?t='+ sec +'" kioskmode="true" scale="aspect" loop="true" bgcolor="#000033"  pluginspage="http://www.apple.com/quicktime/download/">'+ 
	'</embed></object></div>';
}
function writeToolsJD(imgName)
{
	today = new Date();
	sec = today.getSeconds();

	imgPath = imgName.replace("thumbs","mov");
	
	document.getElementById('jd-preview').innerHTML="";
	document.getElementById('jd-preview').innerHTML= '<img src="'+imgPath+'" height="260" width="400" style="border:1px solid #666;"/>';
}

function swipesToolsGallery(imgName,imgID,btn)
{
		today = new Date();
		sec = today.getSeconds();
		imgProp = imgName.split("/");
		if (imgProp[6].substring(4,6)=="HD" || imgProp[6].substring(10,12)=="HD") { movWidth =240; movHeight=135; }
		if (imgProp[6].substring(4,6)=="SD" || imgProp[6].substring(10,12)=="SD") { movWidth =160; movHeight=120; }
		
		if (btn == imgID + "t1"){
			document.getElementById(imgID + 't1').src="/images/interface_new/swipes/track1_on.gif"; vol=100;
			document.getElementById(imgID + 't2').src="/images/interface_new/swipes/track2_off.gif"; t2Flag="F";
			path = imgName.replace(".jpg",".mov").replace("thumbs","mov/sfx1");
		}
		if (btn == imgID + "t2"){
			document.getElementById(imgID + 't2').src="/images/interface_new/swipes/track2_on.gif"; vol=100;
			document.getElementById(imgID + 't1').src="/images/interface_new/swipes/track1_off.gif"; t1Flag="F";
			path = imgName.replace(".jpg",".mov").replace("thumbs","mov/sfx2");
		}
		if (flag1 != "F"){writeSwipesImage(param1,param2,param3);}
		param1 = imgName;
		param2 = imgID;
		param3 = btn;
		flag1 = "T";
		imgHeight1 = movHeight;
		imgWidth1 = movWidth;
			
		document.getElementById(imgID).innerHTML="";
		document.getElementById(imgID).innerHTML= '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"'+ 
		'codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="'+movWidth+'" height="'+(eval(movHeight)+16)+'" id="movie1">'+ 
		'<param name="src" value="'+ path +'?t='+ sec +'">'+ 
		'<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="#000033">'+
		'<embed width="'+ movWidth +'" height="'+(eval(movHeight)+16)+'" enablejavascript="true" name="movie1"'+ 
		' src="'+ path +'?t='+ sec +'" kioskmode="true" scale="aspect" controller="true" loop="true" bgcolor="#000033"  pluginspage="http://www.apple.com/quicktime/download/">'+ 
		'</embed></object>';
}

function writeImage(imgName1,imgID1){
	var com ="'";
	imgProp1 = imgName1.split("/");
	document.getElementById(imgID1).innerHTML='<img src="'+ imgName1 +'" height="'+imgHeight1+'" width="'+imgWidth1+'" alt="'+imgProp1[6]+'" border="1" name="'+imgID1+'" />';
}
function writeSwipesImage(imgName1,imgID1,btn1){
	var com ="'";
	imgProp1 = imgName1.split("/");
	document.getElementById(imgID1).innerHTML='<img src="'+ imgName1 +'" height="'+imgHeight1+'" width="'+imgWidth1+'" alt="'+imgProp1[6]+'" name="'+imgID1+'" />';

}