var arrImageStyle = new Array(); 
var boolFocusCode = 0;
   
function getHTMLLink(max3id, linkid, imageStyle, baseurl, title, artist, labl, forMv )
{
	/**var newJs = document.createElement("SCRIPT");
	newJs.setAttribute('type', "text/Javascript");
	newJs.setAttribute('src', "/js/producer.js");
	document.body.appendChild(newJs);
	alertName();
	*/            
	
    
	//Prefer recently updated image than the one passed to the function.
	if(window.arrImageStyle[max3id]!=undefined)
		imageStyle = window.arrImageStyle[max3id];           

    var dt = new Date();
    var imagePath;
    var strDlinkUrl;
    var changeImageUrl = baseurl+"/agent.php/distributor/link/change/1/max3UId/"+max3id;
    strDlinkUrl = baseurl+"/dl.3/"+linkid;
    
    document.getElementById('dlnkCntnr').style.display = 'inline';               
    document.getElementById('dlinkTemplates').style.display = ''; 
    
    imagePath = baseurl+"/images/max3/"+max3id+"/dlink/"+imageStyle+".jpg";
    thumbCoverImage =  baseurl+"/images/max3/"+max3id+"/t_cover.jpg";     
     
    document.getElementById('max3UId').value = max3id;
    document.getElementById('dLinkId').value = linkid; 
    document.getElementById('max3Title').value = title;
    document.getElementById('strDlinkStyle').value = imageStyle;
    
    updateRadioButton(imageStyle);             
    
    document.getElementById('dlinkDefaultTemplate').style.display = 'none';
    document.getElementById('defaultDlinkImage').src = imagePath;       
        
    var txt_newWindow = '<textarea id="dlinkCode"  wrap="off" style="width:100%" onclick="SelecText(document.getElementById(this.id), '+forMv+')" onfocus="SelecText(document.getElementById(this.id), '+forMv+')"  readonly="readonly" ><a href="'+strDlinkUrl+'" target="_blank" ><img align="center" style="border: 0px;" src="' + imagePath + '" alt="' + title + '" title="' + title + '"  /></a></textarea>';
    document.getElementById("code_cage").innerHTML = txt_newWindow;
    

}


function updatePromotorStats(selectedValue)
{ 
   var domainName = document.domain;  
   var url = '/agent.php/distributor/promotorStats/stats/'+ selectedValue;  
   ('mediaArea').innerHTML = '<div style="width: 100%;text-align: center;position: absolute; top: 50%;display: table-cell; vertical-align: middle;">Loading statistics....</div>';
   new Ajax.Updater('mediaArea',url,
                 {
                   asynchronous:true, 
                   evalScripts:true, 
                   onComplete:function(request, json)
                              { 
                              }    
                 }
                ); 
}

function SelecText(testarea, forMv)
{         
     if(forMv==1 && window.boolFocusCode==0)
      {      
		    turnOnProcessIndicator(document.getElementById('nonLoginDlink').innerHTML);     
      }
     else
      {       
			testarea.focus(); 
			testarea.select(); 
      }
      
       window.boolFocusCode = 1; 
       
    //document.getElementById(testarea).focus();
    //document.getElementById(testarea).select();   
}

function updateDlinkStyle(theForm, baseurl, isVertical, forMv  )
 {
 
   var imageStyle;
   max3id=document.getElementById('max3UId').value;
    
   setBoxSize(isVertical); 
    
    objFormat = theForm.format;
    
    for (i=0; i<objFormat.length; i++)
     {
      if (objFormat[i].checked == true)
       {        
        imageStyle = getFormat(objFormat[i].value); 
        break;
       }
     }
     
     objColor = theForm.color;
    
      for (i=0; i<objColor.length; i++)
      {
        if (objColor[i].checked == true)
        {            
            imageStyle = imageStyle + getColor(objColor[i].value);
            break;
        }
      }         
    
    document.getElementById('strDlinkStyle').value = imageStyle;  
         
    imagePath = baseurl+"/images/max3/"+max3id+"/dlink/"+imageStyle+".jpg";     
    document.getElementById('defaultDlinkImage').src = imagePath;
    
    
    var linkid = document.getElementById('dLinkId').value;
    var title =  document.getElementById('max3Title').value;
    var strDlinkUrl = baseurl+"/dl.3/"+linkid;
    var txt_newWindow = '<textarea id="dlinkCode" wrap="off"  onfocus="SelecText(document.getElementById(this.id), '+forMv+');" onclick="SelecText(document.getElementById(this.id), '+forMv+');" readonly="readonly" ><a href="'+strDlinkUrl+'" target="_blank" ><img align="center" style="border: 0px;" src="' + imagePath + '" alt="' + title + '" title="' + title + '"  /></a></textarea>';
    

	//Store image style in an array for further references
	window.arrImageStyle[max3id] = imageStyle;    
    updateRadioButton(imageStyle);

    document.getElementById("code_cage").innerHTML = txt_newWindow;          
    theForm.onsubmit();
    
   if(typeof window.init_dw_Scroll == 'function') { init_dw_Scroll(); }
 }
 
 function getColor(colorCode)
 {
   var color='';
     switch(colorCode)
      {
        case '1' : color='_dark'; break;
        case '2' : color='_gray'; break;
        case '3' : color='_light_gray'; break;
        case '4' : color='_white'; break;        
      }
      
   return color;   
 }
 
 function getFormat(formatCode)
 {
   var strformat='';
     switch(formatCode)
      {
        case '1' : strformat='small'; break;
        case '2' : strformat='medium'; break;
        case '3' : strformat='vertical'; break;             
      }
      
   return strformat;   
 }
 

 function updateRadioButton(imageStyle)
 {      
 
  var strFormt = 1;
  var strColor = 1;
  switch(imageStyle)
      {
        case 'small_dark' : strFormt='1'; strColor='1'; break;
        case 'small_gray' : strFormt='1'; strColor='2'; break;  
        case 'small_light_gray' : strFormt='1'; strColor='3'; break;  
        case 'small_white' : strFormt='1'; strColor='4'; break;
       
        case 'medium_dark' : strFormt='2'; strColor='1'; break;
        case 'medium_gray' : strFormt='2'; strColor='2'; break;  
        case 'medium_light_gray' : strFormt='2'; strColor='3'; break;  
        case 'medium_white' : strFormt='2'; strColor='4'; break;
        
        case 'vertical_dark' : strFormt='3'; strColor='1'; break;
        case 'vertical_gray' : strFormt='3'; strColor='2'; break;  
        case 'vertical_light_gray' : strFormt='3'; strColor='3'; break;  
        case 'vertical_white' : strFormt='3'; strColor='4'; break;              
      }
 
   objFormat = document.getElementById('frmUpdate').format; 
   for (i=0; i<objFormat.length; i++)
     {
      if( i == eval(strFormt-1) )
       {        
        objFormat[i].checked = true;
        
        if(i==2) setBoxSize(1);
        
        break;
       }
     }
     
    objColor = document.getElementById('frmUpdate').color;
    
      for (i=0; i<objColor.length; i++)
      {
        if( i == eval(strColor-1))
        {            
            objColor[i].checked = true;
            break;
        }
      }  
 
 }
 
 function setBoxSize(isVertical)
  {
    var isVertical = isVertical ? 1 : 0;
    var objColor1Box1 = document.getElementById("color1");
    var objColor2Box1 = document.getElementById("color2Box1");
    var objColor2Box2 = document.getElementById("color2Box2");
    var objColor3Box1 = document.getElementById("color3Box1");
    var objColor3Box2 = document.getElementById("color3Box2");
    var objColor4Box1 = document.getElementById("color4Box1");
    var objColor4Box2 = document.getElementById("color4Box2");
    
    var objOuterBox2 = document.getElementById("outerColor2");
    var objOuterBox3 = document.getElementById("outerColor3");
    var objOuterBox4 = document.getElementById("outerColor4");
    
    switch(isVertical)
     {
      case  1 :
            objColor1Box1.className = 'vDarkBox';
            
            objColor2Box1.className = 'vGrayBox1';
            objColor2Box2.className = 'vGrayBox2';
            
            objColor3Box1.className = 'vLightGrayBox1';
            objColor3Box2.className = 'vLightGrayBox2'; 
            
            objColor4Box1.className = 'vWhiteBox1';
            objColor4Box2.className = 'vWhiteBox2'; 
            
            objOuterBox2.className = 'vOuterGrayBox';
            objOuterBox3.className = 'vOuterLightGrayBox';
            objOuterBox4.className = 'vOuterWhiteBox';
            break;
      default :
            objColor1Box1.className = 'hDarkBox';
            
            objColor2Box1.className = 'hGrayBox1';
            objColor2Box2.className = 'hGrayBox2';
            
            objColor3Box1.className = 'hLightGrayBox1';
            objColor3Box2.className = 'hLightGrayBox2'; 
            
            objColor4Box1.className = 'hWhiteBox1';
            objColor4Box2.className = 'hWhiteBox2'; 
            
            objOuterBox2.className = 'hOuterGrayBox';
            objOuterBox3.className = 'hOuterLightGrayBox';
            objOuterBox4.className = 'hOuterWhiteBox';
     }
  
  }