var products_id;
var shown = false;
var appendTo = document.body;
var showProduct = 0;

tab_init = function(product_id) {
    YAHOO.namespace("wog_tabs");
    YAHOO.wog_tabs = new YAHOO.widget.TabView({id: 'panel_h'});

    YAHOO.wog_tabs.addTab(new YAHOO.widget.Tab({
        label: 'size & color',
        dataSrc: 'get_add_info.php?tab=size&tab_id='+product_id,
        active: true,
        cacheData: true
    }));

    YAHOO.wog_tabs.addTab(new YAHOO.widget.Tab({
        label: 'overview',
        dataSrc: 'get_add_info.php?tab=overview&tab_id='+product_id,
        cacheData: true /* only load once */

    }));

    YAHOO.util.Event.onContentReady('panel', function() {
        YAHOO.wog_tabs.appendTo('panel');
    });
    return "";
};

tab_init_nodetails = function(product_id, catalog_id) {
    YAHOO.namespace("wog_tabs");
    YAHOO.wog_tabs = new YAHOO.widget.TabView({id: 'panel_h'});

    YAHOO.wog_tabs.addTab(new YAHOO.widget.Tab({
        label: 'size & color',
        dataSrc: 'get_add_info.php?tab=size&nodetails=1&tab_id='+product_id+'&catalog_id='+catalog_id,
        active: true,
        cacheData: true
    }));

    YAHOO.wog_tabs.addTab(new YAHOO.widget.Tab({
        label: 'overview',
        dataSrc: 'get_add_info.php?tab=overview&nodetails=1&tab_id='+product_id,
        cacheData: true /* only load once */

    }));

    YAHOO.util.Event.onContentReady('panel', function() {
        YAHOO.wog_tabs.appendTo('panel');
    });
    return "";
};

//tab_init(5570);

YAHOO.namespace("wog_panel");

function init(id) {
    if(shown == true){
        YAHOO.wog_panel.destroy();
        shown=false;
    }
    appendTo='tab'+id;
    showProduct='show'+id;
    products_id=id;
	YAHOO.wog_panel = new YAHOO.widget.Panel("panel", {
        width:"350px", visible:false, draggable:true, close:true, constraintoviewport:false, fixedcenter:false, underlay: "none"
    } );
    YAHOO.wog_panel.setHeader("");
	YAHOO.wog_panel.setBody(tab_init(products_id));
	//YAHOO.wog_panel.setFooter("End of Panel #2");
	YAHOO.wog_panel.render(document.getElementById(appendTo));

	YAHOO.wog_panel.show();
	shown = true;

	//YAHOO.util.Event.addListener(appendTo, "click", YAHOO.wog_panel.show, panel, true);
	//YAHOO.util.Event.addListener(appendTo, "click", YAHOO.wog_panel.hide, panel, true);
}

//YAHOO.util.Event.addListener(window, "load", init);


function init_nodetails(id, catalog_id) {
    if(shown == true){
        YAHOO.wog_panel.destroy();
        shown=false;
    }
    appendTo='tab'+id;
    showProduct='show'+id;
    products_id=id;
	YAHOO.wog_panel = new YAHOO.widget.Panel("panel", {
        width:"350px", visible:false, draggable:true, close:true, constraintoviewport:false, fixedcenter:false, underlay: "none"
    } );
    YAHOO.wog_panel.setHeader("");
	YAHOO.wog_panel.setBody(tab_init_nodetails(products_id, catalog_id));
	//YAHOO.wog_panel.setFooter("End of Panel #2");
	YAHOO.wog_panel.render(document.getElementById(appendTo));

	YAHOO.wog_panel.show();
	shown = true;

	//YAHOO.util.Event.addListener(appendTo, "click", YAHOO.wog_panel.show, panel, true);
	//YAHOO.util.Event.addListener(appendTo, "click", YAHOO.wog_panel.hide, panel, true);
}