var tabView;
var planTabView;
var unitTitle = new YAHOO.util.Element('pi-unit-title');
var oMenu;

var initTabView = function(){
    if (tabView != null){
        tabView.getTab(0).set("dataSrc", null);
        tabView.getTab(0).set("content", "");
        tabView.getTab(0).set("contentVisible", true);
        tabView.getTab(1).set("dataSrc", null);
       tabView.getTab(1).set("content", "<div></div>");
        tabView.getTab(1).set("label", "Unit Plans");
        tabView.getTab(2).set("dataSrc", null);
        tabView.getTab(2).set("content", "<div></div>");
        tabView.set("activeIndex", 0);
        unitTitle.set('innerText', "Select a Plan");

    }

};

var invokeAbout = function(projId) {
    tabView.getTab(0).set("dataSrc", "proj/" + piProjects[projId].id + "/plan/about.htm");
    tabView.getTab(0).set("contentVisible", true);
    tabView.getTab(1).set("dataSrc", "proj/" + piProjects[projId].id + "/plan/start.htm");
    tabView.getTab(1).set("label", " Unit Plans");
    tabView.getTab(2).set("dataSrc", "proj/" + piProjects[projId].id + "/plan/features.htm");
    tabView.set("activeIndex", 0);
    
    unitTitle.set('innerText', piProjects[projId].name);
  
};

var invokeUnit = function(p_sType, p_aArgs, p_oValue) {
    tabView.getTab(1).set("dataSrc", "proj/" + piProjects[p_oValue[0]].id + "/plan/" + piProjects[p_oValue[0]].unit[p_oValue[1]].id + ".htm");
    tabView.getTab(1).set("label", piProjects[p_oValue[0]].unit[p_oValue[1]].name + " Plans");
    tabView.getTab(1).set("contentVisible", true);
    
    tabView.set("activeIndex", 1);
};

YAHOO.util.Event.onContentReady("project-tab", function(ev) {

    tabView = new YAHOO.widget.TabView("project-tab");

    tabView.addTab(new YAHOO.widget.Tab({
        label: 'About',
        active: true,
        cacheData: false
    }));

    tabView.addTab(new YAHOO.widget.Tab({
        label: 'Unit Plans',
        cacheData: false
    }));
    
    tabView.addTab(new YAHOO.widget.Tab({
        label: 'Features',
        cacheData: false
    }));


    //tabView.set("activeIndex", 0);
    initTabView();
    
    tabView.getTab(1).subscribe("contentChange", function(e) {
        planTabView = new YAHOO.widget.TabView('pi-plans');

        planTabView.set("activeIndex", 0);
    });

});

YAHOO.util.Event.onAvailable("projects", function(ev) {
    var s1 = "";
 	var menu1 = new YAHOO.widget.AccordionView('mymenu6', {collapsible: true, expandable: false, width: '240px', animate: true, animationSpeed: '0.2'});		
    for (var i = 0; i < piProjects.length; i++){
         s1  =      '<div id="renderpanel' + i + '" ></div>';
         s1 +=      '<div style="height: 400px; overflow: auto;">';
         s1 +=      '   <img alt="" src="' + piProjects[i].img + '" />';
         s1 +=      '</div>';
        menu1.addPanel({label: piProjects[i].name, content: s1});        
    }
    menu1.appendTo('projects');
    var s2 = getParameter("p");
    
    if (s2 != null){
        var index1 = parseInt(s2);
        menu1.openPanel(index1);
    }
    
    menu1.on("afterPanelOpen", function(e){
        createMenu(e.index);
        invokeAbout(e.index);
    });
    menu1.on("afterPanelClose", function(e){
        initTabView();

        if (oMenu) oMenu.destroy();
    });


    
});


var createMenu = function(idx) {

if (piProjects[idx].unit.length == 0) return;
    var renderpanel = "renderpanel" + idx;
    oMenu = new YAHOO.widget.Menu("basicmenu1", { clicktohide: false, visible: true, maxheight: 130, minscrollheight: 50, keepopen: true, context: [renderpanel, "tl", "tl"] });

    for (var i = 0; i < piProjects[idx].unit.length; i++){
        oMenu.addItem({ text: piProjects[idx].unit[i].name, onClick: { fn: invokeUnit, obj: [idx, i]} });
    }
    

    oMenu.render(renderpanel);
    oMenu.show();
    oMenu.setInitialSelection();
    YAHOO.util.Dom.setStyle(renderpanel, 'opacity', 0.75);



};


var getParameter = function( parameterName ) {
  var queryString = window.location.search.substring(1).toLowerCase();
  var parameters = new Array();
  parameters = queryString.split('&');
  for(var i = 0; i < parameters.length; i++) {
    if (parameters[i].indexOf(parameterName.toLowerCase())>=0) {
      var parameterValue = new Array();
      parameterValue = parameters[i].split('=');
      return parameterValue[1];
    }
  }
  return null;
}