// JavaScript Document
$(document).ready(function(){
	$("#contentBOX").css({'background':'url()'});
	
	
	$("#videoInfo2").hide();
	var btn1 = "folioMenuBtn1";
	var btn2 = "folioMenuBtn2";
	var btn3 = "folioMenuBtn3";
	
	$("#contentBOX").load("videoPages/commercial.html .thumbnails",function(){
			folioThumbAction();
			$("#folioMenuBtn1").addClass("folioMenuBtnActive");
	});
	
	$(".folioMenuBtn").mouseover(function(){
		var active = $(this).hasClass("folioMenuBtnActive");
		if(active == false){
			$(this).addClass("folioMenuBtnHover");	
		}			
	}).mouseout(function(){
		var active = $(this).hasClass("folioMenuBtnActive");
		if(active == false){
			$(this).removeClass("folioMenuBtnHover");
		}else{
			return false;	
		}		
	});
	
	$(".folioMenuBtn").click(function(){
			var btnID = $(this).attr("id");
			$(this).removeClass("folioMenuBtnHover");
			var active = $(this).hasClass("folioMenuBtnActive");
		if(active != true){
			sideMenuNavigation(btnID);
		}else{
			return false;	
		}
	});
	
	function sideMenuNavigation(btnID){			  
				  if(btnID==btn1){
					  $("#contentBOX").load("videoPages/commercial.html .thumbnails",function(){
						  $("#folioMenuBtn1").addClass("folioMenuBtnActive");
						  $("#folioMenuBtn2").removeClass("folioMenuBtnActive");
						  $("#folioMenuBtn3").removeClass("folioMenuBtnActive");
						  folioThumbAction();
						  return false;
						});
				  }else if(btnID == btn2){
					  $("#contentBOX").load("videoPages/filmtv.html .thumbnails",function(){
						  $("#folioMenuBtn2").addClass("folioMenuBtnActive");
						  $("#folioMenuBtn1").removeClass("folioMenuBtnActive");
						  $("#folioMenuBtn3").removeClass("folioMenuBtnActive");
						  folioThumbAction();
						  return false;
				  	  	});
				  }else if(btnID == btn3){
					  $("#contentBOX").load("videoPages/customTracks.html .thumbnails",function(){
						  $("#folioMenuBtn3").addClass("folioMenuBtnActive");
						  $("#folioMenuBtn2").removeClass("folioMenuBtnActive");
						  $("#folioMenuBtn1").removeClass("folioMenuBtnActive");
						  var x = "";
						  var y = "";
						  songName(x,y);
						  customTracksContent();
						  return false;
				  		});
				  }else{
					  return false;
				  }
			}
			
	function folioThumbAction(){
		
		
		if ($("#videoPlayer").is(":visible")){
			$("#videoInfo2").show();
		}else{
			$("#videoInfo2").hide();
		}
		
		var tBG = $(".thumbnails").hasClass("tracksBG");
		if(tBG == true){
			$(".thumbnails").removeClass("tracksBG");
		}
		
		$(".thumb").click(function(){
				var t =$(this).attr("title");
				$("#videoInfo2").text(t);
				$("#videoInfo1").hide();
				$("#videoInfo2").show();
		});
			
		$(".thumb").hover(function(){
							$(this).css({'cursor':'pointer',
										 'filter:progid':'DXImageTransform.Microsoft.Alpha(opacity=80)',
										 '-moz-opacity': '0.80',
										 'opacity': '0.80'
										});
							var t = $(this).attr("title");
							$("#videoInfo1").text(t);		
						},function(){
							$(this).css({'filter:progid':'DXImageTransform.Microsoft.Alpha(opacity=100)',
										 '-moz-opacity': '1',
										 'opacity': '1'
										});
							$("#videoInfo1").text("");
		
		});
		
		$(".videoThumb").click(function () {
			
			var x = $(this).attr("id");
			videoName(x);
			
			if($("#videoPlayer").is(":hidden")){
				$("#videoPlayer").slideDown(500);
				$("#content").animate({height:"830px"},500);
				$("#mainContainer").animate({height:"1030px"},500);
				$("#footer").animate({marginTop:"945px"},500);
				$("#closeBtn").show();
				return false;
			} else {
				return false;
				}
			
		});
		
		$("#closeBtn").click(function(){
			if($("#videoPlayer").is(":visible")){
				closeVidPlayer();
			}else{
				}
		});
	}
	
	function closeVidPlayer(){
				$(document).scrollTop(0);
				$("#closeBtn").hide();
				$("#playerDiv").replaceWith('<div id="playerDiv"></div>');
				$("#videoInfo1").show();
				$("#videoInfo2").hide();
				
				$("#videoPlayer").slideUp(500);
				$("#content").animate({height:"450px"},500);
				$("#footer").animate({marginTop:"565px"},500);
				$("#mainContainer").animate({height:"650px"},500);
				return false;		
	}
	
	function customTracks(){
		$(".genreBUTTON").hover(function(){
			var HC = $(this).hasClass("genreBUTTONactive");
			if(HC != true){
				$(this).addClass("genreBUTTONhover");
			}
			return false;
		},function(){
			var HC = $(this).hasClass("genreBUTTONactive");
			if(HC != true){
				$(this).removeClass("genreBUTTONhover");
			}
			return false;
		});
		$(".musicTrack").hover(function(){
				$(this).css({'color':'#fff', 'cursor':'pointer'});
				var genreID = $(this).attr("id");
				var genreIMG = "#"+genreID+" > div";
					$(genreIMG).addClass("spkerIcon1HOVER");
				return false;
		},function(){
				$(this).css({'color':'#333','cursor':'pointer'});
				var genreID = $(this).attr("id");
				var genreIMG = "#"+genreID+" > div";
					$(genreIMG).removeClass("spkerIcon1HOVER");
					return false;
		});
		
		$(".musicTrack").click(function(){
				if($("#videoPlayer").is(":visible")){
					closeVidPlayer();
				}else{
				}
				var sT = $(this).attr("title");
				var sN = $(this).attr("id");
				songName(sN,sT);
				return false;
		});
		
	}
	function customTracksContent(){
			var tBG = $(".thumbnails").hasClass("tracksBG");
			if(tBG != true){
				$(".thumbnails").addClass("tracksBG");
			}
			$("#genreContentBOX").load("videoPages/customTracks.html #genre1INFO",function(){
				   customTracks();
				   $("#genre1").addClass("genreBUTTONactive");
			});
			
			$(".genreBUTTON").click(function(){
				var btnID = $(this).attr("id");
				$(this).removeClass("genreBUTTONhover");
				var active = $(this).hasClass("genreBUTTONhover");
				if(active != true){
					genreMenuNav(btnID);
				}else{
					return false;	
				}
			});
			
			function genreMenuNav(x){
				var gID = "#"+x;
				var gINFO1 = "#"+x+"INFO";
				
				$("#genreContentBOX").load("videoPages/customTracks.html "+gINFO1,function(){
				   customTracks();
				   $(".genreBUTTON").removeClass("genreBUTTONactive");
				   $(gID).addClass("genreBUTTONactive");
				});
				
			}
	}
});