var currentBox;
 //chart_box = document.getElementById('chart_box');
 var last_shown = '';

 function show_code(image_array,w_code){

    var last_code = document.getElementById('div_' +last_shown);
    var last_button = document.getElementById('a_' +last_shown);
     last_code.style.visibility='hidden';
     last_code.style.display='none';
     last_button.className='aNormal';

  var current_code = document.getElementById('div_' + w_code);
  var current_button = document.getElementById('a_' + w_code);

   refreshImage(image_array,w_code);


   current_code.style.visibility='visible';
   current_code.style.display='block';
   current_button.className='aSelected';
   current_button.blur();
   last_shown = w_code;

 }

 function refreshImage(image_array,image_name)
 {
  loadImage(image_array,image_name,1);

 }
 function loadImage(image_array,image_name,image_type)
 {

   var tmp_img = new Image();
   tmp_img.src = 'http://www.chartseeker.com/images/'+image_array[image_name][image_type]+ '?r=' + Math.random() * Date.parse(new Date());
   
   if (image_type == 2){
     document.images['lg_img_'+image_name].src = tmp_img.src; //'images/'+image_array[image_name][image_type] + '?r=' + Math.random() * Date.parse(new Date());
   } else {
     document.images['img_'+image_name].src = tmp_img.src; //'images/'+image_array[image_name][image_type] + '?r=' + Math.random() * Date.parse(new Date());
     //document.images['img_'+image_name].style.visibility='visible';
   }

 }
 function expandImage(image_array,image_name)
 {
   loadImage(image_array,image_name,2);
   new DivExpander('img_'+image_name,'div_'+image_name+'_large',0,50,30,image_array[image_name][3],image_array[image_name][4],-5,-25);
 }

 function draw_box(box_obj,image_obj)
 {
   var box_menu = '';
   var box_code = '';
   var enlarge_code = '';
    i=0;
   class_name = 'aSelected';
   var first_image = '';

   for (var image_name in image_obj)
   {
    if (image_name != 'info')
    {
     var last_item = '';
     var box_style = '';

     if (class_name == 'aSelected'){
       //alert(class_name);
       // clase_name='aSelected';
      box_style = 'style="color:#444;"';
      first_image = image_name;
      last_shown = image_name;
     }else{

      box_style = 'style="visibility:hidden;display:none;"';

     }

     if((i) == image_obj['info'][0])
     {
      last_item = ' style="border-right:#444 1px solid;"';
     }

    i++;

    box_menu += '<a href="http://www.chartseeker.com/images/'+image_obj[image_name][1]+'" class="'+class_name+'" id="a_'+image_name+'" onclick="show_code('+box_obj['name']+',\''+image_name+'\');return false;"'+last_item+' title="'+image_obj[image_name][5]+'">'+image_obj[image_name][0]+'</a>';
    box_code += '<div id="div_'+image_name+'" '+box_style+'><img id="img_'+image_name+'" src="http://www.chartseeker.com/loading.gif" title="click to expand"  onclick="expandImage('+box_obj['name']+',\''+image_name+'\');"><br><br><a href="javascript:void(0);" onclick="expandImage('+box_obj['name']+',\''+image_name+'\');" title="click to expand">expand</a><a href="http://www.chartseeker.com/images/'+image_name+'" onclick="refreshImage('+box_obj['name']+',\''+image_name+'\'); return false;" title="click to refresh">refresh</a></div>';
    enlarge_code += '<div id="div_'+image_name+'_large" style="visibility:hidden;display:none;"><img id="lg_img_'+image_name+'" src="http://www.chartseeker.com/loading.gif" title="click to close"></div>';
    class_name='aNormal';
    }//check image obj
   }//end image obj loop

  document.getElementById(box_obj['holder']).innerHTML = enlarge_code;
  document.getElementById(box_obj['menu']).innerHTML = box_menu;
  document.getElementById(box_obj['container']).innerHTML = box_code;
  refreshImage(image_obj,first_image);

 }