// -------------------------------------------------------------------
// 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" style="position:absolute; width:100%" 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="background-image:url('+websiteURL+'images/pop_sarcina.jpg); height:556px; width:516px; margin:auto; padding-top:150px; font-family:Arial; font-size:15px; text-align: left; background-repeat: no-repeat; background-position: top left;">\
<div style="padding-left: 10px; margin-top:240px; margin-left:100px">\
    <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" style="font-weight:bold">\
    <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>';  
document.write('<div id="newsForm" style="height:556px; width:516px;">'+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")