// -------------------------------------------------------------------
// Image Thumbnail Viewer Script- By Dynamic Drive, available at: http://www.dynamicdrive.com
// Last updated: July 7th, 2008- Fixed enlarged image not showing in IE sometimes
// -------------------------------------------------------------------

var newsbox={
enableTitle: true, //Should "title" attribute of link be used as description?
enableAnimation: true, //Enable fading animation?
definefooter: '<div class="footerbar" onClick="newsbox.closeit()">X</div>', //Define HTML for footer interface
defineLoading: '<img src="'+websiteURL+'/images/loading.gif" width="17" /> Se incarca...', //Define HTML for "loading" div

/////////////No need to edit beyond here/////////////////////////

scrollbarwidth: 16,

createloginBox:function(){
//write out HTML for Image Thumbnail Viewer plus loading div

// 2011
/*newsHTML ='\
<div style="width:548px; height:596px; background:#ffffe1 url('+websiteURL+'images/newsletter2011/ghid2011_2.jpg) top left no-repeat; margin:auto; font-family:Tahoma, Geneva, sans-serif; font-size:14px; text-align:left;">\
	<div style="text-align:right; color:#ca4171; font-weight:bold; font-size:12px; padding:7px 10px 0px 0px;" onclick="newsbox.closeit()">Inchide [X]</div>\
	<div style="padding:140px 270px 15px 50px;">\
		<form name="pop_ghid" method="post" action="http://www.aweber.com/scripts/addlead.pl" onsubmit="return newsbox.newsnew_submit_ghid();">\
		<input type="hidden" name="meta_web_form_id" value="200433423" />\
		<input type="hidden" name="meta_split_id" value="" />\
		<input type="hidden" name="listname" value="qbebe" />\
		<input type="hidden" name="redirect" value="http://www.qbebe.ro/newsletter_ok" id="redirect_6edb7e2bdd4f0c495d5441c149c676a3" />\
		<input type="hidden" name="meta_adtracking" value="Popup" />\
		<input type="hidden" name="meta_message" value="1" />\
		<input type="hidden" name="meta_required" value="custom Prenume,email,custom Luna,custom An,custom Judet" />\
		<input type="hidden" name="meta_forward_vars" value="" />\
		<input type="hidden" name="meta_tooltip" value="" />\
        <table border="0" cellpadding="0" style="width:445px; color:#333; font-size:14px; margin:270px auto 0px auto; font-weight:bold">\
        	<tr><td colspan="6"><div id="newsnew_err" style="color:#FF0000; font-size:10px; font-weight:bold; text-align:center"></div></td></tr>\
			<tr>\
            	<td>Prenume</td>\
                <td colspan="2">\
					<input id="pop custom Prenume" name="custom Prenume" type="text" size="44" />\
                </td>\
            </tr>\
			<tr>\
            	<td>Data ta de nastere</td>\
                <td align="center" width="150">\
                	<select id="pop custom Luna" name="custom Luna" style="width:95%">\
						<option value="">Luna</option>\
						<option value="1">Ianuarie</option>\
						<option value="2">Februarie</option>\
						<option value="3">Martie</option>\
						<option value="4">Aprilie</option>\
						<option value="5">Mai</option>\
						<option value="6">Iunie</option>\
						<option value="7">Iulie</option>\
						<option value="8">August</option>\
						<option value="9">Septembrie</option>\
						<option value="10">Octombrie</option>\
						<option value="11">Noiembrie</option>\
						<option value="12">Decembrie</option>\
					</select>\
                </td>\
                <td align="left" width="150">\
                	<select id="pop custom An" name="Custom An" style="width:95%">\
						<option value="">An</option>\
						<option value="2004">2004</option>\
						<option value="2005">2005</option>\
						<option value="2006">2006</option>\
						<option value="2007">2007</option>\
						<option value="2008">2008</option>\
						<option value="2009">2009</option>\
						<option value="2010">2010</option>\
						<option value="2011">2011</option>\
						<option value="2012">2012</option>\
					</select>\
                </td>\
            </tr>\
            <tr>\
            	<td>Adresa ta de e-mail</td>\
                <td colspan="2">\
                	<input type="text" id="pop custom Email" name="email" size="44" />\
                </td>\
            </tr>\
            <tr>\
            	<td>Judet</td>\
                <td colspan="2">\
                	<select id="pop custom Judet" name="custom Judet">\
						<option value="Alba">Alba</option>\
						<option value="Arad">Arad</option>\
						<option value="Arges">Arges</option>\
						<option value="Bacau">Bacau</option>\
						<option value="Bihor">Bihor</option>\
						<option value="Bistrita Nasaud">Bistrita Nasaud</option>\
						<option value="Botosani">Botosani</option>\
						<option value="Brasov">Brasov</option>\
						<option value="Braila">Braila</option>\
						<option value="BUCURESTI" selected="selected">BUCURESTI</option>\
						<option value="Buzau">Buzau</option>\
						<option value="Caras-severin">Caras-severin</option>\
						<option value="Calarasi">Calarasi</option>\
						<option value="Cluj">Cluj</option>\
						<option value="Constanta">Constanta</option>\
						<option value="Covasna">Covasna</option>\
						<option value="Dambovita">Dambovita</option>\
						<option value="Dolj">Dolj</option>\
						<option value="Galati">Galati</option>\
						<option value="Giurgiu">Giurgiu</option>\
						<option value="Gorj">Gorj</option>\
						<option value="Harghita">Harghita</option>\
						<option value="Hunedoara">Hunedoara</option>\
						<option value="Ialomita">Ialomita</option>\
						<option value="Iasi">Iasi</option>\
						<option value="Ilfov">Ilfov</option>\
						<option value="Maramures">Maramures</option>\
						<option value="Mehedinti">Mehedinti</option>\
						<option value="Mures">Mures</option>\
						<option value="Neamt">Neamt</option>\
						<option value="Olt">Olt</option>\
						<option value="Prahova">Prahova</option>\
						<option value="Satu Mare">Satu Mare</option>\
						<option value="Salaj">Salaj</option>\
						<option value="Sibiu">Sibiu</option>\
						<option value="Suceava">Suceava</option>\
						<option value="Teleorman">Teleorman</option>\
						<option value="Timis">Timis</option>\
						<option value="Tulcea">Tulcea</option>\
						<option value="Valcea">Valcea</option>\
						<option value="Vaslui">Vaslui</option>\
						<option value="Vrancea">Vrancea</option>\
					</select>\
                </td>\
				<!--td colspan="2" align="right">&nbsp;<input type="image" src="'+websiteURL+'images/ma_abonez.jpg" value="Submit" alt="Submit"></td-->\
            </tr>\
			<tr>\
				<td colspan="3" align="center"><input type="image" src="'+websiteURL+'images/newsletter2011/ghid2011_button_2.jpg" value="Submit" alt="Submit"></td>\
			</tr>\
        </table>\
		<img src="http://forms.aweber.com/form/displays.htm?id=TAwMLMzMLEzM" border="0" />\
		</form>\
    </div>\
</div>\
';*/
// 2010
newsHTML = '\
<div style="background-image: url('+websiteURL+'images/pop_restul.jpg); height:500px; width:547px; margin:auto; padding-top:150px; font-family:Arial; font-size:15px; text-align: left; background-repeat: no-repeat; background-position: right;">\
<div style="padding-left: 10px; margin-top:300px">\
    <div id="pop ghid_err" style="color: #FF0000;"></div>\
    <form name="pop_ghid" method="post" action="http://www.aweber.com/scripts/addlead.pl"  >\
    <input type="hidden" name="meta_web_form_id" value="200433423" />\
    <input type="hidden" name="meta_split_id" value="" />\
    <input type="hidden" name="listname" value="qbebe" />\
    <input type="hidden" name="redirect" value="http://www.qbebe.ro/newsletter_ok" id="redirect_6edb7e2bdd4f0c495d5441c149c676a3" />\
    <input type="hidden" name="meta_adtracking" value="Popup" />\
    <input type="hidden" name="meta_message" value="1" />\
    <input type="hidden" name="meta_required" value="custom Prenume,email,custom Luna,custom An,custom Judet" />\
    <input type="hidden" name="meta_forward_vars" value="" />\
    <input type="hidden" name="meta_tooltip" value="" />\
    <table border="0" cellpadding="4" cellspacing="0">\
    <tr>\
        <td>Prenume:</td>\
        <td><input id="pop custom Prenume" name="custom Prenume" type="text" class="textbox5" value="" style="margin: 0;" /></td>\
    </tr>\
    <tr>\
        <td>Email:</td>\
        <td><input id="pop custom Email" name="email" type="text" class="textbox5" value="" style="margin: 0;" /></td>\
    </tr>\
    <tr>\
        <td>Data nasteri:</td>\
        <td>\
            <select id="pop custom Luna" name="custom Luna">\
                <option value="">Luna</option>\
                <option value="1">Ianuarie</option>\
                <option value="2">Februarie</option>\
                <option value="3">Martie</option>\
                <option value="4">Aprilie</option>\
                <option value="5">Mai</option>\
                <option value="6">Iunie</option>\
                <option value="7">Iulie</option>\
                <option value="8">August</option>\
                <option value="9">Septembrie</option>\
                <option value="10">Octombrie</option>\
                <option value="11">Noiembrie</option>\
                <option value="12">Decembrie</option>\
            </select>\
            &nbsp;\
            <select id="pop custom An" name="Custom An">\
                <option value="">An</option>\
                <option value="2004">2004</option>\
				<option value="2005">2005</option>\
				<option value="2006">2006</option>\
				<option value="2007">2007</option>\
				<option value="2008">2008</option>\
				<option value="2009">2009</option>\
                <option value="2010">2010</option>\
                <option value="2011">2011</option>\
                <option value="2012">2012</option>\
            </select>\
        </td>\
    </tr>\
    <tr>\
        <td>Judet:</td>\
        <td>\
            <select id="pop custom Judet" name="custom Judet">\
                <option value="Alba">Alba</option>\
                <option value="Arad">Arad</option>\
                <option value="Arges">Arges</option>\
                <option value="Bacau">Bacau</option>\
                <option value="Bihor">Bihor</option>\
                <option value="Bistrita Nasaud">Bistrita Nasaud</option>\
                <option value="Botosani">Botosani</option>\
                <option value="Brasov">Brasov</option>\
                <option value="Braila">Braila</option>\
                <option value="BUCURESTI" selected="selected">BUCURESTI</option>\
                <option value="Buzau">Buzau</option>\
                <option value="Caras-severin">Caras-severin</option>\
                <option value="Calarasi">Calarasi</option>\
                <option value="Cluj">Cluj</option>\
                <option value="Constanta">Constanta</option>\
                <option value="Covasna">Covasna</option>\
                <option value="Dambovita">Dambovita</option>\
                <option value="Dolj">Dolj</option>\
                <option value="Galati">Galati</option>\
                <option value="Giurgiu">Giurgiu</option>\
                <option value="Gorj">Gorj</option>\
                <option value="Harghita">Harghita</option>\
                <option value="Hunedoara">Hunedoara</option>\
                <option value="Ialomita">Ialomita</option>\
                <option value="Iasi">Iasi</option>\
                <option value="Ilfov">Ilfov</option>\
                <option value="Maramures">Maramures</option>\
                <option value="Mehedinti">Mehedinti</option>\
                <option value="Mures">Mures</option>\
                <option value="Neamt">Neamt</option>\
                <option value="Olt">Olt</option>\
                <option value="Prahova">Prahova</option>\
                <option value="Satu Mare">Satu Mare</option>\
                <option value="Salaj">Salaj</option>\
                <option value="Sibiu">Sibiu</option>\
                <option value="Suceava">Suceava</option>\
                <option value="Teleorman">Teleorman</option>\
                <option value="Timis">Timis</option>\
                <option value="Tulcea">Tulcea</option>\
                <option value="Valcea">Valcea</option>\
                <option value="Vaslui">Vaslui</option>\
                <option value="Vrancea">Vrancea</option>\
            </select>\
        </td>\
    </tr>\
    <tr>\
        <td colspan="2"><input type="image" src="'+websiteURL+'images/news_but.jpg" value="Submit" alt="Submit" onclick="return news_submit_ghid(\'pop \');"></td>\
    </tr>\
    </table>\
    <img src="http://forms.aweber.com/form/displays.htm?id=TAwMLMzMLEzM" border="0" />\
    </form>\
</div>\
</div>';
/*
// Ascendent
newsHTML ='\
<div style="width:548px; height:596px; background:#ffffe1 url('+websiteURL+'images/news_form_new.jpg) top left no-repeat; margin:auto; font-family:Tahoma, Geneva, sans-serif; font-size:14px; text-align:left;">\
	<div style="text-align:right; color:#ca4171; font-weight:bold; font-size:12px; padding:7px 10px 0px 0px;" onclick="newsbox.closeit()">Inchide [X]</div>\
	<div style="padding:140px 280px 15px 50px;">\
    	<h2 style="font-size:16px; font-weight:bold; color:#58b235; padding:0px; margin:0px 0px 20px 0px">Inscrie-te la newsletter-ul Qbebe si vei primi automat pe e-mail:</h2>\
        Caracteristicile zodiei si ale ascendentului pentru tine si copilul tau\
		<br /><br />\
        <img src="'+websiteURL+'images/news_form_pdf.jpg" alt="pdf" border="0" /> Alimentatia bebelusului pana la varsta de 1 an\
		<br /><br />\
        <img src="'+websiteURL+'images/news_form_pdf.jpg" alt="pdf" border="0" /> Primul an de ingrijire a bebelusului\
		<br />\
		<form name="pop_ghid" method="post" action="http://www.aweber.com/scripts/addlead.pl" onsubmit="return newsbox.newsnew_submit_ghid();">\
		<input type="hidden" name="meta_web_form_id" value="200433423" />\
		<input type="hidden" name="meta_split_id" value="" />\
		<input type="hidden" name="listname" value="qbebe" />\
		<input type="hidden" name="redirect" value="http://www.qbebe.ro/send_newsletter_email.php" id="redirect_6edb7e2bdd4f0c495d5441c149c676a3" />\
		<input type="hidden" name="meta_adtracking" value="Popup" />\
		<input type="hidden" name="meta_message" value="1" />\
		<input type="hidden" name="meta_required" value="email,custom Judet,custom Prenume" />\
		<input type="hidden" name="meta_forward_vars" value="1" />\
		<input type="hidden" name="meta_tooltip" value="" />\
        <table border="0" cellpadding="0" style="width:445px; color:#de6791; font-size:14px; margin:30px auto 0px auto; font-weight:bold">\
        	<tr><td colspan="6"><div id="newsnew_err" style="color:#FF0000; font-size:10px; font-weight:bold; text-align:center"></div></td></tr>\
			<tr>\
            	<td>Prenume</td>\
                <td colspan="5">\
					<input id="pop custom Prenume" name="custom Prenume" type="text" size="44" />\
                </td>\
            </tr>\
			<tr>\
            	<td>Data ta de nastere</td>\
                <td>\
                	<select name="zi_mama" id="fld1">\
						<option value="">Ziua</option>';
		for(i=1; i<=31; i++) {
			newsHTML += '<option value="' + i + '">' + i + '</option>';
		}
		newsHTML +='\
					</select>\
                </td>\
                <td>\
                	<select name="luna_mama" id="fld2">\
						<option value="">Luna</option>\
						<option value="1">Ianuarie</option>\
						<option value="2">Februarie</option>\
						<option value="3">Martie</option>\
						<option value="4">Aprilie</option>\
						<option value="5">Mai</option>\
						<option value="6">Iunie</option>\
						<option value="7">Iulie</option>\
						<option value="8">August</option>\
						<option value="9">Septembrie</option>\
						<option value="10">Octombrie</option>\
						<option value="11">Noiembrie</option>\
						<option value="12">Decembrie</option>\
					</select>\
                </td>\
                <td>Ora</td>\
                <td>\
					<select name="ora1_mama" style="width:53px">';
			for(i=1; i<25; i++) {
				newsHTML += '<option value="' + i + '">' + i + '</option>';
			}
			newsHTML +='\
					</select>\
                </td>\
                <td>\
					<select name="ora2_mama" style="width:53px">';
			for(i=1; i<60; i++) {
				newsHTML += '<option value="' + i + '">' + i + '</option>';
			}
			newsHTML +='\
					</select>\
                </td>\
            </tr>\
            <tr>\
            	<td>Data copilului</td>\
                <td>\
                	<select name="zi_copil" id="fld5">\
						<option value="">Ziua</option>';
		for(j=1; j<=31; j++) {
			newsHTML += '<option value="' + j + '">' + j + '</option>';
		}
		newsHTML +='\
					</select>\
                </td>\
                <td>\
                	<select name="luna_copil" id="fld6">\
						<option value="">Luna</option>\
						<option value="1">Ianuarie</option>\
						<option value="2">Februarie</option>\
						<option value="3">Martie</option>\
						<option value="4">Aprilie</option>\
						<option value="5">Mai</option>\
						<option value="6">Iunie</option>\
						<option value="7">Iulie</option>\
						<option value="8">August</option>\
						<option value="9">Septembrie</option>\
						<option value="10">Octombrie</option>\
						<option value="11">Noiembrie</option>\
						<option value="12">Decembrie</option>\
					</select>\
                </td>\
                <td>Ora</td>\
                <td>\
                	<select name="ora1_copil" style="width:53px">';
			for(i=1; i<25; i++) {
				newsHTML += '<option value="' + i + '">' + i + '</option>';
			}
			newsHTML +='\
					</select>\
                </td>\
                <td>\
					<select name="ora2_copil" style="width:53px">';
			for(i=1; i<60; i++) {
				newsHTML += '<option value="' + i + '">' + i + '</option>';
			}
			newsHTML +='\
					</select>\
                </td>\
            </tr>\
            <tr>\
            	<td>Adresa ta de e-mail</td>\
                <td colspan="5">\
                	<input type="text" id="pop custom Email" name="email" size="44" />\
                </td>\
            </tr>\
            <tr>\
            	<td>Judet</td>\
                <td colspan="3">\
                	<select id="pop custom Judet" name="custom Judet">\
						<option value="Alba">Alba</option>\
						<option value="Arad">Arad</option>\
						<option value="Arges">Arges</option>\
						<option value="Bacau">Bacau</option>\
						<option value="Bihor">Bihor</option>\
						<option value="Bistrita Nasaud">Bistrita Nasaud</option>\
						<option value="Botosani">Botosani</option>\
						<option value="Brasov">Brasov</option>\
						<option value="Braila">Braila</option>\
						<option value="BUCURESTI" selected="selected">BUCURESTI</option>\
						<option value="Buzau">Buzau</option>\
						<option value="Caras-severin">Caras-severin</option>\
						<option value="Calarasi">Calarasi</option>\
						<option value="Cluj">Cluj</option>\
						<option value="Constanta">Constanta</option>\
						<option value="Covasna">Covasna</option>\
						<option value="Dambovita">Dambovita</option>\
						<option value="Dolj">Dolj</option>\
						<option value="Galati">Galati</option>\
						<option value="Giurgiu">Giurgiu</option>\
						<option value="Gorj">Gorj</option>\
						<option value="Harghita">Harghita</option>\
						<option value="Hunedoara">Hunedoara</option>\
						<option value="Ialomita">Ialomita</option>\
						<option value="Iasi">Iasi</option>\
						<option value="Ilfov">Ilfov</option>\
						<option value="Maramures">Maramures</option>\
						<option value="Mehedinti">Mehedinti</option>\
						<option value="Mures">Mures</option>\
						<option value="Neamt">Neamt</option>\
						<option value="Olt">Olt</option>\
						<option value="Prahova">Prahova</option>\
						<option value="Satu Mare">Satu Mare</option>\
						<option value="Salaj">Salaj</option>\
						<option value="Sibiu">Sibiu</option>\
						<option value="Suceava">Suceava</option>\
						<option value="Teleorman">Teleorman</option>\
						<option value="Timis">Timis</option>\
						<option value="Tulcea">Tulcea</option>\
						<option value="Valcea">Valcea</option>\
						<option value="Vaslui">Vaslui</option>\
						<option value="Vrancea">Vrancea</option>\
					</select>\
                </td>\
				<td colspan="2" align="right"><input type="image" src="'+websiteURL+'images/ma_abonez.jpg" value="Submit" alt="Submit"></td>\
            </tr>\
        </table>\
		<img src="http://forms.aweber.com/form/displays.htm?id=TAwMLMzMLEzM" border="0" />\
		</form>\
    </div>\
</div>\
';*/
          
document.write('<div id="newsForm">'+this.definefooter+newsHTML+'</div>')
document.write('<div id="newsLoading">'+this.defineLoading+'</div>')
this.loginBox=document.getElementById("newsForm")
this.loginLoading=document.getElementById("newsLoading") //Reference "loading" div that will be shown while image is fetched
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
},


centerDiv:function(divobj){ //Centers a div element on the page
var ie=document.all && !window.opera
var dom=document.getElementById
var scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset
var scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset
var docwidth=(ie)? this.standardbody.clientWidth : window.innerWidth-this.scrollbarwidth
var docheight=(ie)? this.standardbody.clientHeight: window.innerHeight
var docheightcomplete=(this.standardbody.offsetHeight>this.standardbody.scrollHeight)? this.standardbody.offsetHeight : this.standardbody.scrollHeight //Full scroll height of document
var objwidth=divobj.offsetWidth //width of div element
var objheight=divobj.offsetHeight //height of div element
var topposition=(docheight>objheight)? scroll_top+docheight/2-objheight/2+"px" : scroll_top+10+"px" //Vertical position of div element: Either centered, or if element height larger than viewpoint height, 10px from top of viewpoint
divobj.style.left=docwidth/2-objwidth/2+"px" //Center div element horizontally
divobj.style.top=Math.floor(parseInt(topposition))+"px"
divobj.style.visibility="visible"
},

showloginBox:function(){ //Show ThumbBox div
newsbox.loginLoading.style.visibility="hidden" //Hide "loading" div
this.centerDiv(this.loginBox)
//document.getElementById('login_user2').focus();
},


loadimage:function(link){ //Load image function that gets attached to each link on the page with rel="thumbnail"
if (this.loginBox.style.visibility=="visible") //if thumbox is visible on the page already
this.closeit() //Hide it first (not doing so causes triggers some positioning bug in Firefox
this.centerDiv(this.loginLoading) //Center and display "loading" div while we set up the image to be shown
setTimeout("newsbox.showloginBox()",1000);
},

closeit:function(){ //Close "thumbbox" div function
this.loginBox.style.visibility="hidden"
this.loginBox.style.left="-2000px"
this.loginBox.style.top="-2000px"
},

cleanup:function(){ //Clean up routine on page unload
this.loginLoading=null
this.loginBox=null
},

dotask:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
if (target.addEventListener)
target.addEventListener(tasktype, functionref, false)
else if (target.attachEvent)
target.attachEvent(tasktype, functionref)
},

eid: function(id) {
    return document.getElementById(''+id+'');
},
newsnew_submit_ghid: function() {
	reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	
	if(!newsbox.eid("fld1").value || !newsbox.eid("fld2").value || !newsbox.eid("fld5").value || !newsbox.eid("fld6").value || !newsbox.eid("pop custom Email").value || !newsbox.eid("pop custom Prenume").value) {
		newsbox.eid("newsnew_err").innerHTML = "Toate campurile sunt obligatorii! Completeaza cu atentie.";
	}
	else if(!reg.test(newsbox.eid("pop custom Email").value)) {
		newsbox.eid("newsnew_err").innerHTML = "Adresa de email este invalida!";
	}
	else {
		return true;
	}
	return false;
}

}

newsbox.createloginBox() //Output HTML for the image thumbnail viewer
newsbox.dotask(window, function(){newsbox.cleanup()}, "unload")
