/*****************************
--- multilayer v1.1
--- Author: Maxim Bandurko.
*****************************/

var bottomActive = false;
var multilayerReady = false;
var documentReady = false;
var cssReady = true;
var initReady = false;
var interval_delayedInit;
var interval_cssReadyCheck;
var siteRoot = '';
var externalFiles = '';
var activeSub;

if(is_safari3){
	cssReady = false;
	interval_cssReadyCheck = setInterval(checkCssReady, 500);
}

jQuery(function($){
	$(document).ready(function(){
		documentReady = true;
		checkDocument();
	});
	
});

function checkDocument(){
	
	if(multilayerReady && documentReady && cssReady){
		if(!initReady){
			_init();
		}
	}
}

function checkCssReady(){
	if($("#cssLoaded").css("color") == 'rgb(18, 52, 86)'){
		clearInterval(interval_cssReadyCheck);
		cssReady = true;
		$("body #cssLoaded").remove();
		checkDocument();
	}
}


function initSkin(){
	if(is_safari3){
		$("body").append('<div id="cssLoaded">&nbsp;</div>');
	}
	
	_proceedPreInit();
	
	$("#site").multilayer({path:(siteRoot + 'assets/xml/')});
}


function _proceedPreInit(){

	/** ul.animate PREPARE **/
	$("ul.animate").each( function() {
		$("li", this).animate({
			opacity: 0
		  }, 0);
	});

}




function _init(){
		
		initReady = true;
		
		_proceedNavigation();
		
		updateCopyRight();
		updateCounter();
		
		_autoStart();
		
		
		
		_proceedTree();
		_proceedPages();
		

		 
		 //proceedPageHeadingTitle();
		 //proceedSysBoxTitle();
		 
		 var scrollPaneObj;
		 
		 $(".scroll-pane").each( function() {
			scrollPaneObj = {scrollbarWidth:8};
			
			if($(this).hasClass("scrollPaneLeft")){
				scrollPaneObj.scrollbarOnLeft = true;
			}
			if($(this).hasClass("scrollPaneShowArrows")){
				scrollPaneObj.showArrows = true;
				scrollPaneObj.arrowSize = 28;
				scrollPaneObj.scrollbarWidth = 25;
			}
			
			$(this).jScrollPane(scrollPaneObj);					  
		 });
		 
		 
		 
		 interval_delayedInit = setInterval(_delayedInit, 1000);
		 
		 proceedFlashText();
		 
		
		
		 //alert($("#site .text").html());
}

function _autoStart(){
	//$("#page_free_samples #FPO").hide();	
}


function _delayedInit(){
	clearInterval(interval_delayedInit);
	if(jQuery.browser.msie && jQuery.browser.version == '6.0'){
		DD_belatedPNG.fix('.transparentDD');
	}
	
	_proceedPostInit();
}

function proceedFlashText(){
	proceedPageTitle("#contentArea", "h1", "flashTitle.swf");
	proceedPageTitle("#contentArea", "h2", "flashTitle.swf");
	proceedPageTitle("#contentArea", "h3", "flashTitle.swf");
	proceedPageTitle("#contentArea", "h4", "flashTitleAller.swf");
	proceedPageTitle("#contentArea", "h5", "flashTitleHelios.swf");
	proceedPageTitle("#contentArea", ".FTR", "flashTitle.swf");
	//proceedPageTitle(".box", "h1", "flashTitleBox.swf");
	//proceedSysBoxTitle();
	proceedFlashObject();
	proceedVideoPlayer();
}

function updateCopyRight(){
	var d=new Date();
	yr=d.getFullYear();
	$("#site #footer #copyright").html('Copyright &copy; '+yr+' JVTN&reg;. All rights reserved.');
}



function setTopMenuActive(el){
	if (el != undefined && el != ''){
		//$(".navigation .menu ul li a."+el).addClass("active");
		$(".navigation .menu ul li a."+el).parent().addClass("active");
	}
}



$.fn.delay = function(time, callback){
    // Empty function:
    jQuery.fx.step.delay = function(){};
    // Return meaningless animation, (will be added to queue)
    return this.animate({delay:1}, time, callback);
}


function normalizeHTML(txta){

	var regExp = /<([^>]+)/g;
		
	txta = txta.replace(regExp,
	function (p1){
		var regExp2 = /(\s\w+)=([^ \f\n\r\t\v"]+)/g;
		return p1.replace(regExp2, "$1=\'$2\'");
	});
	txta = txta.replace(/<SPAN/g,'<span');
	txta = txta.replace(/<\/SPAN/g,'</span');
	txta = txta.replace(/<BR/g,'<br');
	txta = txta.replace(/<br \//g,'<br /');
	txta = txta.replace(/<br/g,'<br /');
	txta = txta.replace(/<UL/g,'<ul');
	txta = txta.replace(/<\/UL/g,'</ul');
	txta = txta.replace(/<LI/g,'<li');
	txta = txta.replace(/<\/LI/g,'</li');
	txta = txta.replace(/<A/g,'<a');
	txta = txta.replace(/<\/A/g,'</a');
	
	
	txta = txta.replace(/rel='assets'/g,'rel="assets"');
	
	
	
	var regExp2 = /style="([^">]+)/g;
	txta = txta.replace(regExp2,function (p1,p2){return p1.toLowerCase()});
	
	if(is_ie5up){
		var regExp2b = /style="([^"]+)/g;
		txta = txta.replace(regExp2b, 'style="$1;');
	}
	
	
	var regExp3 = /<img([^>]+)/g;
	txta = txta.replace(regExp3, '<img$1 /');
	
	var regExp4 = /<input([^>]+)/g;
	txta = txta.replace(regExp4, '<input $1 /');
	
	if(is_ie){
	// IE only
		if(is_ie8up){
			
		}else{
			var reg = /\<li\>(.+)[^(\<\/li\>)]\<li\>/gim;   
			while(txta.search(reg)!=(-1)){  
				txta = txta.replace(reg,'<li>$1<\/li><li>');  
			}
		}
	}


	
	return txta;

	
}

function prepareHTML(txta){
	txta = txta.replace(/&nbsp;/g,'{{{nbsp}}}');
	txta = txta.replace(/&amp;/g,'&');
	txta = txta.replace(/&/g,'{{{amp}}}');
	
	return txta;
}

function replaceTags(txta, tags){
	var tagsArr = tags.split(',');
	for(var i=0;i<tagsArr.length;i++){
		switch(tagsArr[i]){
			case "br":
				txta = txta.replace(/<br>/g,'[[[br /]]]');
				txta = txta.replace(/<br \/>/g,'[[[br /]]]');
				break;
		}
	}
	
	return txta;
}

function prepareColor(col){
	
	if(col.split('rgb').length > 1){
	//if(is_ff || is_chrome){
		var t1 = col.split('(');
		var t2 = t1[1].split(')');
		var t3 = t2[0].split(', ');
		
		col = '#'+RGBtoHex(t3[0],t3[1],t3[2]);
	}
	return col;
}

function RGBtoHex(R,G,B) {return toHex(R)+toHex(G)+toHex(B)}

function toHex(N) {
 if (N==null) return "00";
 N=parseInt(N); if (N==0 || isNaN(N)) return "00";
 N=Math.max(0,N); N=Math.min(N,255); N=Math.round(N);
 return "0123456789ABCDEF".charAt((N-N%16)/16)
      + "0123456789ABCDEF".charAt(N%16);
}

function d2h(d) {return d.toString(16);} // decimal to hex
function h2d(h) {return parseInt(h,16);} // hex to decimal

function proceedPageTitle(selector, tag, flash){	

	var gradient = false;
	if(tag == 'h1'){
		gradient = true;
	}

	$(selector + " "+tag).each( function() {
			
			if($(this).hasClass("proceeded")){
				
			}else{
				
				$(this).addClass("proceeded");
				
				var txta = $(this).html();
				var twidth = $(this).width();
				var theight = $(this).height();
				
				txta = normalizeHTML(txta);
				txta = prepareHTML(txta);
				txta = $.string(txta).strip().str;
				
				
				var textAlign = $(this).css("text-align");
				var fontSize = Number($(this).css("font-size").split("px")[0]);
				var fontWeight = $(this).css("font-weight");
				var fontColor = prepareColor($(this).css("color"));
				
				if(fontWeight == "700"){
					fontWeight = 'bold';
				}
				
				if(fontWeight == "400"){
					fontWeight = 'normal';
				}
				
				var textTransform = $(this).css("text-transform");
				if(textTransform == 'uppercase'){
					txta = txta.toUpperCase();
				}
				
				if($(this).hasClass("FTR_u1")){
					fontSize = fontSize + 1;
				}
				
				if($(this).hasClass("FTR_u2")){
					fontSize = fontSize + 2;
				}
				
				//$(this).wrapInner('<div class="area" style="background-color:#0C0;"></div>');
				$(this).html('<div class="fpo_txt_area"></div>');
				
				
				$(".fpo_txt_area:first", this).flash({
						swf: externalFiles + ("assets/swf/text/" + flash),
						//swf: siteRoot + ("assets/swf/text/" + flash),
						width: twidth, // Recommended
						height: theight, // Recommended
						allowScriptAccess: "always",
					
					flashvars: {
						txt : txta,
						$textAlign : textAlign,
						fontSize : fontSize,
						fontColor : fontColor,
						$fontWeight : fontWeight,
						gradient : gradient
					},
						params: {
						base : ".",
						allowScriptAccess: "always",
						wmode : "transparent"
					}
				
				})
				
				//alert($(this).html());
				
			}
		});
	
}





function proceedSysBoxTitle(){
		$("#contentArea .boxSys").each( function() {
			var txta = $("h5:first", this).html();
			var trel = $("h5:first", this).attr('title');
			
			txta = normalizeHTML(txta);
			txta = prepareHTML(txta);
			txta = $.string(txta).strip().str;
					
			$(this).wrapInner('<div class="area"></div>');
			$(this).prepend('<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="TL"><img src="assets/images/blank.gif" width="1" height="1" /></td><td class="T h5"></td><td class="TR" width="14"><img src="assets/images/blank.gif" width="1" height="1" /></td></tr><tr><td class="L"><img src="assets/images/blank.gif" width="1" height="1" class="LI" /></td><td class="offSets"></td><td class="R"><img src="assets/images/blank.gif" width="1" height="1" class="RI" /></td></tr><tr><td class="BL"><img src="assets/images/blank.gif" width="1" height="1" /></td><td class="B"><img src="assets/images/blank.gif" width="1" height="1" /></td><td class="BR"><img src="assets/images/blank.gif" width="1" height="1" /></td></tr></table>');
			$(".offSets:first", this).html($(".area:first", this));
			$(".h5:first", this).html($("h5:first", this));
			
			$(".area:first", this).addClass('ifPfix');
			
			var twidth = $("h5:first", this).width();
			var theight = $("h5:first", this).height();
			
			var fontSize = $("h5:first", this).css("font-size");
			var fontWeight = $("h5:first", this).css("font-weight");
			var fontColor = prepareColor($("h5:first", this).css("color"));
			
			var textTransform = $(this).css("text-transform");
			if(textTransform == 'uppercase'){
				txta = txta.toUpperCase();
			}
			
			$("h5:first", this).flash({
					swf: (siteRoot + "assets/swf/text/flashBoxSysTitle.swf"),
					width: twidth, // Recommended
					height: theight, // Recommended
				
				flashvars: {
					txt : txta,
					lineColor : trel,
					fontSize : fontSize,
					fontColor : fontColor,
					$fontWeight : fontWeight
				},
					params: {
					base : ".",
					wmode : "transparent"
				}
			
			})
			
			
		});

}



function proceedVideoPlayer(){
	$(".videoPlayer").each( function() {

		var $params = {};
		
		$("object param", this).each( function() {
			_name = $(this).attr("name");
			_val = $(this).attr("value");
			$params[_name] = _val;
		});



		
		var $video = $("object param[name='$video']", this).attr("value");
		var $assets = $("object param[name='$assets']", this).attr("value");
		var $thumbnail = $("object param[name='$thumbnail']", this).attr("value");
		var $externalPathToFiles = assignValue($("object param[name='$externalPathToFiles']", this).attr("value"), true);
		var $maintainAspect = $("object param[name='$maintainAspect']", this).attr("value");
		var $autoSize = assignValue($("object param[name='$autoSize']", this).attr("value"), false);
		var $autoStart = $("object param[name='$autoStart']", this).attr("value");
		var $onComplete = $("object param[name='$onComplete']", this).attr("value");
		var $autoHide = $("object param[name='$autoHide']", this).attr("value");
		
		
		
		var $videoPlayerAlign = assignValue($("object param[name='$videoPlayerAlign']", this).attr("value"), "TL");
		
		var $replayButtonAlign = $("object param[name='$replayButtonAlign']", this).attr("value");
		var $replayButtonAlignPadding = $("object param[name='$replayButtonAlignPadding']", this).attr("value");
		var $replayButtonSnapToVideo = $("object param[name='$replayButtonSnapToVideo']", this).attr("value");
		var $replayButtonColor = $("object param[name='$replayButtonColor']", this).attr("value");
		var $replayButtonAlpha = $("object param[name='$replayButtonAlpha']", this).attr("value");
		var $replayButtonTheme = assignValue($("object param[name='$replayButtonTheme']", this).attr("value"), false);
		if($replayButtonTheme){
			$replayButtonColor = '#e28a0b';
			$replayButtonAlpha = '100';
		}
		
		var $playButtonAlign = $("object param[name='$playButtonAlign']", this).attr("value");
		var $playButtonAlignPadding = $("object param[name='$playButtonAlignPadding']", this).attr("value");
		var $playButtonColor = $("object param[name='$playButtonColor']", this).attr("value");
		var $playButtonAlpha = $("object param[name='$playButtonAlpha']", this).attr("value");
		var $playButtonTheme = assignValue($("object param[name='$playButtonTheme']", this).attr("value"), false);
		if($playButtonTheme){
			$playButtonColor = '#e28a0b';
			$playButtonAlpha = '100';
		}
		
		
		var $buffer_backgroundAlpha = assignValue($("object param[name='$buffer_backgroundAlpha']", this).attr("value"), "100");
		var $buffer_backgroundHighlight = assignValue($("object param[name='$buffer_backgroundHighlight']", this).attr("value"), "#082734");
		var $buffer_backgroundShading = assignValue($("object param[name='$buffer_backgroundShading']", this).attr("value"), "#01415F");
		var $buffer_indicatorHighlight = assignValue($("object param[name='$buffer_indicatorHighlight']", this).attr("value"), "#01415F");
		var $buffer_indicatorShading = assignValue($("object param[name='$buffer_indicatorShading']", this).attr("value"), "#17488A");
		var $buffer_textColor = assignValue($("object param[name='$buffer_textColor']", this).attr("value"), "#FFFFFF");
		
		var $controller_backgroundAlpha = assignValue($("object param[name='$controller_backgroundAlpha']", this).attr("value"), "100");
		var $controller_backgroundHighlight = assignValue($("object param[name='$controller_backgroundHighlight']", this).attr("value"), "#082734");
		var $controller_backgroundShading = assignValue($("object param[name='$controller_backgroundShading']", this).attr("value"), "#01415F");
		var $controller_buttonHighlight = assignValue($("object param[name='$controller_buttonHighlight']", this).attr("value"), "#FFFFFF");
		var $controller_buttonShading = assignValue($("object param[name='$controller_buttonShading']", this).attr("value"), "#CCCCCC");
		var $controller_indicatorHighlight = assignValue($("object param[name='$controller_indicatorHighlight']", this).attr("value"), "#2C9ED4");
		var $controller_indicatorShading = assignValue($("object param[name='$controller_indicatorShading']", this).attr("value"), "#17488A");
		
		
		var $controllerPosition = $("object param[name='$controllerPosition']", this).attr("value");
		var $controllerRoundedCorners = assignValue($("object param[name='$controllerRoundedCorners']", this).attr("value"), false);
		var $controllerRePosition = assignValue($("object param[name='$controllerRePosition']", this).attr("value"), false);
		var $controllerPositionToStage = assignValue($("object param[name='$controllerPositionToStage']", this).attr("value"), false);
		var $controllerPadding = $("object param[name='$controllerPadding']", this).attr("value");
		
		
		
		var $btnClose = $("object param[name='$btnClose']", this).attr("value");
		
		var $bg = $("object param[name='$bg']", this).attr("value");
		if($bg == 'default'){
			$bg = '#242424';
		}
				
		
		
		if($controllerPosition == "outside" && $controllerRePosition){
			$(this).css("height",$(this).height() + 36);
			
		}
		
		var twidth = $(this).width();
		var theight = $(this).height();
		
		
		var $flashvars = {
			
			$video : $video,
			$assets : $assets,
			$externalPathToFiles : $externalPathToFiles,
			$thumbnail : $thumbnail,
			$autoStart : $autoStart,
			$onComplete : $onComplete,
			$maintainAspect : $maintainAspect,
			$autoSize : $autoSize,
			$autoHide : $autoHide,
			
			$videoPlayerAlign : $videoPlayerAlign,
			
			$replayButtonAlign : $replayButtonAlign,
			$replayButtonAlignPadding : $replayButtonAlignPadding,
			$replayButtonColor : $replayButtonColor,
			$replayButtonAlpha : $replayButtonAlpha,
			$replayButtonSnapToVideo : $replayButtonSnapToVideo,
			$replayButtonColor : $replayButtonColor,
			
			$playButtonAlign : $playButtonAlign,
			$playButtonAlignPadding : $playButtonAlignPadding,
			$playButtonColor : $playButtonColor,
			$playButtonAlpha : $playButtonAlpha,
			$playButtonColor : $playButtonColor,
			
			
			$buffer_backgroundAlpha : $buffer_backgroundAlpha,
			$buffer_backgroundHighlight : $buffer_backgroundHighlight,
			$buffer_backgroundShading : $buffer_backgroundShading,
			$buffer_indicatorHighlight : $buffer_indicatorHighlight,
			$buffer_indicatorShading : $buffer_indicatorShading,
			$buffer_textColor : $buffer_textColor,
			$controller_backgroundAlpha : $controller_backgroundAlpha,
			$controller_backgroundHighlight : $controller_backgroundHighlight,
			$controller_backgroundShading : $controller_backgroundShading,
			$controller_buttonHighlight : $controller_buttonHighlight,
			$controller_buttonShading : $controller_buttonShading,
			$controller_indicatorHighlight : $controller_indicatorHighlight,
			$controller_indicatorShading : $controller_indicatorShading,
			
			
			$controllerPosition : $controllerPosition,
			$controllerRePosition : $controllerRePosition,
			$controllerRoundedCorners : $controllerRoundedCorners,
			$controllerPositionToStage : $controllerPositionToStage,
			$controllerPadding : $controllerPadding,
			
			
			$bg : $bg,
			$btnClose : $btnClose
			
		}
		
		$params = $.extend($params, $flashvars);
		
		//$externalPathToFiles
		
		//$(this).html('<div class="FPO">&nbsp;</div>');
		
		if(!$(this).hasClass("processed")){
		
			$(this).html('<div class="fpo_video_area"></div>');
			
			$(".fpo_video_area:first", this).flash({
					swf: siteRoot + ("assets/swf/VideoPlayerExtended.swf"),
					width: twidth, // Recommended
					height: theight, // Recommended
					hasVersion: 9,
					expressInstall: 'assets/swf/expressInstall.swf',
					allowScriptAccess: "always",
				
				flashvars: $params,
					params: {
					base : ".",
					allowScriptAccess: "always",
					wmode : "transparent"
				}
			
			})
			
			
			$(this).addClass("processed");
		}
		//alert($(this).html());
	});
}

function proceedFlashObject(){
	var _name;
	var _val;
	
	$(".flashObject").each( function() {
		var $src = $("object param[name='$src']", this).attr("value");
		
		var twidth = $(this).width();
		var theight = $(this).height();
		
		var $params = {};
		
		$("object param", this).each( function() {
			_name = $(this).attr("name");
			_val = $(this).attr("value");
			$params[_name] = _val;
		});
		
		if($params.$selector != undefined){
			$params.$code = prepareHTML(normalizeHTML($($params.$selector, this).html()));
		}
		
		if($params.$codeTagsReplace != undefined){
			$params.$code = replaceTags($params.$code, $params.$codeTagsReplace);
		}
		
		
		
		//if(is_ie){
			//if(is_ie8up){
			//}else{
				$params.$code = encodeURIComponent($params.$code);
			//}
		//}
		
		//alert($params.$code);
		
		
		$(this).html('<div class="FPO">&nbsp;</div>');
		
		//$(".FPO", this).html($params.$code);
		
		
		$(".FPO:first", this).flash({
				swf: $src,
				width: twidth, // Recommended
				height: theight, // Recommended
				hasVersion: 10,
				expressInstall: 'assets/swf/expressInstall.swf',
			
				flashvars: $params,
			
				params: {
					base : ".",
					wmode : "transparent"
				}
		
		})
		
		
	});
}


function assignValue(val, _false){
	if(val == '' || val == ' ' || val == undefined){
		return _false;	
	}
	
	return val;
}


function updateCounter(){
	var txt;
	var $src = siteRoot + 'assets/swf/counter.swf';
	
	$("#footer .counter").each( function() {
		var $params = {};
		$params.$txt = prepareHTML(normalizeHTML($("span", this).html()));
		
		$(this).html('<div class="object"><div class="FPO">&nbsp;</div></div>');
		
		/*
		$(".FPO:first", this).flash($src, {
				width: 122, // Recommended
				height: 34, // Recommended
			
				flashvars: $params,
			
				paremeters: {
				base : ".",
				wmode : "transparent"
			}
		
		})
		*/
		
		$(".FPO:first", this).flash({
				swf: $src, 
				width: 132, // Recommended
				height: 34, // Recommended
			
				flashvars: $params,
			
				params: {
					base : ".",
					wmode : "transparent"
				}
		
		})
		
	});
}


function _proceedNavigation(){
	$(".navigation .menu ul li a").filter(function (index) {
		  return $(this).wrap("<div></div>");
		}).hover(function(){
			$(this).parent().addClass("hover");
		},function(){
			$(this).parent().removeClass("hover");
		}).click(function(event){
			
			 if($(this).attr('target') != "_blank"){
				location.href = $(this).attr('href');
			 }else{
				 window.open($(this).attr('href'));
			 }
			 event.stopPropagation();
			 event.preventDefault();
	}).mouseup(function(){
		$(this).parent().removeClass("active");
    }).mousedown(function(){
		$(this).parent().addClass("active");
    });


}


function _proceedTree(){
	$(".tree").treeview({
			persist: "location",
			animated: "fast",
			collapsed: true,
			unique: true
		});
		
		
		var len;
		var addArr = [["Category", "Categories"], ["Chapter", "Chapters"]];
		var add;
		var addTxt;
		
		$(".tree").each( function() {
			$("li", this).each( function() {
				//len = $("ul:first > li",this).length;	 // to have categories count	
				if($("ul:first > li:has(span)", this).length >= 1){
					//add = 0; // to have categories count show
					add = 1;
					len = $("li",this).not(':has(span)').length;
				}else{
					add = 1;
					len = $("ul:first > li",this).length;
					$("ul:first > li", this).each( function(index) {
						$(this).prepend((index + 1) + '. ');
					});
				}
				
				if(len >= 2 || len == 0){
					addTxt = addArr[add][1];
				}else{
					addTxt = addArr[add][0];
				}
				
				$("span:first", this).append(" (" + len + " " + addTxt + ")");
				
			});
		});
		
}




function _proceedPages(){
	
	
	/* Sub navigation */
	
	slidePlaying = -1;
	slidesArr = [];
	
	slidesArr = jQuery.makeArray($(".navigation_sub.slides ul li a"));
	
	if(slidesArr.length){
		_proceedPlayAll(false);
		slidePlaying = 0;
		_proceedSlide(0, -1, true);
	}
	
	
	$(".navigation_sub.slides ul li a").click(function(event){
		event.stopPropagation();
		event.preventDefault();
		var new_id = jQuery.inArray(this, slidesArr);
		var old_id = slidePlaying;
		_proceedSlide(new_id, old_id, false);
	});
	
	
	$(".navigation_sub.textSlides ul li a").click(function(event){
		event.stopPropagation();
		event.preventDefault();
		$(activeSub).removeClass("active");
		activeSub = $(this);
		$(activeSub).addClass("active");
		var copy = $(this).parent();
		_proceedTextSlides(".areaRight .area .place", $(this).attr("href"), $(this).html(), $(".copy", copy).html(), $(".copy", copy).attr("style"));
	});
	
	
	$(".navigation_sub.videoSlides ul li a").click(function(event){
		event.stopPropagation();
		event.preventDefault();
		$(activeSub).removeClass("active");
		activeSub = $(this);
		$(activeSub).addClass("active");
		var copy = $(this).parent();
		_proceedVideoSlides(".areaLeft .area .place", $(this).attr("href"));
	});


		/* table .grid */
	$("table.grid").each( function() {
		$("th", this).wrapInner(document.createElement("h3"));
		$("tr:even", this).addClass("bg1");
		$("tr:odd", this).addClass("bg2");
		$("tr", this).each( function() {
			$("th:first", this).addClass("first");
			$("th:last", this).addClass("last");
			$("td:first", this).addClass("first");
			$("td:last", this).addClass("last");
		});
	});


	/* #interactive */
	$("#interactive ul li a").click(function(event){
		event.stopPropagation();
		event.preventDefault();
		var val = {};
		val._video = $(this).attr("href");
		if($(this).attr("title") == "assets"){
			val._asset = val._video.split(".flv").join("_assets.swf");
		}else{
			val._asset = undefined;
		}
		val._title = $(this).html();
		libraryShowVideo(val);
	});
	

	$('.tooltip').tooltip();
	
}


function _proceedPostInit(){

	/** ul.animate PREPARE **/
	$("ul.animate").each( function() {
		$("li", this).each( function(i) {
			$(this).delay(i*1000).animate({
				opacity: 1,
				marginLeft: "-=50"
			}, 1000);
		});
	});

}


function _proceedSlide(new_id, old_id, isPlay){
	if(new_id != -1){
		oldSub = slidesArr[old_id];
		$(oldSub).removeClass("active");
	}
	if(old_id == -1){
		$(".navigation_sub.slides ul li a").removeClass("active");
	}

	if(isPlay){
		slidePlaying = new_id;
	}else{
		slidePlaying = -1;
		_proceedPlayAll(true);
	}
	
	activeSub = slidesArr[new_id];
	$(activeSub).addClass("active");
	
	_proceedSlideFPO(".areaRight .area .place", $(activeSub).attr("href"));	
}


function _proceedSlideCompleted(id){
	var new_id = Number(id) + 1;
	if(new_id < slidesArr.length){
		if(slidePlaying != -1){
			_proceedSlide(new_id, id, true);
		}
	}else{
		slidePlaying = -1;
		_proceedPlayAll(true);
	}
}

function _proceedSlideFPO(tag, url){
	$(tag).each( function() {

		var twidth = $(this).width();
		var theight = $(this).height();
		
		$(".FPO",this).empty();
		$(this).html('<div class="FPO"></div>');
		
		var $src = url;
		
		$(".FPO:first", this).flash({
				swf: $src,
				
				width: twidth, // Recommended
				height: theight, // Recommended
				hasVersion: 10,
				expressInstall: 'assets/swf/expressInstall.swf',
			
				flashvars: {
					$id: slidePlaying
				},
			
				params: {
					base : ".",
					wmode : "transparent"
				}
		
		})
	});
}

function _proceedPlayAll(state){
	$("#contentArea .playAll").toggle(state);
}

function _proceedPlayAllButton(mode){
	switch(mode){
		case "flash":
			_proceedPlayAll(false);
			slidePlaying = 0;
			_proceedSlide(0, -1, true);
			break;
		case "text":
			break;
	}
}


function _proceedTextSlides(tag, url, title, copy, style){
	
	$(tag).each( function() {
						  
		$(this).css("background-image","url("+url+")");

		var twidth = $(this).width();
		var theight = $(this).height();
						  
		$(this).html('<div class="HTMLO"></div>');
		if(style != undefined){
			$(".HTMLO", this).attr("style", style);
		}
		
		var $src = url;
		
		$(".HTMLO:first", this).html('<h4 class="FTR FTR_u1">'+title+'</h4><div class="copy ifPfix">'+copy+'</div>');
		
		proceedPageTitle("#contentArea", "h4", "flashTitleAller.swf");
	});
}


function _proceedVideoSlides(tag, url){
	
	$(tag).each( function() {
		
		var out = '';
		out += '<div class="videoPlayer">';
		out += '	<object>';
		out += '		<param name="$video" value="'+url+'" />';
		out += '		<param name="$maintainAspect" value="height" />';
		out += '		<param name="$controllerPosition" value="outside" />';
		out += '		<param name="$autoStart" value="true" />';
		out += '		<param name="$replayButtonAlign" value="TL" />';
		out += '		<param name="$replayButtonAlignPadding" value="10 10" />';
		out += '		<param name="$playButtonAlign" value="TL" />';
		out += '		<param name="$playButtonAlignPadding" value="10 10" />';
		out += '		<param name="$onComplete" value="assets" />';
		out += '	</object>';
		out += '</div><!-- EOF videoPlayer -->';
		
		$(tag).html(out);
		$(tag).removeClass("processed");
	
		proceedVideoPlayer();
		
	});
}


function visibleContent(tag){
	$(tag).addClass("visible");
}



function libraryShowVideo(val){
	//alert(val._video);

	var code = '';
	code += '<h2>'+val._title+'</h2>';
	code += '<div class="holder transparentDD">';
	code += '	<div class="area"><div class="place">';
	code += '<div class="videoPlayer">';
	code += '	<object>';
	code += '		<param name="$video" value="'+val._video+'" />';
	if(val._asset != undefined){
		code += '		<param name="$assets" value="'+val._asset+'" />';
	}
	
	code += '		<param name="$maintainAspect" value="height" />';
	code += '		<param name="$controllerPosition" value="outside" />';
	code += '		<param name="$autoStart" value="true" />';
	code += '		<param name="$replayButtonAlign" value="TL" />';
	code += '		<param name="$replayButtonAlignPadding" value="10 10" />';
	code += '		<param name="$playButtonAlign" value="TL" />';
	code += '		<param name="$playButtonAlignPadding" value="10 10" />';
	code += '		<param name="$onComplete" value="function:libraryHideVideo" />';
	code += '		<param name="$controllerRoundedCorners" value="false" />';
	code += '		<param name="$btnClose" value="true" />';
	
	//code += '		<param name="$externalPathToFiles" value="false" />';
	
	code += '	</object>';
	code += '</div><!-- EOF videoPlayer -->';
	code += '	</div></div>';
	code += '</div><!-- EOF holder -->';
	
	$("#page_sample_videos2 #interactive").addClass("hide");
	$("#page_sample_videos2 #contentArea").append('<div id="FPO">&nbsp;</div>');
	$("#page_sample_videos2 #FPO").html(code);
	
	$("#page_sample_videos2 h1").html('Sample Training Content');
	$("#page_sample_videos2 h1").removeClass("proceeded");
	
	proceedVideoPlayer();
	proceedFlashText();
}

function libraryHideVideo(){
	interval_delayedInit = setInterval(_delayedInitLibraryHideVideo, 500);
}

function _delayedInitLibraryHideVideo(){
	clearInterval(interval_delayedInit);
	$("#page_sample_videos2 #FPO").html("test");
	$("#page_sample_videos2 #interactive").removeClass("hide");
	$("#page_sample_videos2 #FPO").remove();
	
	$("#page_sample_videos2 h1").html('Sample Training Content - <font size="18" style="font-size:16px">Click To Play Video Below</font>');
	$("#page_sample_videos2 h1").removeClass("proceeded");
	
	proceedFlashText();
}

