﻿var StudioPicks = new Class({
    
    initialize: function(divFeaturedTabID, divMostTabID, divFeaturedContentID, divMostContentID, imgFavesID, imgPopularID, activeID)
    {
        var classRef = this;
        this.divFeaturedContentID = divFeaturedContentID;
        this.divMostContentID = divMostContentID;
        
        this.divFeaturedTab = $(divFeaturedTabID);
        this.divMostTab = $(divMostTabID);   
                         
        this.imgFaves = $(imgFavesID);
        this.imgPopular = $(imgPopularID);                    
        this.divFeaturedContent = $(divFeaturedContentID);
        this.divMostContent = $(divMostContentID);                    
        
        this.activeID = activeID;   
        
        if (activeID == divFeaturedContentID)
        {
            classRef.divMostContent.className = "border_cfc6aa NotDisplay";
            classRef.divFeaturedContent.className = "border_cfc6aa Display";
            classRef.divFeaturedTab.className =  "float_left";
            classRef.divMostTab.className =  "hand float_left";
        }
        else
        {
            classRef.divMostContent.className = "border_cfc6aa Display";
            classRef.divFeaturedContent.className = "border_cfc6aa NotDisplay"; 
            classRef.divFeaturedTab.className =  "hand float_left";
            classRef.divMostTab.className =  "float_left";                                               
            classRef.imgFaves.src = classRef.imgFaves.src.replace("5min_faves_tab_on.gif","5min_faves_tab_off.gif");
            classRef.imgPopular.src = classRef.imgPopular.src.replace("popular_now_tab_off.gif","popular_now_tab_on.gif");
        }                   
        
        this.divFeaturedTab.addEvent('click', function(e){
            e = new Event(e);  
            if (classRef.activeID != classRef.divFeaturedContentID)
            {
                classRef.divFeaturedContent.className = "border_cfc6aa Display";
                classRef.divMostContent.className = "border_cfc6aa NotDisplay";
                classRef.divFeaturedTab.className =  "float_left";
                classRef.divMostTab.className =  "hand float_left";
                classRef.activeID = classRef.divFeaturedContentID;
                classRef.imgFaves.src = classRef.imgFaves.src.replace("5min_faves_tab_off.gif","5min_faves_tab_on.gif");
                classRef.imgPopular.src = classRef.imgPopular.src.replace("popular_now_tab_on.gif","popular_now_tab_off.gif");
            }
            e.stop();
        });
        
        this.divMostTab.addEvent('click', function(e){
            e = new Event(e);  
            if (classRef.activeID != classRef.divMostContentID)
            {
                classRef.divFeaturedContent.className = "border_cfc6aa NotDisplay";
                classRef.divMostContent.className = "border_cfc6aa Display";
                classRef.divFeaturedTab.className =  "hand float_left";
                classRef.divMostTab.className =  "float_left";                       
                classRef.activeID = classRef.divMostContentID;
                classRef.imgFaves.src = classRef.imgFaves.src.replace("5min_faves_tab_on.gif","5min_faves_tab_off.gif");
                classRef.imgPopular.src = classRef.imgPopular.src.replace("popular_now_tab_off.gif","popular_now_tab_on.gif");
            }
            e.stop();
        });
    }         
});


