var winH = $(document).height();
var winW = $(document).width();
var swinW = $(window).width();
var swinH = $(window).height();
	
//Array for the list audio flash
var audioURLArr = [];

var page = $("#bgBox");

$("#nav").height(winH);
page.height(winH);

Cufon.replace('#nav', {fontSize: '17px', textTransform: 'uppercase'});

$(function(){

	$("#page1").load("homepage3.html", function(){
				
		if(!$.browser.msie) {
			Cufon.replace('#page1 .TextStyleExt');
		}
		
		winH = parseInt($(document).height()); 
		swinH = parseInt($(window).height());
		
		if(winH > swinH) {
			$('#bgBox').css('background-attachment', 'scroll');
			$('#nav ul').css('position','absolute');
		}
	});
	
	page.addClass("BgPage01").animate({opacity:1},500);
	
	$('#page1').css({display: 'block'}).stop().animate({opacity:1},2500,'easeInOutQuint');
	
	if(!global.BD.iPad && !global.BD.iPhone) {
		$('#nav li').bind('mouseover', function(){
			$(this).addClass('Active');
		});
		$('#nav li').bind('mouseout', function(){
			$(this).removeClass('Active');
		});
	}
						
	$("#nav a").bind("click", function(){
		var pageId, 
			url, 
			rel, 
			pageContent = $(".PageContent");

		$("#nav").height(swinH);
		page.height(swinH);
		
		$(this).closest("ul").find("li").removeClass("Current");
		$(this).parent().addClass("Current");
				
		if($(this).attr("rel") !=""){
			rel = $(this).attr("rel");
			
			if(rel == 'page7') {
				window.open($(this).attr('href'));
				return false;
			}
			
			pageId = $("#"+ rel);	
			if(pageId.is(":hidden")){
				
				pageContent.fadeOut().css({display: 'none', opacity: 0});
				
				if(pageContent.hasClass('PageContent03')){
					$('.PageContent03').fadeOut().css({left:2000});
				}
			
				url = $(this).attr("href");	
				pageId.fadeIn();
				
				page.animate({opacity:0},500, function() {
					
					$(this).removeClass();
					
					pageId.load(url, function(){
						winH = parseInt($(document).height()); 
						swinH = parseInt($(window).height());
					
						if(winH >= swinH) {
							$('#bgBox').css('background-attachment', 'scroll');
							$('#nav ul').css('position','absolute');
						}
						
						if($('.OptCat').length > 0) {
							Cufon.replace('.OptCat li a', {
								hover: {color: '#fff'}
							});
						}
						
						if($('.MediasBlock').length > 0) {
							$.ajax({
								type: "GET",
								url: "data/media.xml",
								dataType: "xml",
								success: function(xml) {
									$(xml).find('ARTICLE').each(function(){
										var id = $(this).attr('ID');
										var title = $(this).find('TITLE').text();
										var date = $(this).find('DATE').text();
										var thumbs = $(this).find('THUMBNAIL').text();
										var content = $(this).find('CONTENT').text();
										
										var cat = $(this).find('CATEGORY').text();
										
										var cats = cat.replace(/,/g," ");
										
										var catArr = cat.split(",");
										
										
										switch(catArr[0]){
											case 'Photo': 
												var lnktype = 'Pt';
												var gp = '<ul id="flicker' + id + '" class="Hidden"></ul>';
												break;
											case 'Recording':
												var lnktype = 'Rd';
												var gp = '<div class="Hidden"><iframe src="" width="560" height="312" frameborder="0" class="Video' + id + '" id="Video' + id + '"></iframe></div>';
												break;
											case 'Video':
												var lnktype = 'Vd';
												var gp = '<div class="Hidden"><iframe src="" width="560" height="312" frameborder="0" class="Video' + id + '" id="Video' + id + '"></iframe></div>';
												break;
											case 'Makingof':
												var lnktype = 'Mo';
												var gp = '';
												break;
											case 'Interview':
												var lnktype = 'Iv';
												var gp = '';
												break;
											default:
												var lnktype = '';
												var gp = '';
												break;
										}
										
										$('<div class="ItemBlock Left ' + cats + '" id="item' + id + '"></div>').html('<div class="Thumbnail" id="' + id + '"><a href="#" class="' + lnktype + '"><img src="' + thumbs + '" alt=""/></a>' + gp + '</div><h2 class="Title">' + title + '</h2><div class="Date">' + date + '</div><div class="Content">'+ content + '</div></div>').appendTo('#MediaLst');
									});
								
									Cufon.replace('#MediaLst');
									
									MediaPO($(xml));
								
									//Sort Space
									$('#MediaLst').masonry({
											itemSelector: '.ItemBlock' 
									});
									
									$('ul.OptCat li a').bind('click', function(){										 
										var _this = $(this);
										var links = $('ul.OptCat li a');
										var elm = $('.ItemBlock');
										var lstItem = $('#MediaLst');
										OptCat(_this, links, elm, lstItem);
									});
									
									Highlight();
									
									ScrollMedia();
								}
							});
						}
						
						if(!$.browser.msie) {
							//Cufon.replace('#'+ rel + '');
							if(rel == 'page1') {
								Cufon.replace('#page1 .TextStyleExt');
							}
							if(rel == 'page2') {
								Cufon.replace('#slider');
							}
							
							if(rel == 'page6') {
								Cufon.replace('.Info');
							}
						}
						
						if(rel == 'page4') {
							var HPrjs = $('.PageContent03').height();
							var HSpace = parseInt(swinH) - parseInt(HPrjs);
							var TPosPrjs = HSpace / 2;
								
							var WPrjs = $('.PageContent03').width();
							var WSpace = parseInt(swinW) - parseInt(WPrjs);
							var PosPrjs = WSpace / 2;
							
							$('.MenuCat').css({left: PosPrjs});
							
							$(".PageContent03").addClass("BgPage04")
								.animate({opacity:1},1000,'easeOutBack');
							$(".PageContent03")
								.animate({left: PosPrjs, top: TPosPrjs},1500,'easeInOutQuint');
						}
						
						if(rel == 'page3') {
							if(!$.browser.msie) {
								Cufon.replace('#slider001');
								Cufon.replace('#slider002');
							}
						}
					
										
						if($("#slider").length > 0 && $("#slider ul li").length > 1) {						   
							$("#slider").easySlider({
								firstShow: false, 
								lastShow: false,
								vertical: true
							});
						}
										
						if($("#slider001").length > 0 && $("#slider001 ul li").length > 1) {										
							$("#slider001").easySlider({
								prevId: 'prevBtn001',
								nextId: 'nextBtn001',
								firstShow: false, 
								lastShow: false,
								vertical: true
							});	
						}
						
						if($("#slider002").length > 0 && $("#slider002 ul li").length > 1) {										
							$("#slider002").easySlider({
								prevId: 'prevBtn002',
								nextId: 'nextBtn002',
								firstShow: false, 
								lastShow: false,
								vertical: true
							});	
						}
						
						if($('#PrjSlider').length > 0) {
							$.ajax({
								type: "GET",
								url: "data/ourproject.xml",
								dataType: "xml",
								success: function(xml) {
									$(xml).find('PROJECT').each(function(){
										var id = $(this).attr('ID');
										
										var filter = $(this).find('TYPE').text();
										
										var filters = filter.replace(/,/g, " ");
										
										$(this).find('IMAGE').each(function(){	
											var src = $(this).text();
											$('<li class="' + filters + '" id ="' + id + '"><a href="#"><img src="'+ src +'" /></a></li>')
											.appendTo('#PrjSlider');
										});
										
									});
									
									PrjSlider();
									AudioPO($(xml));
									
								}
							});

							$('ul.OptCat li a').bind('click', function(e){										 
								e.preventDefault();
								var _this = $(this);
								var links = $('ul.OptCat li a');
								var elm = $('#PrjSlider li');
								var slider = $('#PrjSlider');
								
								OptPrj(_this, links, elm, slider);
							});
									
							//Arrow click
							$('a.BtnNxt').bind('click', function(e){
								e.preventDefault();
								$('#PrjSlider').jcoverflip('next', '1', false);
								$('a.BtnPre').css('opacity','1');
								var current = $('#PrjSlider').jcoverflip('current');
								if(current == $('#PrjSlider li').length - 1) {
									$('a.BtnNxt').css('opacity', '0.4');
								} 
							});
							$('a.BtnPre').bind('click', function(e){
								e.preventDefault();
								$('#PrjSlider').jcoverflip('previous', '1', false);
								$('a.BtnNxt').css('opacity','1');
								var current = $('#PrjSlider').jcoverflip('current');
								if(current == 0) {
									$('a.BtnPre').css('opacity', '0.4');
								}
							});
							
							//Keyboard left & Keyboar right
							$(document).unbind("keydown").keydown(function(e){
								if(e.keyCode === 39) {
									e.preventDefault();
									if(jQuery("#colorbox").css("display") != "none") { 
										return false;
									} else { 
										$('#PrjSlider').jcoverflip('next', '1', false);
										
										$('a.BtnPre').css('opacity','1');
										var current = $('#PrjSlider').jcoverflip('current');
										if(current == $('#PrjSlider li').length - 1) {
											$('a.BtnNxt').css('opacity', '0.4');
										} 
									}
								} else if(e.keyCode === 37) {
									e.preventDefault();
									if(jQuery("#colorbox").css("display") != "none") { 
										return false;
									} else {
										$('#PrjSlider').jcoverflip('previous', '1', false);
										$('a.BtnNxt').css('opacity','1');
										var current = $('#PrjSlider').jcoverflip('current');
										if(current == 0) {
											$('a.BtnPre').css('opacity', '0.4');
										}
									}
								} else if(e.keyCode === 13) {
									e.preventDefault();
									if(jQuery("#colorbox").css("display") != "none") { 
										return false;
									} else {
										var iCur = $('#PrjSlider').jcoverflip('current');
										$('ul#PrjSlider li:eq('+ iCur +')').trigger('click');
									}
								}
							});
						
							//Touchwipe for iphone&ipad
							$('#PrjSlider').touchwipe({
								wipeLeft: function() { 
									$('#PrjSlider').jcoverflip('next', '1', false); 
									$('a.BtnPre').css('opacity','1');
									var current = $('#PrjSlider').jcoverflip('current');
									if(current == $('#PrjSlider li').length - 1) {
										$('a.BtnNxt').css('opacity', '0.4');
									}
								},
								wipeRight: function() { 
									$('#PrjSlider').jcoverflip('previous', '1', false);
									$('a.BtnNxt').css('opacity','1');
									var current = $('#PrjSlider').jcoverflip('current');
									if(current == 0) {
										$('a.BtnPre').css('opacity', '0.4');
									}
								},
							 	preventDefaultEvents: true
							});
						}
						
					});	
					switch (rel) {
						case "page1":
							$(this).addClass("BgPage01")
								.animate({opacity:1},1000,'easeOutBack');
							$('#page1').css({display: 'block'}).stop().animate({opacity:1},1500,'easeInOutQuint');
							if(pageContent.css('display') == 'none') {
								pageContent.empty();
							}
						break;
						case "page2":						
							$(this).addClass("BgPage02")
								.animate({opacity:1},1000,'easeOutBack');
							$('#page2').css({display: 'block'}).stop().animate({opacity:1},1500,'easeInOutQuint');
							if(pageContent.css('display') == 'none') {
								pageContent.empty();
							}
						break;
						case "page3":
							$(this).addClass("BgPage03")
								.animate({opacity:1},1000,'easeOutBack');
							$('#page3').css({display: 'block'}).stop().animate({opacity:1},1500,'easeInOutQuint');
							if(pageContent.css('display') == 'none') {
								pageContent.empty();
							}
						break;
						case "page4":
							if(pageContent.css('display') == 'none') {
								pageContent.empty();
							}
						break;
						case "page5":
							$(this).addClass("BgPage05")
								.animate({opacity:1},1000,'easeOutBack');
							$("#page5").css({display: 'block'}).stop().animate({opacity:1},1500,'easeInOutQuint');
							if(pageContent.css('display') == 'none') {
								pageContent.empty();
							}
							//$(document).unbind('keydown');
						break;
						case "page6":
							$(this).addClass("BgPage06")
								.animate({opacity:1},1000,'easeOutBack');
							$('#page6').css({display: 'block'}).stop().animate({opacity:1},1500,'easeInOutQuint');
							if(pageContent.css('display') == 'none') {
								pageContent.empty();
							}
						break;
					}
				});
			}
		}	
		return false;
	});						
	$(".PauseButton").live('click', function() {
		// do something
	});
	
	$(window).resize(function(){
		winH = $(document).height();
		$("#nav").height(winH);
		page.height(winH);

		ScrollMedia();
	});

	if($.browser.msie) { //IE
		$(window).scroll(function(){
			winH = $(document).height();
			$("#nav").height(winH);
			page.height(winH);
		});
	} else {
		$(document).scroll(function(){
			winH = $(document).height();
			$("#nav").height(winH);
			page.height(winH);
		});	
	}
});

//Pause All for the list audio
function pauseAll() {
	Cufon.replace('.ItemList a', {color: '#dcd9d9'});
	$('.PauseButton').trigger('click');	
}

//Function to Choose Media Cats
function OptCat(_this, links, elm, lstItem){
	
	var clsCat = _this.attr('class');										
	lstItem.remove();
	$('<div class="Wrapper" id="MediaLst">').appendTo('.Scroll');
	links.removeClass('Active');
	
	switch(clsCat) {
		case 'Photo':
		case 'Video':
		case 'Recording':
		case 'Makingof':
		case 'Interview':
			links.removeClass('Active');
			_this.addClass('Active');
			Cufon.replace(links, {
					hover: {color: '#fff'}
			});	
			$.ajax({
				type: "GET",
				url: "data/media.xml",
				dataType: "xml",
				success: function(xml) {
					$(xml).find('ARTICLE').each(function(){
						var id = $(this).attr('ID');				
						var title = $(this).find('TITLE').text();
						var date = $(this).find('DATE').text();
						var thumbs = $(this).find('THUMBNAIL').text();
						var content = $(this).find('CONTENT').text();
						
						var cat = $(this).find('CATEGORY').text();
										
						var cats = cat.replace(/,/g," ");
						
						var catArr = cat.split(",");
						
						switch(catArr[0]){
							case 'Photo': 
								var lnktype = 'Pt';
								var gp = '<ul id="flicker' + id + '" class="Hidden"></ul>';
								break;
							case 'Recording':
								var lnktype = 'Rd';
								var gp = '<div class="Hidden"><iframe src="" width="560" height="312" frameborder="0" class="Video' + id + '" id="Video' + id + '"></iframe></div>';
								break;
							case 'Video':
								var lnktype = 'Vd';
								var gp = '<div class="Hidden"><iframe src="" width="560" height="312" frameborder="0" class="Video' + id + '" id="Video' + id + '"></iframe></div>';
								break;
							case 'Makingof':
								var lnktype = 'Mo';
								var gp = '';
								break;
							case 'Interview':
								var lnktype = 'Iv';
								var gp = '';
								break;
							default:
								var lnktype = '';
								var gp = '';
								break;
						}
							
						for(var i = 0; i < catArr.length; i++) {
							if(clsCat == catArr[i]){
								$('<div class="ItemBlock Left ' + catArr[i] + '" id="item' + id + '"></div>').html('<div class="Thumbnail" id="' + id + '"><a href="#" class="' + lnktype + '"><img src="' + thumbs + '" alt=""/></a>' + gp + '</div><h2 class="Title">' + title + '</h2><div class="Date">' + date + '</div><div class="Content">'+ content + '</div></div>').appendTo('#MediaLst');
							}
						}
						
					});
					
					MediaPO($(xml));
										
					Cufon.replace('#MediaLst');
					//Sort Space
					$('#MediaLst').masonry({
							itemSelector: '.ItemBlock' 
					});
					
					$("#nav").height(swinH);
					page.height(swinH);
					
					Highlight();
					ScrollMedia();
				}
			});
			break;
		case 'AllCat':
			_this.addClass('Active');
			Cufon.replace(links, {
				hover: {color: '#fff'}
			});
			$.ajax({
				type: "GET",
				url: "data/media.xml",
				dataType: "xml",
				success: function(xml) {
					$(xml).find('ARTICLE').each(function(){
						var id = $(this).attr('ID');
						var title = $(this).find('TITLE').text();
						var date = $(this).find('DATE').text();
						var thumbs = $(this).find('THUMBNAIL').text();
						var content = $(this).find('CONTENT').text();
						
						var cat = $(this).find('CATEGORY').text();
								
						var cats = cat.replace(/,/g," ");
						
						var catArr = cat.split(",");
						
						switch(catArr[0]){
							case 'Photo': 
								var lnktype = 'Pt';
								var gp = '<ul id="flicker' + id + '" class="Hidden"></ul>';
								break;
							case 'Recording':
								var lnktype = 'Rd';
								var gp = '<div class="Hidden"><iframe src="" width="560" height="312" frameborder="0" class="Video' + id + '" id="Video' + id + '"></iframe></div>';
								break;
							case 'Video':
								var lnktype = 'Vd';
								var gp = '<div class="Hidden"><iframe src="" width="560" height="312" frameborder="0" class="Video' + id + '" id="Video' + id + '"></iframe></div>';
								break;
							case 'Makingof':
								var lnktype = 'Mo';
								var gp = '';
								break;
							case 'Interview':
								var lnktype = 'Iv';
								var gp = '';
								break;
							default:
								var lnktype = '';
								var gp = '';
								break;
						}
						
						$('<div class="ItemBlock Left ' + cats + '" id="item' + id + '"></div>').html('<div class="Thumbnail" id="' + id + '"><a href="#" class="' + lnktype + '"><img src="' + thumbs + '" alt=""/></a>' + gp + '</div><h2 class="Title">' + title + '</h2><div class="Date">' + date + '</div><div class="Content">'+ content + '</div></div>').appendTo('#MediaLst');
						
					});
					
					MediaPO($(xml));
										
					$('#MediaLst').appendTo('.Scroll');
					
					Cufon.replace('#MediaLst');
					$('#MediaLst').masonry({
							itemSelector: '.ItemBlock' 
					});
					
					$("#nav").height(swinH);
					page.height(swinH);
					
					Highlight();
					ScrollMedia();
				}
			});
			break;
		default:
			break;
	}
}

//Function to Option Project Type
function OptPrj(_this, links, elm, slider){
	slider.remove();
	$('a.BtnNxt').css('opacity', '1');
	$('a.BtnPre').css('opacity', '1');
	$('<ul id="PrjSlider"></ul>').appendTo('.AreaSlide');
	links.removeClass('Active');
	var clsCat = _this.attr('class');
	
	switch(clsCat) {
		case 'Action':
		case 'Drama':
		case 'Thriller':
		case 'Comedy':
				links.removeClass('Active');
				_this.addClass('Active');
				$.ajax({
					type: "GET",
					url: "data/ourproject.xml",
					dataType: "xml",
					success: function(xml){
						$(xml).find('PROJECT').each(function(){
							var id = $(this).attr('ID');
							var filter = $(this).find('TYPE').text();
							
							var filters = filter.split(",");
							
							for(var i =0; i<filters.length; i++) {
								if(filters[i] == clsCat) {
									$(this).find('IMAGE').each(function(){	
										var src = $(this).text();
										$('<li class="' + filters[i] + '" id ="' + id + '"><a href="#"><img src="'+ src +'" /></a></li>')
										.appendTo('#PrjSlider');
									});
								}
							}
						});
						
						PrjSlider();
						AudioPO($(xml));
					}
				});
			//Touchwipe for iphone&ipad
			$('#PrjSlider').touchwipe({
				wipeLeft: function() { 
					$('#PrjSlider').jcoverflip('next', '1', false); 
					$('a.BtnPre').css('opacity','1');
					var current = $('#PrjSlider').jcoverflip('current');
					if(current == $('#PrjSlider li').length - 1) {
						$('a.BtnNxt').css('opacity', '0.4');
					}
				},
				wipeRight: function() { 
					$('#PrjSlider').jcoverflip('previous', '1', false);
					$('a.BtnNxt').css('opacity','1');
					var current = $('#PrjSlider').jcoverflip('current');
					if(current == 0) {
						$('a.BtnPre').css('opacity', '0.4');
					}
				},
				preventDefaultEvents: true
			});
			Cufon.replace(links, {
					hover: {color: '#fff'}
			});				
			break;
		case 'AllPrj':
			links.removeClass('Active');
			$.ajax({
				type: "GET",
				url: "data/ourproject.xml",
				dataType: "xml",
				success: function(xml){
					$(xml).find('PROJECT').each(function(){
						var id = $(this).attr('ID');
						var filter = $(this).find('TYPE').text();
						
						var filters = filter.replace(/,/g, " ");
						
						$(this).find('IMAGE').each(function(){	
							var src = $(this).text();
							$('<li class="' + filters + '" id="' + id +'"><a href="#"><img src="'+ src +'" /></a></li>').appendTo('#PrjSlider');
						});
					});
					
					PrjSlider();
					AudioPO($(xml));
				}
			});
			_this.addClass('Active');
			Cufon.replace(links, {
				hover: {color: '#fff'}
			});
			break;
		default:
			break;
	}
}

function MediaPO(_xml) {
	$('a.Pt').each(function(){
		var pid = $(this).parent('.Thumbnail').attr('id');
		if($('#flicker'+ pid + '').html() == ''){
			var photoKey = _xml.find('ARTICLE').filter("[ID = " + pid + "]").find('IMAGE').text();
			$('#flicker'+ pid + '').jflickr({
				limit: 500,
				qstrings: {
					photoset_id: photoKey,
					api_key: '5dae9b03980e10344afd862c38843c38'
				},
				itemTemplate: '<li>'+
								'<a rel="colorbox' + pid + '" href="{{image}}" title="{{title}}">' +
									'<img src="{{image}}" alt="{{title}}" />' +
								'</a>' +
								'</li>'
			});
		}							
	});
	
	$('a').bind('click', function(e){
		e.preventDefault();
		if($(this).hasClass('Pt')){
			var pid = $(this).parent('.Thumbnail').attr('id');
			$gallery = $("a[rel='colorbox" + pid + "']")
									.colorbox({
											classTheme: "PhotoSkin", 
											current: "{total}/{current}", 
											loop: false,
											onComplete: function(){
												Cufon.replace('#cboxTitle', {fontSize: '13px'});
												Cufon.replace('#cboxCurrent', {fontSize: '13px'});
												if($('.PhotoSkin #cboxContent').length > 0) {
													$('#sharefb').clone().appendTo($('.PhotoSkin #cboxContent'));
													$('.PhotoSkin #sharefb').removeClass('Hidden');
												}
											},
											onClosed: function(){
												if($('#cboxContent #sharefb').length > 0){ 
													$('#cboxContent #sharefb').remove();
													$('#sharefb').addClass('Hidden');
												}
											}
									});
			$gallery.eq(0).click();
		}
		
		if($(this).hasClass('Vd') || $(this).hasClass('Rd')){
			var pid = $(this).parent('.Thumbnail').attr('id');
			if($('.Video' + pid +'').attr('src') == ""){
				var src = _xml.find('ARTICLE').filter("[ID = " + pid + "]").find('VIDEO').text();											
				$('.Video' + pid +'').attr('src', src);
			}		
			$(this).colorbox({inline: true, href:'#Video' + pid +''});
		}
		
	});
}

function AudioPO(_xml) {	
	$('<div class="Hidden" id="AdoCnt"></div>').appendTo('.AreaSlide');
	$('#AdoCnt').load('audio.html');

	var gpPro = '<div class="Wrapper PaddingB20"><p class="TextStyleExt02">Prodution</p><p class="TextStyleExt03" id="adoPro"></p></div>';
	
	var gpDis = '<div class="Wrapper PaddingB20"><p class="TextStyleExt02">Distribution</p><p class="TextStyleExt03" id="adoPro"></p></div>';
		
	var gpDir = '<div class="Wrapper PaddingB20"><p class="TextStyleExt02">Director</p><p class="TextStyleExt03" id="adoDir"></p></div>';
		
	var gpCast = '<div class="Wrapper PaddingB20"><p class="TextStyleExt02">Cast</p><div id="LstCast"></div></div>';
	
	$('ul#PrjSlider li').click(function(e){
		e.preventDefault();

		var aid = $(this).attr('id');
		
		var aIntro = _xml.find('PROJECT').filter("[ID = " + aid + "]")
							 	.find('AUDIOS').find('INTRO').text();

		$('#adoIntro').text(aIntro);
		
		var aDate = _xml.find('PROJECT').filter("[ID = " + aid + "]")
							 .find('AUDIOS').find('ADDATE').text();
		
		$('#adoDate').text(aDate);
		
		var aPost = _xml.find('PROJECT').filter("[ID = " + aid + "]")
							 .find('AUDIOS').find('POSTER').text(); 
		
		$('img#adoPost').attr('src', aPost);
		
		var aSite = _xml.find('PROJECT').filter("[ID = " + aid + "]")
							 .find('AUDIOS').find('SITE').text(); 
		var aSLink = _xml.find('PROJECT').filter("[ID = " + aid + "]")
							 .find('AUDIOS').find('SITE').attr('LINK');
							 
		if(aSite != '') {
			$('<a href="' + aSLink +'" title="'+ aSite +'" target="_blank">' + aSite +'</a>').appendTo('#adoSite');
		}
		
		var lfacebook = _xml.find('PROJECT').filter("[ID = " + aid + "]")
							 		.find('AUDIOS').find('FACEBOOK').text();
		
		if(lfacebook != '') {
			$('.FkAu').css({display :'block'});
			$('.FkAu').attr('href', lfacebook);
		} else {
			$('.FkAu').css({display :'none'});
		}
		
		var ltwitter = _xml.find('PROJECT').filter("[ID = " + aid + "]")
							 		.find('AUDIOS').find('TWITTER').text();
		
		if(ltwitter != '') {
			$('.TwAu').css({display :'block'});
			$('.TwAu').attr('href', ltwitter);
		} else {
			$('.TwAu').css({display :'none'});
		}
		
		var litunes = _xml.find('PROJECT').filter("[ID = " + aid + "]")
							 		.find('AUDIOS').find('ITUNES').text();
		
		if(litunes != '') {
			$('.ItAu').css({display :'block'});
			$('.ItAu').attr('href', litunes);
		} else {
			$('.ItAu').css({display :'none'});
		}
											
		_xml.find('PROJECT').filter("[ID = " + aid + "]")
		.find('AUDIOS').find('PRODUCTION').each(function(){
			var aPro = $(this).text();
			if(aPro != '') {
				$('<p class="TextStyleExt03">' + aPro + '</p>').appendTo('#LstPro');
			}
		});
		
		if($('#LstPro').text() == ''){
			$('#LstPro').siblings('p').text('');
			$('#LstPro').parents().find('div#gpPro').css('display','none');
		} else {
			$('#LstPro').parents().find('div#gpPro').css('display','block');
			$('#LstPro').siblings('p').text('production');
		}
				
		_xml.find('PROJECT').filter("[ID = " + aid + "]")
		.find('AUDIOS').find('DISTRIBUTION').each(function(){
			var aDis = $(this).text();
			if(aDis != '') {
				$('<p class="TextStyleExt03">' + aDis + '</p>').appendTo('#LstDis');
			}
		});
		
		if($('#LstDis').text() == ''){
			$('#LstDis').siblings('p').text('');			
			$('#LstDis').parents().find('div#gpDis').css('display','none');
		} else {
			$('#LstDis').parents().find('div#gpDis').css('display','block');
			$('#LstDis').siblings('p').text('distribution');
		}
			
		_xml.find('PROJECT').filter("[ID = " + aid + "]")
		.find('AUDIOS').find('DIRECTOR').each(function(){
			var aDir = $(this).text();
			if(aDir != '') {
				$('<p class="TextStyleExt03">' + aDir + '</p>').appendTo('#LstDir');
			}
		});
		
		if($('#LstDir').text() == ''){
			$('#LstDir').siblings('p').text('');	
			$('#LstDir').parents().find('div#gpDir').css('display','none');
		} else {
			$('#LstDir').parents().find('div#gpDir').css('display','block');
			$('#LstDir').siblings('p').text('director');
		}
		
		_xml.find('PROJECT').filter("[ID = " + aid + "]")
		.find('AUDIOS').find('CASTS').find('CAST').each(function(){
			var aCast = $(this).text();
			if(aCast != '') {
				$('<p class="TextStyleExt03">' + aCast + '</p>').appendTo('#LstCast');
			}
		});
		
		if($('#LstCast').text() == ''){
			$('#LstCast').siblings('p').text('');
			$('#LstCast').parents().find('div#gpCast').css('display','none');
		} else {
			$('#LstCast').siblings('p').text('cast');
			$('#LstCast').parents().find('div#gpCast').css('display','block');
		}
		
		_xml.find('PROJECT').filter("[ID = " + aid + "]")
		.find('AUDIOS').find('ABOUT').each(function(){
			var aAbt = $(this).text();
			$('<li><p class="TextStyleExt03 TextNormal">' + aAbt + '</p></li>')
			.appendTo('#LstAbout');
		});	
		
		// init list audio player
		var iTrack = 1;
		
		audioURLArr = [];
		
		_xml.find('PROJECT').filter("[ID = " + aid + "]")
		.find('AUDIOS').find('AUDIO').each(function(idx){
			var aAdo = $(this).text();
			
			audioURLArr[idx] = aAdo;
			
			if(audioURLArr.length > 0) {
				$('<div class="AudioBox" id="a'+iTrack+'">' + 
						'<div class="AudioControl">' + 
							'<div class="SubAudioControl">' + 
								'<a href="javascript:void(0);" title="Play" class="PlayButton">' + 
									'<span class="HideLabel">Play</span></a>' + 
								'<a href="javascript:void(0);" title="Pause" class="PauseButton">' + 
									'<span class="HideLabel">Pause</span></a>' + 
								'<div class="ProgressBar">' + 
									'<div class="SliderRange">' + 
										'<div class="BufferedBar"></div>' +
											'<div class="LoadBar"></div>' +
								'</div></div></div></div>' + 
								'<div class="ItemList">' + 
									'<a href="' + aAdo + '" class="Enable" rel="" title="TRACK 0' + iTrack + '">TRACK 0' + iTrack +'</a>' + 
								'</div></div>').appendTo('#LstAdo');	
			}
			
			iTrack++;
		});
		
		
		if($('#AdoPrj').length > 0) {
			$(this).colorbox({
				inline: true,
				href:"#AdoPrj",
				onComplete: function(){
						$('<audio width="300" height="32" id="audioPlayer1" autobuffer="autobuffer" controls> Your browser does not support the video tag. </audio>').appendTo("#a1");
						$('<audio width="300" height="32" id="audioPlayer1" autobuffer="autobuffer" controls> Your browser does not support the video tag. </audio>').appendTo("#a2");
						$('<audio width="300" height="32" id="audioPlayer1" autobuffer="autobuffer" controls> Your browser does not support the video tag. </audio>').appendTo("#a3");
						
						//Nav Prj					
						var track = $('#PrjSlider').jcoverflip('current');
						
						$('a.NextPrj').click(function(e){
							e.preventDefault();
							$('a.PrevPrj').css('opacity', '1');
							$('a.BtnPre').css('opacity','1');
							if(track == parseInt($('ul#PrjSlider li').length) - 1) {
								$(this).css('opacity', '0.6');
								$('a.BtnNxt').css('opacity', '0.4');
								return false;
							}
						
							$('#adoSite').empty();
							$('#LstPro').empty();
							$('#LstDis').empty();
							$('#LstDir').empty();
							$('#LstCast').empty();
							$('#LstAbout').empty();
							$('#LstAdo').empty();
							$('#prevBtn003').remove();
							$('#nextBtn003').remove();
					
							track = track + 1;
							
							$('ul#PrjSlider li').eq(track).trigger('click');
							
							if($("#slider003").length > 0 && $("#slider003 ul li").length > 1) {										
								$("#slider003").easySlider({
									prevId: 'prevBtn003',
									nextId: 'nextBtn003',
									firstShow: false, 
									lastShow: false
								});	
							}
							
							//Audio for Desktop
							if(!global.BD.iPad && !global.BD.iPhone) { 

								var flashvars = {
									mainURL: "flash/mumo_player.swf",
									autoPlay: "false"
								};
								
								var params = {
									menu: "false",
									scale: "noScale",
									allowFullscreen: "true",
									allowScriptAccess: "always",
									wmode:"transparent",
									bgcolor: "#ffffff"
								};
								
								if(audioURLArr.length > 0){
									swfobject.embedSWF("flash/mumo_preloader.swf", "audio1", "500", "100", "10.0.0", "flash/expressInstall.swf", flashvars, params);
								}
								
								$(".AudioBox").remove();
								$('#LstAdo').remove();		
							} else {
								$('<audio width="300" height="32" id="audioPlayer1" autobuffer="autobuffer" controls> Your browser does not support the video tag. </audio>').appendTo("#a1");
						$('<audio width="300" height="32" id="audioPlayer1" autobuffer="autobuffer" controls> Your browser does not support the video tag. </audio>').appendTo("#a2");
						$('<audio width="300" height="32" id="audioPlayer1" autobuffer="autobuffer" controls> Your browser does not support the video tag. </audio>').appendTo("#a3");
								//Audio for Ipad & Iphone
								$(".AudioBox").newAudio();
								$(".AudioBox").each(function(idx){					
									$(this).find('.PlayButton').bind('click', function(){												
										Cufon.replace('.ItemList a:eq('+ idx +')', {color: '#0663cc'});
									});
									$(this).find('.ItemList a').bind('click', function(){												
										Cufon.replace('.ItemList a:eq('+ idx +')', {color: '#0663cc'});
									});
								});
								
							}
						
							if($('.AudioBox').length > 0) {
									$('#LstAdo').css('border-bottom', '1px solid #414143');
							} else {
									$('#LstAdo').css('border-bottom', 'none');
							}
							
							Cufon.replace('h3');
							Cufon.replace('.TextStyleExt02');
							Cufon.replace('.ItemList a');
							Cufon.replace('.HeadingStyle02');
							Cufon.replace('.TextStyleExt03');
							$.colorbox.resize();
						});
						
						$('a.PrevPrj').click(function(e){
							e.preventDefault();

							$('a.NextPrj').css('opacity', '1');
							$('a.BtnNxt').css('opacity','1');
							if(track == 0) {
								$(this).css('opacity', '0.6');
								$('a.BtnPre').css('opacity', '0.4');
								return false;
							}
							
							$('#adoSite').empty();
							$('#LstPro').empty();
							$('#LstDis').empty();
							$('#LstDir').empty();
							$('#LstCast').empty();
							$('#LstAbout').empty();
							$('#LstAdo').empty();
							$('#prevBtn003').remove();
							$('#nextBtn003').remove();
							
							track = track - 1;
						
							$('ul#PrjSlider li').eq(track).trigger('click');
							
							if($("#slider003").length > 0 && $("#slider003 ul li").length > 1) {										
								$("#slider003").easySlider({
									prevId: 'prevBtn003',
									nextId: 'nextBtn003',
									firstShow: false, 
									lastShow: false
								});	
							}
							
							//Audio for Desktop
							if(!global.BD.iPad && !global.BD.iPhone) { 
	
								var flashvars = {
									mainURL: "flash/mumo_player.swf",
									autoPlay: "false"
								};
								
								var params = {
									menu: "false",
									scale: "noScale",
									allowFullscreen: "true",
									allowScriptAccess: "always",
									wmode:"transparent",
									bgcolor: "#ffffff"
								};
								
								if(audioURLArr.length > 0){
									swfobject.embedSWF("flash/mumo_preloader.swf", "audio1", "500", "100", "10.0.0", "flash/expressInstall.swf", flashvars, params);
								}
								
								$(".AudioBox").remove();
								$('#LstAdo').remove();		
							} else {		
								$('<audio width="300" height="32" id="audioPlayer1" autobuffer="autobuffer" controls> Your browser does not support the video tag. </audio>').appendTo("#a1");
						$('<audio width="300" height="32" id="audioPlayer1" autobuffer="autobuffer" controls> Your browser does not support the video tag. </audio>').appendTo("#a2");
						$('<audio width="300" height="32" id="audioPlayer1" autobuffer="autobuffer" controls> Your browser does not support the video tag. </audio>').appendTo("#a3");
								//Audio for Ipad & Iphone
								$(".AudioBox").newAudio();
								$(".AudioBox").each(function(idx){					
									$(this).find('.PlayButton').bind('click', function(){												
										Cufon.replace('.ItemList a:eq('+ idx +')', {color: '#0663cc'});
									});
									$(this).find('.ItemList a').bind('click', function(){												
										Cufon.replace('.ItemList a:eq('+ idx +')', {color: '#0663cc'});
									});
								});
							}
							
							if($('.AudioBox').length > 0) {
								$('#LstAdo').css('border-bottom', '1px solid #414143');
							} else {
								$('#LstAdo').css('border-bottom', 'none');
							}
							
							Cufon.replace('h3');
							Cufon.replace('.TextStyleExt02');
							Cufon.replace('.ItemList a');
							Cufon.replace('.HeadingStyle02');
							Cufon.replace('.TextStyleExt03');
							$.colorbox.resize();
						});

						$(document).unbind("keydown").keydown(function(e){
							if(e.keyCode === 39 && $("#colorbox").css("display") != "none") {
								e.preventDefault();
								
								$('a.PrevPrj').css('opacity', '1');
								$('a.BtnPre').css('opacity','1');
								if(track == parseInt($('ul#PrjSlider li').length) - 1) {
									$(this).css('opacity', '0.6');
									$('a.BtnNxt').css('opacity', '0.4');
									return false;
								}
							
								$('#adoSite').empty();
								$('#LstPro').empty();
								$('#LstDis').empty();
								$('#LstDir').empty();
								$('#LstCast').empty();
								$('#LstAbout').empty();
								$('#LstAdo').empty();
								$('#prevBtn003').remove();
								$('#nextBtn003').remove();

								track = track + 1;
																
								$('ul#PrjSlider li').eq(track).trigger('click');
								
								if($("#slider003").length > 0 && $("#slider003 ul li").length > 1) {										
									$("#slider003").easySlider({
										prevId: 'prevBtn003',
										nextId: 'nextBtn003',
										firstShow: false, 
										lastShow: false
									});	
								}
								
								if($('.AudioBox').length > 0) {
									$('#LstAdo').css('border-bottom', '1px solid #414143');
								} else {
									$('#LstAdo').css('border-bottom', 'none');
								}
								
								Cufon.replace('h3');
								Cufon.replace('.TextStyleExt02');
								Cufon.replace('.ItemList a');
								Cufon.replace('.HeadingStyle02');
								Cufon.replace('.TextStyleExt03');
								$.colorbox.resize();
							} else if(e.keyCode === 37 && $("#colorbox").css("display") != "none") {
								e.preventDefault();
								
								$('a.NextPrj').css('opacity', '1');
								$('a.BtnNxt').css('opacity','1');
								if(track == 0) {
									$(this).css('opacity', '0.6');
									$('a.BtnPre').css('opacity', '0.4');
									return false;
								}
								
								$('#adoSite').empty();
								$('#LstPro').empty();
								$('#LstDis').empty();
								$('#LstDir').empty();
								$('#LstCast').empty();
								$('#LstAbout').empty();
								$('#LstAdo').empty();
								$('#prevBtn003').remove();
								$('#nextBtn003').remove();
								
								track = track - 1;
															
								$('ul#PrjSlider li').eq(track).trigger('click');
								
								if($("#slider003").length > 0 && $("#slider003 ul li").length > 1) {										
									$("#slider003").easySlider({
										prevId: 'prevBtn003',
										nextId: 'nextBtn003',
										firstShow: false, 
										lastShow: false
									});	
								}
								
								if($('.AudioBox').length > 0) {
									$('#LstAdo').css('border-bottom', '1px solid #414143');
								} else {
									$('#LstAdo').css('border-bottom', 'none');
								}
								
								Cufon.replace('h3');
								Cufon.replace('.TextStyleExt02');
								Cufon.replace('.ItemList a');
								Cufon.replace('.HeadingStyle02');
								Cufon.replace('.TextStyleExt03');
								$.colorbox.resize();
							} else if(e.keyCode === 27 && $("#colorbox").css("display") != "none") {
								e.preventDefault();
								$.colorbox.close();
								$(document).bind("keydown", EffectKey);
							}
						});
						//End 
						
						if($("#slider003").length > 0 && $("#slider003 ul li").length > 1) {										
							$("#slider003").easySlider({
								prevId: 'prevBtn003',
								nextId: 'nextBtn003',
								firstShow: false, 
								lastShow: false
							});	
						}
						
						//Audio for Desktop
						if(!global.BD.iPad && !global.BD.iPhone) { 
							var flashvars = {
								mainURL: "flash/mumo_player.swf",
								autoPlay: "false"
							};
							
							var params = {
								menu: "false",
								scale: "noScale",
								allowFullscreen: "true",
								allowScriptAccess: "always",
								wmode:"transparent",
								bgcolor: "#ffffff"
							};
							
							if(audioURLArr.length > 0){
								swfobject.embedSWF("flash/mumo_preloader.swf", "audio1", "500", "100", "10.0.0", "flash/expressInstall.swf", flashvars, params);
							}
							
							$(".AudioBox").remove();
							$('#LstAdo').remove();
							
						} else {						
							//Audio for Ipad & Iphone
							$(".AudioBox").newAudio();
							$(".AudioBox").each(function(idx){					
								$(this).find('.PlayButton').bind('click', function(){												
									Cufon.replace('.ItemList a:eq('+ idx +')', {color: '#0663cc'});
								});
								$(this).find('.ItemList a').bind('click', function(){												
									Cufon.replace('.ItemList a:eq('+ idx +')', {color: '#0663cc'});
								});
							});
						}
						if($('.AudioBox').length > 0) {
							$('#LstAdo').css('border-bottom', '1px solid #414143');
						} else {
							$('#LstAdo').css('border-bottom', 'none');
						}
						
						Cufon.replace('h3');
						Cufon.replace('.TextStyleExt02');
						Cufon.replace('.ItemList a');
						Cufon.replace('.HeadingStyle02');
						Cufon.replace('.TextStyleExt03');
						
						$.colorbox.resize();
						
				},
				onClosed: function(){
					$('#adoSite').empty();
					$('#LstPro').empty();
					$('#LstDis').empty();
					$('#LstDir').empty();
					$('#LstCast').empty();
					$('#LstAbout').empty();
					$('#LstAdo').empty();
					$('#prevBtn003').remove();
					$('#nextBtn003').remove();
					$('a.NextPrj').unbind('click');
					$('a.PrevPrj').unbind('click');
					$(document).unbind("keydown").keydown(function(e){
						EffectKey(e);
					});
				}
			});
		}
		
	});
	
}

function PrjSlider(){
	
	$('a.BtnPre').css('opacity','0.4');
	
	$('#PrjSlider').jcoverflip({
		current: 0,
		beforeCss: function( el, container, offset ){
			return [
				$.jcoverflip.animationElement( el, { left: ( container.width( )/2 - 490 - 340*offset )+'px', top: '25px' }, { } ),
				$.jcoverflip.animationElement( el.find( 'img' ), { opacity: 0.3, width: '315px', height: '450px' }, {} )
			];
		},
		afterCss: function( el, container, offset ){
			return [
				$.jcoverflip.animationElement( el, { left: ( container.width( )/2 + 175 + 340*offset )+'px', top: '25px' }, { } ),
				$.jcoverflip.animationElement( el.find( 'img' ), { opacity: 0.3, width: '315px', height: '450px' }, {} )
			];
		},
		currentCss: function( el, container ){
			return [
				$.jcoverflip.animationElement( el, { left: ( container.width( )/2 - 158 )+'px', top: '15px' }, { } ),
				$.jcoverflip.animationElement( el.find( 'img' ), { opacity: 1, width: '315px', height: '470px' }, { } )
			];
		}
	});
}

function loadFlashCompleted() {
	if(audioURLArr != '') {
		getFlashMovieObject("audio1").initListAudioPlayer(audioURLArr);
	}
}

function getFlashMovieObject(movieName){
		
		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);
		}
}

//Hightlight media
function Highlight(){
	if($('.Thumbnail a').length > 0) {
		$('.Thumbnail a').each(function(){
				$('<span class="IconHl"></span>').appendTo($(this));
		});
	}
}

var scrollCnt;
//Scroll
function loaded() {
	scrollCnt = new iScroll('MediaLst');
}

function ScrollMedia(){
	if(global.BD.iPad || global.BD.iPhone) {
		//Scroll Media
		var HFooter = parseInt($('#footer').outerHeight());
		var HMenuCat = parseInt($('.MenuCat').outerHeight());
		var HMList = parseInt($('#MediaLst').outerHeight());
		
		var HMScroll = parseInt(swinH) - HFooter - HMenuCat + 82;
		
		if(HMList > HMScroll) {
			$('.Scroll').css({height: String(HMScroll) + 'px'});
			//Scroll
			loaded();
		} else {
			$('.Scroll').css({height: String(HMList) + 'px'});
		}
	}
}

function EffectKey(e){
	if(e.keyCode === 39) {
		e.preventDefault();
		if(jQuery("#colorbox").css("display") != "none") { 
			return false;
		} else { 
			$('#PrjSlider').jcoverflip('next', '1', false);
			
			$('a.BtnPre').css('opacity','1');
			var current = $('#PrjSlider').jcoverflip('current');
			if(current == $('#PrjSlider li').length - 1) {
				$('a.BtnNxt').css('opacity', '0.4');
			} 
		}
	} else if(e.keyCode === 37) {
		e.preventDefault();
		if(jQuery("#colorbox").css("display") != "none") { 
			return false;
		} else {
			$('#PrjSlider').jcoverflip('previous', '1', false);
			$('a.BtnNxt').css('opacity','1');
			var current = $('#PrjSlider').jcoverflip('current');
			if(current == 0) {
				$('a.BtnPre').css('opacity', '0.4');
			}
		}
	} else if(e.keyCode === 13) {
		e.preventDefault();
		if(jQuery("#colorbox").css("display") != "none") { 
			return false;
		} else {
			var iCur = $('#PrjSlider').jcoverflip('current');
			$('ul#PrjSlider li:eq('+ iCur +')').trigger('click');
		}
	}
	return false;
}