//window.onerror = new Function("return true;");
function showUploaderPopup(status){
	
	this.uploaderContainer(status);

	$('uploader_heading').update(DIVPOPUPWINDOW.UPLOAD_THEJOB_PHOTO[0].MSG);
	$('uploader_sub_heading').update(DIVPOPUPWINDOW.UPLOAD_THEJOB_PHOTO[1].MSG);
	var bodyCopy="";
	if(USER_TYPE=="huser")
	{
		bodyCopy += DIVPOPUPWINDOW.UPLOAD_THEJOB_PHOTO[2].MSG;
	}else{
		bodyCopy += DIVPOPUPWINDOW.UPLOAD_THEJOB_PHOTO[3].MSG;
	}
	bodyCopy +=DIVPOPUPWINDOW.UPLOAD_THEJOB_PHOTO[4].MSG;
	bodyCopy +=DIVPOPUPWINDOW.UPLOAD_THEJOB_PHOTO[5].MSG;
	$('uploader_body_copy').update(bodyCopy);

	$('uploader_overlay_container').setStyle({
		display:'block'
	});

	$('uploader_container').setStyle({
		display:'block',
		visibility:'hidden'
	});
	

	var dimensions=$('uploader_container').getDimensions();

	var Width=getWidth();
	var Height=getHeight();
	var centerWidth = ((Width-480) / 2)+getScrollLeft();
    var centerHeight = ((Height-dimensions['height']) / 2)+getScrollTop();
	

	$('uploader_overlay').setStyle({
		height:''+getScrollHeight()+'px',
		width:''+getScrollWidth()+'px'
		});

	$('uploader_container').setStyle({
			left:''+centerWidth+'px',
			top:''+centerHeight+'px'
		});
	var containerCopyDimension=$('uploader_container_copy').getDimensions();
	
	$('uploader_iframe').setStyle({
			height:''+(containerCopyDimension['height']-2)+'px',
			width:''+(containerCopyDimension['width']-2)+'px',
			display:'inline'
		});
	
	
	if(containerCopyDimension['height']<175)
	{
		$('uploader_container_copy').setStyle({
				height:'145px'
			});	
	}
	
	$('uploader_container').setStyle({
		visibility:'visible'
	});
	return false;

}	

function hideUploaderPopup()
{
	$('uploader_overlay_container').remove();
}

function uploaderContainer(status)
{
		uploadURI=base_url+'thejob/uploadImagesAndVideo/'+status;
		var objBody= $$('body')[0];
		var deleteText='';
		var innerContainer="";
		for(var i=1;i<=10;i++)
		{
				
		innerContainer+='<div id="uploaderFileControl_Container_'+i+'" class="fileControlContainer" >'+
			'<input type="file" id="uploaderFileControl_'+i+'" name="uploaderFileControl_'+i+'" size="40" class="fileController" onchange="showNextBrowseButton('+i+');$(\'browseClearLink'+i+'\').setStyle({display:\'inline\'})"/>'+
			'<input type="text" id="uploaderFileTextController'+i+'" name="uploaderFileTextController'+i+'" class="fileTextControl" size="39"/>'+	
			'<input type="button" id="uploaderFileButtonController'+i+'" name="uploaderFileButtonController'+i+'" class="ButtonControl" value="Browse"/>';	
			
			innerContainer+='<span style="margin-left:5px;display:none" id="browseClearLink'+i+'">(<a href="javascript:void(0)" onclick="removeBrowseButton('+i+');$(\'browseClearLink'+i+'\').setStyle({display:\'none\'})" class="mailtolinks">Clear</a>)</span>';
			
			innerContainer+='</div>';
		}
		var divContainer='<div id="uploader_overlay_container">'+
							'<div id="uploader_overlay"></div>'+
								'<div id="uploader_container">'+
									'<div id="uploader_top"><img src="'+view_url+'imageuploader/images/spacer.gif" height="2" width="1" /></div>'+
									'<div id="uploader_container_copy">'+
										'<div id="uploader_heading"></div>'+
											'<div id="uploader_sub_heading"></div>'+
												'<div id="uploader_body_copy"></div>'+
												'<div id="uploader_formArea">'+
												'<div id="uploader_iframe_area"></div>'+
												'<iframe id="uploader_iframe" name="uploader_iframe" ></iframe>'+
													'<form id="uploader_form" name="uploader_form" action="'+uploadURI+'" enctype="multipart/form-data" method="post" target="uploader_iframe">'+innerContainer+
													'</form>'+
												'</div>'+
												'<div id="uploader_body_error"></div>'+
												'<div id="uploader_btn_container">'+
													'<input type="button" id="uploader_btn_submit" name="uploader_submit" class="ButtonControl" value="Submit"  onclick="submitForm();"/>'+	
													'<input type="button" id="uploader_btn_back" name="uploader_back" class="ButtonControl" value="X Close"  onclick="hideUploaderPopup();"/>'+
												'</div>'+
										'</div>'+
										'<div id="uploader_bottom_left"><img src="'+view_url+'imageuploader/images/spacer.gif" height="5" width="1" /></div>'+
										'<div id="uploader_bottom_center"><img src="'+view_url+'imageuploader/images/spacer.gif" height="5" width="1" /></div>'+
										'<div id="uploader_bottom_right"><img src="'+view_url+'imageuploader/images/spacer.gif" height="5" width="1" /></div>'+
									'</div>'+
								'</div>';
								
								
		var thumb = document.createElement('div');
		thumb.setAttribute('id', 'thumbContainer');
		thumb.innerHTML = divContainer;		
		objBody.appendChild(thumb);									
		
		Element.setOpacity('uploader_overlay',.5);
		for(i=1;i<=10;i++)
		{
			Element.setOpacity('uploaderFileControl_'+i,0);
			if(i>3)
				$('uploaderFileControl_Container_'+i).setStyle({display:'none'});			
		}
		
		
}

function removeBrowseButton(containerID)
{
	$('uploaderFileControl_'+containerID).value="";
	$('uploaderFileTextController'+containerID).value="";
}

function showNextBrowseButton(val)
{
		var NextController=parseInt(val)+1;
		if($('uploaderFileControl_Container_'+NextController)!=undefined)
		{
			if($('uploaderFileControl_Container_'+NextController).style.display=='none')
				Effect.toggle($('uploaderFileControl_Container_'+NextController),'appear');
		}
		this.updateTextBoxWithFileTypeControl('uploaderFileControl_'+val,'uploaderFileTextController'+val);
}

function submitForm()
{
		resetFormErrorBorderStyle1();
		if(validationOnFileTypeControl('uploader_form'))
		{	
			$('uploader_form').submit();
			var uploader="<img src='"+view_url+"error_popup/images/loader.gif' border='0'>";
			$('uploader_formArea').setStyle({display:'none'});
			$('uploader_body_error').setStyle({display:'block',backgroundColor:'#FFFFFF'});
			$('uploader_body_error').innerHTML="";
			$('uploader_body_error').innerHTML=uploader;
			
			frameInt=setInterval('getIframInnerHTML()',1000);
		}
}

function getIframInnerHTML()
{
		
		var myIFrame = $('uploader_iframe');  
  		var content = myIFrame.contentWindow.document.body.innerHTML;  
		 if(content=='1')
		 {
				//window.location.href=base_url+'thejob';
				window.location.reload(true);
				clearInterval(frameInt);
		 }
}

function updateTextBoxWithFileTypeControl(soruceElement, targetElement)
{$(targetElement).value=$(soruceElement).value;}


function validationOnFileTypeControl(element)
{ 
	var error="";
	var invalid="";
	var counter=0;

	for(i=1;i<=10;i++)
	{	
		if($('uploaderFileControl_'+i).value=="")
		{counter++;}
		else if(!checkFileExtensions($('uploaderFileControl_'+i).value,'yes'))
		{	
			invalid="please check this error";
			this.setErrorBoxBorder1('uploaderFileControl_Container_'+i);
		}
		
	}

	if(parseInt(counter)==parseInt(10))
	{	
		$('uploader_body_error').innerHTML="";
		$('uploader_body_error').innerHTML=DIVPOPUPWINDOW.UPLOAD_THEJOB_PHOTO[6].MSG;
		$('uploader_body_error').setStyle({display:'block'});
		//Effect.Shake('uploader_container');
		return false;
	}	
	else if (invalid!="")
	{	
		$('uploader_body_error').innerHTML="";
		$('uploader_body_error').innerHTML=DIVPOPUPWINDOW.UPLOAD_THEJOB_PHOTO[5].MSG;
		$('uploader_body_error').setStyle({display:'block'});

		return false;
	}
	else
	{return true;}

}


function checkFileExtensions(file,video)
{	
	var imageExtension=(FILE.CONTENT[0].IMG_EXT).split(",");
	var allExtension=(FILE.CONTENT[0].ALL_EXT).split(", ");
	if(video=='yes')
		extArray = allExtension;
	else
		extArray = imageExtension;
	allolwextensions = false;
	if (!file) return;
	while (file.indexOf("\\") != -1)
	file = file.slice(file.indexOf("\\") + 1);
	ext = file.split('.');
		for (var i = 0; i < extArray.length; i++) {
		if (extArray[i].toLowerCase() == ext[1].toLowerCase()) { allolwextensions = true; break; }
		}

	if (allolwextensions){return true;}
	else
		return false;
}

function setErrorBoxBorder1(element)
{
	$(element).setStyle({border:'0px solid #fff'});
	$(element).setStyle({border:'2px solid #FFFF00'});
}


function resetFormErrorBorderStyle1()
{
	var i=0;
	for( i=1 ; i<=10 ; i++) 
	{$('uploaderFileControl_Container_'+i).setStyle({border:'0px'});}
	
}

Event.observe(window,'load',function(){
var objBody= $$('body')[0];
objBody.appendChild(Builder.node('div',{id:'utoolTheJobImageUploader'}));
$("utoolTheJobImageUploader").appendChild(Builder.node('img',{src:view_url+"imageuploader/images/error_right_bg_rptr.gif",style:"display:none"}));
$("utoolTheJobImageUploader").appendChild(Builder.node('img',{src:view_url+"imageuploader/images/error_btm_left.gif",style:"display:none"}));
$("utoolTheJobImageUploader").appendChild(Builder.node('img',{src:view_url+"imageuploader/images/error_btm_bg_rptr.gif",style:"display:none"}));
$("utoolTheJobImageUploader").appendChild(Builder.node('img',{src:view_url+"imageuploader/images/error_btm_right.gif",style:"display:none"}));
$("utoolTheJobImageUploader").appendChild(Builder.node('img',{src:view_url+"imageuploader/images/overlay.png",style:"display:none"}));
$("utoolTheJobImageUploader").appendChild(Builder.node('img',{src:view_url+"imageuploader/images/spacer.gif",style:"display:none"}));
});