﻿// screenNames

// The display type
screenName = {
        YouTubeVideoSelect : 0,
        VeohVideoSelect: 1,
        YouTubeVideoSearch: 2,
        VeohVideoSearch: 3,
        VideoWatch: 4,
        User: 5,
        Home: 6
}



function searchVideoTypeChanged()
{
  // alert("hjiojop");
  //  debugger;
    
   
 
   
    dropdown = document.getElementById("ctl00_videoSearchSiteDropDown");
    
    if (dropdown.value == "Veoh")
    {
        createCookie("searchVideoType", "1", "");
    }
    else
    {
        eraseCookie("searchVideoType");
    }
}


 
 // Function to change CSS classes
 function change(id, newClass) 
{
    identity=document.getElementById(id);
    identity.className=newClass;
}





function CheckYouTubeLogin(){
     return loggedInYouTube;
}


function CheckVeohLogin(){
     return loggedInVeoh;
}



// Drop Down Menus

function showDrop(id) 
{
	var d = document.getElementById(id);
	if (d) 
	{
		d.style.display='block';
	}
}

function hideDrop(id) 
{
	var d = document.getElementById(id);
	if (d) 
	{
		d.style.display='none';
	}
}

function showSMenu(i) 
{
	var mainID = 'topnav_' + i;
	var mainE = document.getElementById(mainID);
	if (mainE) 
	{
		newID = mainID + 'hover';
		mainE.id = newID;
	}

	showDrop(i + '_drop');
}

function hideSMenu(i) 
{
	var mainID = 'topnav_' + i;
	var mainE = document.getElementById(mainID + 'hover');
	if (mainE) 
	{
		mainE.id = mainID;
	}
	hideDrop(i + '_drop');
}


// for logo swap in nav

// define image files and give the filenames



//img1     = new Image(150,56);
//img1.src = "css/Images/logo1.gif";

//img2     = new Image(150,56);
//img2.src = "css/Images/logo5.gif";

//img3     = new Image(70,25);
//img3.src = "http://p-static.veoh.com/images/miniNav/mininav_logo_mouseout.jpg";

//img4     = new Image(70,25);
//img4.src = "http://p-static.veoh.com/images/miniNav/mininav_logo_mouseover.jpg";





function changeimage(imgx,placex)  
{ 
    if (document.images) 
    { 
        document.images[placex].src = eval(imgx + ".src");
    }
}



/*----------------------------------------
      Toggle Grid View Functions
-------------------------------------------*/
var doneVeoh = false;
var  doneYouTube = false;

function toogleViewType(viewType, sectionName)
{
    hideInline(viewType=='L'? sectionName + "NotList": sectionName + "List");
    showInline(viewType=='L'? sectionName + "List": sectionName + "NotList");
    hideInline(viewType=='L'? sectionName + "Grid": sectionName + "NotGrid");
    showInline(viewType=='L'? sectionName + "NotGrid": sectionName + "Grid");
  
   sectionID = sectionName + "VideoSection";
  
    if( document.getElementById(sectionID))
    {
        removeClass(document.getElementById(sectionID),viewType=='L'?"browseGridView":"browseListView");
        addClass(document.getElementById(sectionID),viewType=='L'?"browseListView":"browseGridView");
    }
    

    
    saveViewCookie(viewType);
    
    changeGridViewType(viewType, sectionName);

  
  if (sectionName == "youTubeSearch" && doneVeoh == false)
      {
        doneVeoh = true;
        toogleViewType(viewType, "veohSearch");
      }
      
      if (sectionName == "veohSearch" && doneYouTube == false)
      {
        doneYouTube = true;
        toogleViewType(viewType, "youTubeSearch");
      }
      
      doneVeoh = false;
      doneYouTube = false;
}

function changeGridViewType(viewType, sectionName)
{
  switch(screenID)
  {
      case screenName.VideoWatch:
      case screenName.User:
          if (sectionName == "userFavorites") {
              if (viewType == "L") {
                  videoDisplayModeVideosFavorites = "ListView";
              }
              if (viewType == "G") {
                  videoDisplayModeVideosFavorites = "GridView";
              }
          }
        
         if (sectionName == "recommended")
        {
         if(viewType == "L")
         {
            videoDisplayModeRecommendedVideos = "ListView";
         }
         if(viewType == "G")
         {
            videoDisplayModeRecommendedVideos = "GridView";
         }
        }
        
        
        if (sectionName == "related")
        {
         if(viewType == "L")
         {
            videoDisplayModeRelatedVideos = "ListView";
         }
         if(viewType == "G")
         {
            videoDisplayModeRelatedVideos = "GridView";
         }
        }
    
        if (sectionName == "user")
        {
         if(viewType == "L")
         {
            videoDisplayModeUserVideos = "ListView";
         }
         if(viewType == "G")
         {
            videoDisplayModeUserVideos = "GridView";
         }
        }    
        
         if (sectionName == "videoResponses")
        {
         if(viewType == "L")
         {
            videoDisplayModeVideosResponses = "ListView";
         }
         if(viewType == "G")
         {
            videoDisplayModeVideosResponses = "GridView";
         }
        }
        
    
        break;
  }

}


function saveViewCookie(viewType)
{

//debugger;
  switch(screenID)
  {
    case screenName.YouTubeVideoSelect:
        if(viewType == 'L')
        {
            createCookie("ytVideoSelectListView", "1", 7);
        }
        else
       {
             eraseCookie("ytVideoSelectListView");
       }
        break;
    case screenName.VeohVideoSelect:
      if(viewType == 'L')
        {
            createCookie("voVideoSelectListView", "1", 7);
        }
        else
       {
             eraseCookie("voVideoSelectListView");
       }
        break;
    case screenName.YouTubeVideoSearch:
    case screenName.VeohVideoSearch:
        if(viewType == 'G')
        {
            createCookie("searchGridView", "1", 7);
        }
        else
       {
             eraseCookie("searchGridView");
       }
        break;

    case screenName.VideoWatch:
         // Do nothing
        break;
    case screenName.User:
        // Do nothing   
        break;
    case screenName.Home:
        // Do nothing
        break;
    default:
      // Do nothing
        
        
  }
}



function readCookie(name) 
{
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	
	for(var i=0;i < ca.length;i++) 
	{
		var c = ca[i];
	
		while (c.charAt(0)==' ')
		{ 
		    c = c.substring(1,c.length);
		}
		if (c.indexOf(nameEQ) == 0)
		{
		    return c.substring(nameEQ.length,c.length);
		}
	}
	return null;
}


function createCookie(name,value,days) 
{
	if (days) 
	{
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}


function eraseCookie(name){
createCookie(name,"",-1);
}


function hideInline(elementName)
{
    var theElement = document.getElementById(elementName);
    if(theElement)
    {
        theElement.style.display = "none";
    }
}

function showInline(elementName){
    var theElement=document.getElementById(elementName);
    if(theElement)
    {
        theElement.style.display = "inline";
    }
}


function removeClass(element,_class)
{
    var upperClass=_class.toUpperCase();
    var remainingClasses=[];
    if(element.className)
    {
        var classes=element.className.split(' ');
        
        for(var i=0;i<classes.length;i++)
        {
            if(classes[i].toUpperCase()!=upperClass)
            {
             remainingClasses[remainingClasses.length]=classes[i];
            }
        }
        element.className=remainingClasses.join(' ');
    }
}

function addClass(element,_class)
{
    if(!hasClass(element,_class))
    {
        element.className+=element.className?(" "+_class):_class;
    }
}

function hasClass(element,_className)
{
    if(!element)
    {
        return;
    }
}



function ManageOrderByLinks(sectionName, orderBy)
{
    var functionName = "";
    
    switch(sectionName)
    {
    case "Favorites":
         functionName = "GetFavoritiedVideo";
         break;
    case "Related":
        functionName = "GetRelatedVideos";
        break;
    case "Responses":
        functionName = "GetVideoResponses";
        break;
    case "User":
        functionName = "GetUserVideos";
        break;
    case "YouTubeSearch":
    case "VeohSearch":
        functionName = "GetSearchResults";
        break;
     }
     
 
    var hypRelevanceID = eval("hyp" + sectionName + "RelevanceID");
    var hypRecentID = eval("hyp" + sectionName + "RecentID");
    var hypRatedID = eval("hyp" + sectionName + "RatedID");
    var hypViewedID = eval("hyp" + sectionName + "ViewedID");

    var relevanceLink = document.getElementById(hypRelevanceID);
    var recentLink = document.getElementById(hypRecentID);
    var ratedLink = document.getElementById(hypRatedID);
    var viewedLink = document.getElementById(hypViewedID);



    switch(orderBy)
    {
        case "relevance":
        case "Relevance":
            relevanceLink.removeAttribute("href");
            relevanceLink.className = "subcategory selected"; 
            if(sectionName == "YouTubeSearch")
            {
                recentLink.href = "javascript:" + functionName + "(1,\"YouTube\", \"published\")";
                recentLink.className = "subcategory"; 
                ratedLink.href = "javascript:" + functionName + "(1,\"YouTube\", \"rating\")";
                ratedLink.className = "subcategory"; 
                viewedLink.href = "javascript:" + functionName + "(1,\"YouTube\", \"viewCount\")";
                viewedLink.className = "subcategory"; 
            
            }
            else if(sectionName == "VeohSearch")
            {
                recentLink.href = "javascript:" + functionName + "(1,\"Veoh\", \"MostRecent\")";
                recentLink.className = "subcategory"; 
                ratedLink.href = "javascript:" + functionName + "(1,\"Veoh\", \"TopRated\")";
                ratedLink.className = "subcategory";
                viewedLink.href = "javascript:" + functionName + "(1,\"Veoh\", \"MostViewed\")";
                viewedLink.className = "subcategory"; 
            }
            else
            {
                recentLink.href = "javascript:" + functionName + "(1, \"published\")";
                recentLink.className = "subcategory"; 
                ratedLink.href = "javascript:" + functionName + "(1, \"rating\")";
                ratedLink.className = "subcategory"; 
                viewedLink.href = "javascript:" + functionName + "(1, \"viewCount\")";
                viewedLink.className = "subcategory"; 
            }
            break;
        case "published":
        case "MostRecent":
            recentLink.removeAttribute("href");
            recentLink.className = "subcategory selected"; 
            
            if(sectionName == "YouTubeSearch")
            {
                relevanceLink.href = "javascript:" + functionName + "(1,\"YouTube\", \"relevance\")";
                relevanceLink.className = "subcategory"; 
                ratedLink.href = "javascript:" + functionName + "(1,\"YouTube\", \"rating\")";
                ratedLink.className = "subcategory"; 
                viewedLink.href = "javascript:" + functionName + "(1,\"YouTube\", \"viewCount\")";
                viewedLink.className = "subcategory"; 
            }
            else if(sectionName == "VeohSearch")
            {
                relevanceLink.href = "javascript:" + functionName + "(1,\"Veoh\", \"Relevance\")";
                relevanceLink.className = "subcategory"; 
                ratedLink.href = "javascript:" + functionName + "(1,\"Veoh\", \"TopRated\")";
                ratedLink.className = "subcategory";
                viewedLink.href = "javascript:" + functionName + "(1,\"Veoh\", \"MostViewed\")";
                viewedLink.className = "subcategory"; 
            
            }
            else
            {
                relevanceLink.href = "javascript:" + functionName + "(1, \"relevance\")";
                relevanceLink.className = "subcategory"; 
                ratedLink.href = "javascript:" + functionName + "(1, \"rating\")";
                ratedLink.className = "subcategory"; 
                viewedLink.href = "javascript:" + functionName + "(1, \"viewCount\")";
                viewedLink.className = "subcategory"; 
            }
            break;
        case "viewCount":
        case "MostViewed":
            viewedLink.removeAttribute("href");
            viewedLink.className = "subcategory selected"; 
            
            if(sectionName == "YouTubeSearch")
            {
                relevanceLink.href = "javascript:" + functionName + "(1,\"YouTube\", \"relevance\")";
                relevanceLink.className = "subcategory"; 
                ratedLink.href = "javascript:" + functionName + "(1,\"YouTube\", \"rating\")";
                ratedLink.className = "subcategory"; 
                recentLink.href = "javascript:" +  functionName + "(1,\"YouTube\", \"published\")";
                recentLink.className = "subcategory"; 
            }
            else if(sectionName == "VeohSearch")
            {
                relevanceLink.href = "javascript:" + functionName + "(1,\"Veoh\", \"Relevance\")";
                relevanceLink.className = "subcategory"; 
                ratedLink.href = "javascript:" + functionName + "(1,\"Veoh\", \"TopRated\")";
                ratedLink.className = "subcategory"; 
                recentLink.href = "javascript:" +  functionName + "(1,\"Veoh\", \"MostRecent\")";
                recentLink.className = "subcategory"; 
            }
             else
            {
                relevanceLink.href = "javascript:" + functionName + "(1, \"relevance\")";
                relevanceLink.className = "subcategory"; 
                ratedLink.href = "javascript:" + functionName + "(1, \"rating\")";
                ratedLink.className = "subcategory"; 
                recentLink.href = "javascript:" +  functionName + "(1, \"published\")";
                recentLink.className = "subcategory"; 
            }
            break;
        case "rating":
        case "TopRated":
            ratedLink.removeAttribute("href");
            ratedLink.className = "subcategory selected"; 
            
             if(sectionName == "YouTubeSearch")
            {
                relevanceLink.href = "javascript:" + functionName + "(1, \"YouTube\", \"relevance\")";
                relevanceLink.className = "subcategory"; 
                viewedLink.href = "javascript:" + functionName + "(1, \"YouTube\", \"viewCount\")";
                viewedLink.className = "subcategory"; 
                recentLink.href = "javascript:" + functionName + "(1, \"YouTube\", \"published\")";
                recentLink.className = "subcategory"; 
             }
              else if(sectionName == "VeohSearch")
            {
                relevanceLink.href = "javascript:" + functionName + "(1, \"Veoh\", \"Relevance\")";
                relevanceLink.className = "subcategory";
                viewedLink.href = "javascript:" + functionName + "(1, \"Veoh\", \"MostViewed\")";
                viewedLink.className = "subcategory"; 
                recentLink.href = "javascript:" + functionName + "(1, \"Veoh\", \"MostRecent\")";
                recentLink.className = "subcategory"; 
            
             }
             else
            {
                 relevanceLink.href = "javascript:" + functionName + "(1,\"relevance\")";
                relevanceLink.className = "subcategory"; 
                viewedLink.href = "javascript:" + functionName + "(1, \"viewCount\")";
                viewedLink.className = "subcategory"; 
                recentLink.href = "javascript:" + functionName + "(1, \"published\")";
                recentLink.className = "subcategory"; 
            }
            break;
    }
}