// echannel search | Javascript Library

var domElementMask = null;
var domElementOverlay = null;
var domElementShadow = null;
var domElementOverlayChild = null;

function wizardForm(obj){
    
    elem = document.getElementById("landing_page_tags");
    elem.innerHTML='';
    
    elem1 = document.getElementById("urlTagsHidden");
    elem1.innerHTML='';
     
     var i = 0;
     var row=0;
     var tbl     = document.createElement("table");
     var tblBody = document.createElement("tbody");

			
	while(i < obj.length){
	   
		if(obj[i].checked) {
		  
         //get hidden fileds for tyhis object
         
			
				var TR1	= document.createElement('tr');
				var  TD1= document.createElement('td');
				txt = document.createTextNode(row+1);
				TD1.appendChild(txt);
				TR1.appendChild(TD1);
        
         
				var  TD1= document.createElement('td');
				txt = document.createTextNode(obj[i+1].value);
				TD1.appendChild(txt);
				TR1.appendChild(TD1);
			
				
				var  TD1= document.createElement('td');
				txt = document.createTextNode(obj[i+2].value+'='+obj[i+3].value);
				TD1.appendChild(txt);
				TR1.appendChild(TD1);
				tblBody.appendChild(TR1);
				
				    
                valhidden = document.createElement('input');
                valhidden.type='hidden';
                valhidden.name=obj[i].name;
                valhidden.value=obj[i].value;
                
                elem1.appendChild(valhidden);
				elem1.appendChild(obj[i+1]);
				elem1.appendChild(obj[i+1]);
				elem1.appendChild(obj[i+1]);
				elem1.appendChild(obj[i+1]);
				row++;
			}
		
			
			i = i+1;	
			
	
	}
	if (row>0){
		tbl.appendChild(tblBody);
		elem.appendChild(tbl);
		document.getElementById("editLink").style.display="block";
		document.getElementById("editLink2").style.display="none";
		
	}else{
		document.getElementById("editLink").style.display="none";
		document.getElementById("editLink2").style.display="block";
	}

closeOverlay();
return false;
}


function render( myWidth, myHeight, myName, URI, postData )
{
    renderMask();
    renderOverlay(950,myHeight,myName);

    //renderLoader();
    
    // delay request by half a second
   requestData(URI, postData);
}

function renderMask()
{
    // create new mask element if not already existing
    if($('myMask') == null)
    {
        
       	domElementMask = document.createElement('div');
		domElementMask.id = "myMask";
		
        // insert mask
        document.body.appendChild(domElementMask);
    }
    
    // set mask styles
    if($('wrapper').scrollHeight > document.body.scrollHeight)
        maskHeight = $('wrapper').scrollHeight;
        else
        maskHeight = document.body.scrollHeight;
    
    
    $(domElementMask.id).setStyle({backgroundColor:'black', opacity:0.9, position:'absolute', top:'0px', left:'0px', width:(document.body.clientWidth + 'px'), height:(maskHeight + 'px'), display:'block', zIndex:50});
    
    
}


function renderOverlayChild( myWidth, myHeight, myName )
{
   
    // create new overlay element if not already existing
    if($('myOverlay2') == null)
    {
        domElementOverlayChild = document.createElement('div');
        domElementOverlayChild.id = 'myOverlay2';
        domElementOverlayChild.name= myName;
        
        // insert overlay element
        parent = document.getElementById('myOverlay');
        parent.appendChild(domElementOverlayChild)
    }
    
    // set styles
    //$(domElementShadow.id).setStyle({backgroundColor:'#EAEAEA', position:'absolute', top:(((document.body.clientHeight/2)-(myHeight/2)-1) + 'px'), left:(((document.body.clientWidth/2)-(myWidth/2)-1) + 'px'), width:((myWidth+2) + 'px'), height:((myHeight+2) + 'px'), display:'block', zIndex:51});
    $(domElementOverlayChild.id).setStyle({border:'1px solid #555555', backgroundColor:'white', position:'absolute', top:(((document.body.clientHeight/2)-(myHeight/2)-1) + 'px'), left:(((document.body.clientWidth/2)-(myWidth/2)-1) + 'px'), width:(myWidth + 'px'), minHeight:(myHeight + 'px'), display:'block', overflow:'visible', zIndex:200});
}


function renderOverlay( myWidth, myHeight, myName )
{
    // create new shadow element if not already existing
    
    if($('myShadow') == null)
    {
        domElementShadow = document.createElement('div');
        domElementShadow.id = 'myShadow';
        
        // insert shadow element
        document.body.appendChild(domElementShadow);
    }
    
   
    // create new overlay element if not already existing
    if($('myOverlay') == null)
    {
        domElementOverlay = document.createElement('div');
        domElementOverlay.id = 'myOverlay';
        domElementOverlay.name= myName;
        
        // insert overlay element
        //domElementShadow.appendChild(domElementOverlay);
        document.body.appendChild(domElementOverlay)
    }
    
    // set styles
    //$(domElementShadow.id).setStyle({backgroundColor:'white',opacity:0.2, position:'absolute', top:(((document.body.clientHeight/2)-(myHeight/2)-5) + 'px'), left:(((document.body.clientWidth/2)-(myWidth/2)-5) + 'px'), width:((myWidth+10) + 'px'), height:((myHeight+10) + 'px'), display:'block', zIndex:51});
    $(domElementOverlay.id).setStyle({background:'white url(/img/loading-clock-opaque.gif) center center no-repeat', position:'absolute', top:(((document.body.clientHeight/2)-(myHeight/2)) + 'px'), left:(((document.body.clientWidth/2)-(myWidth/2)) + 'px'), width:(myWidth + 'px'), minHeight:(myHeight + 'px'), display:'block', overflow:'visible', zIndex:100});
}

function renderLoader()
{
    domLoader = new Element('img', {id:'myLoader',src:'../images/ajax-loader.gif'});
    
    domLoader.setStyle({position:'absolute', top:(((document.body.clientHeight/2) - 12) + 'px'), left:(((document.body.clientWidth/2) - 12) + 'px'), display:'block', zIndex:100});
    
    document.body.appendChild(domLoader);
}

function closeOverlay()
{
    domElementOverlay.remove();
    domElementShadow.remove();
    domElementMask.remove();
}

function requestData( URI, postData )
{
	
	if(!URI) { alert('error'); return false; }
    
    // !IMPORTANT! make sure `evalScripts:true` so Google Analytics is registered correctly
    if (postData!=null)
    new Ajax.Updater(domElementOverlay.id, URI, {onComplete:function(response){ $(domElementOverlay.id).setStyle({background:'white'}); },evalScripts:true, parameters:Form.serializeElements(postData)});
    else
    new Ajax.Updater(domElementOverlay.id, URI, {onComplete:function(response){ $(domElementOverlay.id).setStyle({background:'white'}); },evalScripts:true});
   
}

function submitData( event )
{
    var myForm = Event.element(event);

    if(myForm.tagName == 'FORM')
    {
        //if(validateForm(myForm))
        //{
            // !IMPORTANT! make sure `evalScripts:true` so Google Analytics is registered correctly
            new Ajax.Updater(domElementOverlay.id, myForm.action, {onComplete:function(response){ domElementShadow.setStyle({height:((domElementOverlay.scrollHeight) + 2) + 'px'}); },evalScripts:true, parameters:Form.serialize(myForm)});
        //}
    }
}

function repositionOverlay()
{
    var cookiedata = readCookie('imagesize');

    var imageSize = cookiedata.split('%2C');
           
    domElementShadow.setStyle({top:((document.body.clientHeight/2)-(imageSize[1]/2)-2) + 'px',left:((document.body.clientWidth/2)-(imageSize[0]/2)-2) + 'px',width:((Number(imageSize[0])+2) + 'px'),height:((Number(imageSize[1])+2) + 'px')});
    
    $('myImage').setStyle({display:'block'});
    
    domLoader.remove();
}