function addLoadEvent(func)
    {
	    var oldonload = window.onload;
  	    if (typeof window.onload != 'function')
	    {
    	    window.onload = func;
  	    }
	    else
	    {
    	    window.onload = function()
		    {
      		    if (oldonload)
			    {
        		    oldonload();
      		    }
			    func();
    	    }
  	    }
    }

    function loadAll()
    {
        setImage(1);
        setImage(2);
        setImage(3);
        setImage(4);
        setImage(5);
        return false;
    }
    
    function loadAllAdmin()
    {
        setImageAdmin(1);
        setImageAdmin(2);
        setImageAdmin(3);
        setImageAdmin(4);
        setImageAdmin(5);
        return false;
    }
    
    function loadAllbackAdmin()
    {
        setBackImageAdmin(6);
        setBackImageAdmin(7);
        setBackImageAdmin(8);
        setBackImageAdmin(9);
        setBackImageAdmin(10);
        return false;
    }
    
    function setImage(imgID)
    {
        var div = "div"+imgID;
        
        var temp_top=document.getElementById('temp_top').value;
        var temp_left=document.getElementById('temp_left').value;
        var temp_right=document.getElementById('temp_right').value;
        var temp_bottom=document.getElementById('temp_bottom').value;
            
        var color = document.getElementById(Elements['00']).value;
        var size = document.getElementById(Elements[imgID+'0']).value;
        var text = document.getElementById(Elements[imgID+'1']).value;
        var left = document.getElementById(Elements[imgID+'2']).value;
        var top = document.getElementById(Elements[imgID+'3']).value;
        var fontStyle = document.getElementById(Elements[imgID+'4']).value;
        var font = document.getElementById(Elements[imgID+'5']).value;
        
        var imgTop = document.getElementById('selectedImage').style.top;
        var imgLeft = document.getElementById('selectedImage').style.left;
        var imgWidth = document.getElementById('selectedImage').style.width;
        var imgHeight = document.getElementById('selectedImage').style.height;
        
        if ( text == "" )
            document.getElementById(div).innerHTML = "";
              
        if ( text != "" )
        {
            imgTop = eval(imgTop.replace(/px/,'')) + eval(temp_top);
            top = imgTop + eval(top);
            
            imgLeft = eval(imgLeft.replace(/px/,'')) + eval(temp_left);
            left = imgLeft + eval(left);
            
            imgWidth = eval(imgWidth.replace(/px/,'')) - eval(temp_right);
            imgHeight = eval(imgHeight.replace(/px/,'')) - eval(temp_bottom);
            
            if ( color == "" )
                color = "Black";
            else
                color = color;
            
            var setElement = document.getElementById(div);
            
            setElement.style.top = top+"px";
            setElement.style.left = left+"px";
            setElement.style.fontFamily = font;
            setElement.style.color = color;
            
            if ( fontStyle == 0 || fontStyle == "Regular" )
                setElement.innerHTML = text;
            if ( fontStyle == "Bold" || fontStyle == "bold" )
                setElement.innerHTML = "<b>" + text + "</b>";
            if ( fontStyle == "Italic" || fontStyle == "italic" )
                setElement.innerHTML = "<i>" + text + "</i>";
            if ( fontStyle == "Bold Italic" || fontStyle == "bold italic" )
                setElement.innerHTML = "<b><i>" + text + "</i></b>";
            
            setElement.style.fontSize = size+"px";
            
            checkPrintable(imgID);
        }
        return;
    }
    
    function changeAllColor(ColorCode)
    {
         document.getElementById(Elements['00']).value = ColorCode;
         if ( ColorCode == "0" || ColorCode == "" )
            ColorCode = "Black";
            
        for ( n=1; n<6; n++ )
            document.getElementById("div"+n).style.color = ColorCode;
    }
    
    function checkPrintable(imgID)
    {
        /*for ( n=1; n<=imgID; n++ )
        {*/   
            n = imgID;
            var temp_top = document.getElementById('temp_top').value;
            var temp_left = document.getElementById('temp_left').value;
            var temp_right = document.getElementById('temp_right').value;
            var temp_bottom = document.getElementById('temp_bottom').value;
            
            var imgTop = document.getElementById('selectedImage').style.top;
            var imgLeft = document.getElementById('selectedImage').style.left;
            var imgWidth = document.getElementById('selectedImage').style.width;
            var imgHeight = document.getElementById('selectedImage').style.height;
        
            imgTop = eval(imgTop.replace(/px/,'')) - eval(temp_top);           
            imgLeft = eval(imgLeft.replace(/px/,'')) - eval(temp_left);
            
            imgWidth = eval(imgWidth.replace(/px/,'')) - eval(temp_right);
            imgHeight = eval(imgHeight.replace(/px/,'')) - eval(temp_bottom);
            
            var setElement = document.getElementById("div"+n);
            var left = document.getElementById(Elements[n+'2']).value;
            var top = document.getElementById(Elements[n+'3']).value;
           
//           if ( top != "" )
//           {
//                if(!IsNumeric(top))
//                {
//                    alert("Invalid Top");
//                    document.getElementById(Elements[imgID+'3']).focus();
//                    document.getElementById(Elements[imgID+'3']).value="";
//                    return false;
//                }
//            }
//            if ( left != "" )
//            {
//                if(!IsNumeric(left))
//                {
//                    alert("Invalid Left");
//                    document.getElementById(Elements[imgID+'2']).focus();
//                    document.gestElementById(Elements[imgID+'2']).value="";
//                    return false;
//                }
//            }
            var imgX = eval( eval(imgLeft) + eval(imgWidth) ) - 1;
            var imgY = eval( eval(imgTop) + eval(imgHeight) ) - 1;
            
            var perfectWidth =  eval( setElement.offsetWidth ) + eval( left ) +eval(document.getElementById('selectedImage').style.left.replace(/px/,''));
            var perfectHeight = eval( setElement.offsetHeight ) + eval( top ) +eval(document.getElementById('selectedImage').style.top.replace(/px/,'')) ;
            
            document.getElementById('imgY').value = eval(imgHeight - temp_top - 1 - setElement.offsetHeight);
            document.getElementById('imgX').value = eval(imgWidth - temp_left - 1 - setElement.offsetWidth);
           // alert(perfectHeight);
            //alert(imgY);

            if ( perfectWidth  > imgX )
            {
                imgLeft = eval(document.getElementById('selectedImage').style.left.replace(/px/,''));
                imgWidth = eval(document.getElementById('selectedImage').style.width.replace(/px/,''));
                temp_right = eval(document.getElementById('temp_right').value.replace(/px/,''));
                setElement.style.left = eval((imgLeft + imgWidth) - setElement.offsetWidth - temp_right) + "px";
                document.getElementById(Elements[imgID+'2']).value = eval((imgLeft + imgWidth) - setElement.offsetWidth - temp_right) - imgLeft-temp_left;
            }
            if ( perfectHeight  > imgY )
            {
            
                imgTop = eval(document.getElementById('selectedImage').style.top.replace(/px/,''));
                imgHeight = eval(document.getElementById('selectedImage').style.height.replace(/px/,''));
                temp_bottom = eval(document.getElementById('temp_bottom').value.replace(/px/,''));
                setElement.style.top = eval((imgTop + imgHeight) - setElement.offsetHeight - temp_bottom) + "px";
                document.getElementById(Elements[imgID+'3']).value = eval((imgTop + imgHeight) - setElement.offsetHeight - temp_bottom) - imgTop - temp_top;
            }
        //}
        return true;
    }
    
    function validation()
    {
     
         if (checkPrintable(1) && checkPrintable(2) && checkPrintable(3) && checkPrintable(4) && checkPrintable(5) )
         {
             if(document.getElementById(Elements['13']).value =='')
             {
               alert("Enter Top Value");  
               document.getElementById(Elements['13']).focus();
               return false;
             }
             if(document.getElementById(Elements['12']).value =='')
             {
               alert("Enter Left Value");  
               document.getElementById(Elements['12']).focus();
               return false;
             }
             if(document.getElementById(Elements['10']).value =='')
             {
               alert("Select Size Value");  
               document.getElementById(Elements['10']).focus();
               return false;
             }
//             if(document.getElementById(Elements['11']).value =='')
//             {
//               alert("Enter Text");  
//               document.getElementById(Elements['11']).focus();
//               return false;
//             }
//            
//            
//             if(document.getElementById(Elements['11']).value.length > 10)
//             {
//               alert("Please Enter Maximum 10 character in First Text");  
//               //document.getElementById(Elements['11']).focus();
//               return false;
//             }
//              if(document.getElementById(Elements['21']).value.length > 10)
//             {
//               alert("Please Enter Maximum 10 character in Second Text");  
//              // document.getElementById(Elements['21']).focus();
//               return false;
//             }
//              if(document.getElementById(Elements['31']).value.length > 10)
//             {
//               alert("Please Enter Maximum 10 character in Third Text");  
//              // document.getElementById(Elements['31']).focus();
//               return false;
//             }
//              if(document.getElementById(Elements['41']).value.length > 10)
//             {
//               alert("Please Enter Maximum 10 character in Fourth Text");  
//               //document.getElementById(Elements['41']).focus();
//               return false;
//             }
//              if(document.getElementById(Elements['51']).value.length > 10)
//             {
//               alert("Please Enter Maximum 10 character in Fifth Text");  
//              // document.getElementById(Elements['51']).focus();
//               return false;
//             }
              if(document.getElementById(Elements['01']).value  == 0)
             {
               alert("Select Quantity");  
               document.getElementById(Elements['01']).focus();
               return false;
             }
             
         }
         else
            return false;
            
            
             
    }
//    function checksize(val,id)
//    {
//      
//      if(val.length >10)
//      {
//        alert("Please Enter Maximum 10 character");
//        return false;
//      }
//    }
    
function IsNumeric(sText)
{
    var ValidChars = "0123456789.";
    var IsNumber=true;
    var Char;
    for (i = 0; i < sText.length && IsNumber == true; i++) 
    { 
        Char = sText.charAt(i); 
        if (ValidChars.indexOf(Char) == -1) 
        {
            IsNumber = false;
        }
    }
    return IsNumber;
}
function setDivWidth()
{
    var imgWidth = document.getElementById('selectedImage').style.width;
    var temp_left = document.getElementById('temp_left').value;
    var temp_right = document.getElementById('temp_right').value;
    imgWidth = imgWidth.replace(/px/,'');
    imgWidth = eval(imgWidth);
    document.getElementById('div1').style.maxWidth = imgWidth - temp_left - temp_right + "px";
    document.getElementById('div2').style.maxWidth = imgWidth - temp_left - temp_right + "px";
    document.getElementById('div3').style.maxWidth = imgWidth - temp_left - temp_right + "px";
    document.getElementById('div4').style.maxWidth = imgWidth - temp_left - temp_right + "px";
    document.getElementById('div5').style.maxWidth = imgWidth - temp_left - temp_right + "px";
    setDivHeight();
}
function setDivHeight()
{
   var imgHeight = document.getElementById('selectedImage').style.height;
   var temp_top=document.getElementById('temp_top').value;
   var temp_bottom=document.getElementById('temp_bottom').value;
    imgHeight = imgHeight.replace(/px/,'');
    imgHeight = eval(imgHeight);
   document.getElementById('div1').style.maxHeight = imgHeight - temp_top - temp_bottom + "px";
    document.getElementById('div2').style.maxHeight = imgHeight - temp_top - temp_bottom + "px";
    document.getElementById('div3').style.maxHeight = imgHeight - temp_top - temp_bottom + "px";
    document.getElementById('div4').style.maxHeight = imgHeight - temp_top - temp_bottom + "px";
    document.getElementById('div5').style.maxHeight = imgHeight - temp_top - temp_bottom + "px";
}   


function setImageAdmin(imgID)
{
    var div = "div"+imgID;
    
    var temp_top=document.getElementById('temp_top').value;
    var temp_left=document.getElementById('temp_left').value;
    var temp_right=document.getElementById('temp_right').value;
    var temp_bottom=document.getElementById('temp_bottom').value;
        
    var color = document.getElementById(Elements['00']).innerHTML;
    var size = document.getElementById(Elements[imgID+'0']).innerHTML;
    var text = document.getElementById(Elements[imgID+'1']).innerHTML;
    var left = document.getElementById(Elements[imgID+'2']).innerHTML;
    var top = document.getElementById(Elements[imgID+'3']).innerHTML;
    var fontStyle = document.getElementById(Elements[imgID+'4']).innerHTML;
    var font = document.getElementById(Elements[imgID+'5']).innerHTML;
    
    var imgTop = document.getElementById(selectedImage).style.top;
    var imgLeft = document.getElementById(selectedImage).style.left;
    var imgWidth = document.getElementById(selectedImage).style.width;
    var imgHeight = document.getElementById(selectedImage).style.height;
    
    if ( text == "" )
        document.getElementById(div).innerHTML = "";
          
    if ( text != "" )
    {
        imgTop = eval(imgTop.replace(/px/,'')) + eval(temp_top);
        top = imgTop + eval(top);
        
        imgLeft = eval(imgLeft.replace(/px/,'')) + eval(temp_left);
        left = imgLeft + eval(left);
        
        imgWidth = eval(imgWidth.replace(/px/,'')) - eval(temp_right);
        imgHeight = eval(imgHeight.replace(/px/,'')) - eval(temp_bottom);
        
        if ( color == "" )
            color = "Black";
        else
            color = color;
        
        var setElement = document.getElementById(div);
        
        setElement.style.top = top+"px";
        setElement.style.left = left+"px";
        setElement.style.fontFamily = font;
        setElement.style.color = color;
        
        if ( fontStyle == 0 || fontStyle == "Regular" )
            setElement.innerHTML = text;
        if ( fontStyle == "Bold" || fontStyle == "bold" )
            setElement.innerHTML = "<b>" + text + "</b>";
        if ( fontStyle == "Italic" || fontStyle == "italic" )
            setElement.innerHTML = "<i>" + text + "</i>";
        if ( fontStyle == "Bold Italic" || fontStyle == "bold italic" )
            setElement.innerHTML = "<b><i>" + text + "</i></b>";
        
        setElement.style.fontSize = size+"px";
    }
    return;
}

function setBackImageAdmin(imgID)
{

    var div = "div"+imgID;
    
    var temp_top=60;
    var temp_left=0;
    var temp_right=0;
    var temp_bottom=0;
        
    var color = document.getElementById(Elements['000']).innerHTML;
     
    var size = document.getElementById(Elements[imgID+'0']).innerHTML;
    var text = document.getElementById(Elements[imgID+'1']).innerHTML;
    var left = document.getElementById(Elements[imgID+'2']).innerHTML;
    var top = document.getElementById(Elements[imgID+'3']).innerHTML;
    var fontStyle = document.getElementById(Elements[imgID+'4']).innerHTML;
    var font = document.getElementById(Elements[imgID+'5']).innerHTML;
   
    var imgTop = document.getElementById(selectedImageAdmin).style.top;
    var imgLeft = document.getElementById(selectedImageAdmin).style.left;
    var imgWidth = document.getElementById(selectedImageAdmin).style.width;
    var imgHeight = document.getElementById(selectedImageAdmin).style.height;
    
    if ( text == "" )
        document.getElementById(div).innerHTML = "";
          
    if ( text != "" )
    {
        imgTop = eval(imgTop.replace(/px/,'')) + eval(temp_top);
        top = imgTop + eval(top);
        
        imgLeft = eval(imgLeft.replace(/px/,'')) + eval(temp_left);
        left = imgLeft + eval(left);
        
        imgWidth = eval(imgWidth.replace(/px/,'')) - eval(temp_right);
        imgHeight = eval(imgHeight.replace(/px/,'')) - eval(temp_bottom);
        
        if ( color == "" )
            color = "Black";
        else
            color = color;
        
        var setElement = document.getElementById(div);
        
        setElement.style.top = top+"px";
        setElement.style.left = left+"px";
        setElement.style.fontFamily = font;
        setElement.style.color = color;
        
        if ( fontStyle == 0 || fontStyle == "Regular" )
            setElement.innerHTML = text;
        if ( fontStyle == "Bold" || fontStyle == "bold" )
            setElement.innerHTML = "<b>" + text + "</b>";
        if ( fontStyle == "Italic" || fontStyle == "italic" )
            setElement.innerHTML = "<i>" + text + "</i>";
        if ( fontStyle == "Bold Italic" || fontStyle == "bold italic" )
            setElement.innerHTML = "<b><i>" + text + "</i></b>";
        
        setElement.style.fontSize = size+"px";
    }
    return;
}