function openBig(p_path, par_nm){
	if(!isNull(document.getElementById('big_pop')))
	     DhtmL.removePop(document.getElementById('big_pop'));
	var bg_pic=document.createElement('div');
	var head=boxHeader("One Clear Choice Doors", "DhtmL.killEl('big_pic')", ''); 
	bg_pic.id='big_pic';
	bg_pic.style.position='absolute';
	bg_pic.style.zIndex=99;
	bg_pic.style.width='400px';
	bg_pic.style.height='207px';
	bg_pic.style.backgroundColor='black';
	bg_pic.className='pic_pop';
	setInn(bg_pic, head+"<img src='"+p_path+"' width='400px' height='207px' alt='bigger picture' onclick=\"javascript:DhtmL.killEl('big_pop');\"/>");
	DhtmL.addRelPop(document.getElementById(par_nm), bg_pic);
	//DhtmL.addPop(bg_pic);
	
}

  function boxHeader(head_lbl, close_js, extra){
    var out="";
	out+="<div class='box_header' id='box_header'>"
	       +"<div class='head_lbl' style='float: left;'>"+head_lbl+"</div>";
	out+="<div class='cls_cornr' onclick=\"javascript:"+close_js+";\">"
	       +"<img src='img/close.gif' height='15px' style='float:right;margin-right:3px;cursor:pointer'/></div></div>";	
	return out;
  }

//--------------------------------------------------------------------------------------------------------------------// 
function isNull(o){
      if(typeof o=='undefined'){return true;}
      if(o==null){return true;}
      return false;
  }
/////////// --------------------------------------------------------------------------------   ///////////////////
function setInn(o,s){
	if(!isNull(o)){
	   s=isNull(s)?"":s;
	   var oo=o;
	   oo.innerHTML=s;
	   oo=null;
	}
}

function getPage(pg){
        var url = pg;
	var xhtml_o=$.ajax({
                                   type: "GET"
                                  ,url:url
                                  ,success: function(rsp){
                                                                          $("#bo_dy").html(rsp);
								      }
								  ,error: function(){}
								  ,ontimeout: function(){}
					   });
	  
	  return false;
}

function loadTop(src_url, isImg){
    if(isNull(src_url)){
		$('#image_topper').empty();
        $('#image_topper').css({"height":"1px"});
        return false;
    }
    if(isImg){
        var i = new Image(699, 210);
        $(i).attr('src', src_url)
                .load(function(){
                                      $('#image_topper').css({"height":"210px"});
                                      $('#image_topper').replaceWith( $(this));
                                      $(this).attr("id", "image_topper");
                                  });

    }else{
        var ob ="<div id='image_topper'><object id=\"FlashID\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width='699px' height='265px'>"+
                      "<param name=\"movie\" value='"+src_url+"' />"+
                      "<param name='quality' value='high' />"+
                      "<param name='wmode' value='opaque' />"+
                      "<param name='swfversion' value='9.0.45.0' />"+
                      "<param name='expressinstall' value='../scripts/expressInstall.swf' />"+
                      "<!--[if !IE]>-->"+
                      "<object type='application/x-shockwave-flash' data='"+src_url+"' width='699px' height='265px''>"+
                      "<!--<![endif]-->"+
                      "<param name='quality' value='high' />"+
                      "<param name='wmode' value='opaque' />"+
                      "<param name='swfversion' value='9.0.45.0' />"+
                      "<param name='expressinstall' value='../scripts/expressInstall.swf' />"+
                      "<div>"+
                      "<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>"+
                      "<p><a href='http://www.adobe.com/go/getflashplayer'><img src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' width='112' height='33' /></a></p>"+
                      "</div>"+
                      "<!--[if !IE]>-->"+
                      "</object>"+
                      "<!--<![endif]-->"+
                      "</object></div>";
             $('#image_topper').replaceWith(ob);
    }
    return false;
}

function loadGalery(){

     //$("body").prepend("<img src='img/slideshow_loader.gif'/>");
     
     $.slideshow({
                              container : 'slideShow1',
                              loader: '/medow/img/slideshow_loader.gif',
                              linksPosition: 'top',
                              linksClass: 'pagelinks',
                              linksSeparator : ' | ',
                              fadeDuration : 400,
                              activeLinkClass: 'activeSlide',
                              nextslideClass: 'nextSlide',
                              prevslideClass: 'prevSlide',
                              captionPosition: 'bottom',
                              captionClass: 'slideCaption',
                              autoplay: 5,
                              images : [
                                                 {src: 'img/crowns.jpg',caption: 'Fiat Panda'},
                                                 {src: 'img/dentures.jpg',caption: 'Panda Active'},
                                                 {src: 'img/home.jpg',caption: 'Panda Actual'},
                                                 {src: 'img/othodontics.jpg',caption: 'Panda Dynamic'}
		                              ]
	                 });
}

function send_mail(frm){
        var url = "ws/contact_ws.php";
        var dta = $(frm).serialize();
	var xhtml_o=$.ajax({
                                   type: "POST"
                                  ,url:url
                                  ,data: dta
                                  ,success: function(rsp){
                                                        if(!isNull(document.getElementById("thx")))
                                                           $("#thx").show();
                                                        else
                                                           $(frm).append("<div id='thx'>"+rsp+"</div>");
                                                   setTimeout("$('#thx').hide('slow')", 1000);
						}
			          ,error: function(){}
				  ,ontimeout: function(){}
					   });

	  return false;
}

function doGal(f){


    return false;
}


function galForm(el_id){
    var fOrm =     '<div class="gal_form">    \
               <form action="../ws/gal_ws.php" enctype="multipart/form-data" method="post"> \
                               <input type="hidden" name="act" value="add"/>  \
                               <table width="800" border="0" cellspacing="0" cellpadding="0">  \
                                  <tr>   \
                                    <td>  \
                                    <p><strong>Meadows Dental Smiles Gallery Control Panel</strong></p>  \
                                    <p><strong>Search Records | Add New Record</strong></p>  \
                                    <p>Before Image<br />  \
                                    this is where we put do\'s - don\'ts - tips -info.</p> \
                                    <input name="file1" type="file" />  \
                                    <p>After Image<br /> \
                                    this is where we put do\'s - don\'ts - tips -info.</p> \
                                    <input name="file2" type="file" /> \
                                    <p>Case Name<br /> \
                                    this is where we put do\'s - don\'ts - tips -info.</p> \
                                    <input name="casename" type="text" /><br /> \
                                    <p>Case Description<br /> \
                                    this is where we put do\'s - don\'ts - tips -info.</p> \
                                    <label> \
                                      <textarea name="textarea" id="textarea" cols="45" rows="15"></textarea> \
                                    </label> \
                                    <br /> \
                                    <input name="submit" type="submit" value="Submit"/> \
                                    <input name="close" type="button" value="Close" onclick="javascript: closeFrm();"/> \
                                    </td> \
                                  </tr> \
                                </table> \
                          </form> \
                          </div> ';
    if(el_id=="admn_mnu")
        $("#"+el_id).before(fOrm+"<div class='trance_cover'></div>");
    else
        $("#"+el_id).prev().before(fOrm+"<div class='trance_cover'></div>");
}

function closeFrm(){
    $(".trance_cover").remove();
    $(".gal_form").remove();
}

function editGal(el){
    galForm($(el).attr("id"));
    $("#textarea").attr("value", $(el).attr("txt"));
    $("name=[file1]").attr("value", $(el).attr("txt"));
}