YAHOO.util.Event.addListener(window, "load", function() { 
    YAHOO.example.EnhanceFromMarkup = new function() { 
        var myColumnDefs = [ 
			{key:"buysell",label:"B/S",sortable:true},
			{key:"stype",label:"Type",sortable:true},
			{key:"sname",label:"Name",sortable:true},
            {key:"datetime",label:"Time",sortable:true}, 
            {key:"rate",label:"Rate",sortable:true}, 
            {key:"sl",label:"SL",sortable:true}, 
            {key:"target",label:"Target",sortable:true},
			{key:"current",label:"CMP",sortable:true},
			{key:"change",label:"Change %",sortable:true},
			{key:"exitrate",label:"Exit Rate",sortable:true},
            {key:"exitdatetime",label:"Exit Time",sortable:true},
			{key:"profitlossp",label:"P/L%",sortable:true},
			{key:"status",label:"Status",sortable:true}
        ]; 
 
        var myDataSource = new YAHOO.util.DataSource(YAHOO.util.Dom.get("accounts"));
        myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE;
        myDataSource.responseSchema = {
            fields: [
					{key:"buysell"},
					{key:"stype"},
					{key:"sname"},
					{key:"datetime"}, 
                    {key:"rate"}, 
					{key:"sl"}, 
					{key:"target"}, 
					{key:"current"},
                    {key:"change"},
					{key:"exitrate"},
					{key:"exitdatetime"},
                    {key:"profitlossp"},
					{key:"status"}
            ] 
        }; 
 
        var myDataTable = new YAHOO.widget.DataTable("markup", myColumnDefs, myDataSource,
                {caption:"",
                sortedBy:{key:"datetime",dir:"desc"}}
        );
        
        return {
            oDS: myDataSource,
            oDT: myDataTable
        };
    }();
});
YAHOO.util.Event.addListener(window, "load", function() { 
    YAHOO.example.EnhanceFromMarkup = new function() { 
        var myColumnDefs = [ 
			{key:"buysell-nl",label:"B/S",sortable:true},
			{key:"stype-nl",label:"Type",sortable:true},
			{key:"sname-nl",label:"Name",sortable:true},
            {key:"datetime-nl",label:"Time",sortable:true}, 
            {key:"rate-nl",label:"Rate",sortable:false}, 
            {key:"sl-nl",label:"SL",sortable:false}, 
            {key:"target-nl",label:"Target",sortable:false},
            {key:"eod-nl",label:"EOD Rate",sortable:false},
            {key:"eod-plp-nl",label:"EOD P/L%",sortable:true},
			{key:"exitrate-nl",label:"Exit Rate",sortable:false},
            {key:"exitdatetime-nl",label:"Exit Time",sortable:true},
			{key:"profitlossp-nl",label:"P/L %",sortable:true},
			{key:"status-nl",label:"Status",sortable:true}
        ]; 
 
        var myDataSource = new YAHOO.util.DataSource(YAHOO.util.Dom.get("calls-tbl-non-live"));
        myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE;
        myDataSource.responseSchema = {
            fields: [
					{key:"buysell-nl"},
					{key:"stype-nl"},
					{key:"sname-nl"},
					{key:"datetime-nl"}, 
                    {key:"rate-nl"}, 
					{key:"sl-nl"}, 
					{key:"target-nl"}, 
					{key:"eod-nl"}, 
					{key:"eod-plp-nl"}, 
					{key:"exitrate-nl"},
					{key:"exitdatetime-nl"},
                    {key:"profitlossp-nl"},
					{key:"status-nl"}
            ] 
        }; 
 
        var myDataTable = new YAHOO.widget.DataTable("markup-nl", myColumnDefs, myDataSource,
                {caption:"",
                sortedBy:{key:"datetime-nl",dir:"desc"}}
        );
        
        return {
            oDS: myDataSource,
            oDT: myDataTable
        };
    }();
});

$(document).ready(function(){
	//hide the all of the element with class msg_body
	$(".msg_body").hide();
	//toggle the componenet with class msg_body
	$(".msg_head").click(function(){
		$(this).next(".msg_body").slideToggle(250);
	});
});

$(function() {
    $("#1, #2, #3, #4").lavaLamp({
        fx: "backout",
        speed: 700,
        click: function(event, menuItem) {
            return false;
        }
    });
});

$(function(){   
  $('h2').add_layer("margin: 0 0 0 20px;"); 
  $('h2').add_layer("url('/assets/images/h2-c.jpg') repeat-x center");  
  $('h2').add_layer("url('/assets/images/h2-l.jpg') no-repeat left");  
  $('h2').add_layer("url('/assets/images/h2-r.jpg') no-repeat right"); 
  });