// -------------------------------------------------------------------
// 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="'+newsURL+'/imgs/loading2.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
newsHTML = '\
<table width="400" cellpadding="0" cellspacing="0" border="0" style="margin:0 auto; text-align: left; background: #000 url('+newsURL+'imgs/newsletter/newsbox_bg.jpg) no-repeat center top">\
<tr>\
    <td style="padding: 199px 20px 20px 20px; vertical-align:top; text-align:center;font-size:14px;">\
        <p>Prin inscrierea la newsletter-ul saptamanal, Fmagazin <br/>te va tine la curent cu tot ce este nou in fashion, sanatate, dragoste si sex, celebritati si multe altele.</p>\
        Citeste <a target="_blank" href="http://www.fmagazin.ro/concursuri/geanta-mea-gucci" style="text-align:center;font-size:14px;color:#fff">regulamentul</a> !<br />\
       <br />\
        <form action="http://fmagazin.us1.list-manage.com/subscribe/post?u=55b29ce3c14dc36f4521c0f82&amp;id=f3eb86e788" method="post" name="news_form" onsubmit="return CheckForm1(this);"">\
        <table width="340" border="0" cellspacing="5" align="center">\
        <tr>\
            <td></td>\
            <td align="left"><div class="error2" id="news_pop_err"></div>\</td>\
        </tr>\
        <tr>\
            <td align="left"><b>Email: *</b></td>\
            <td><input type="text" name="EMAIL" id="EMAIL" value="" class="input_box" style="border: 0px; width:245px;color:#666;color:#666;padding:2px 0px;" /></td>\
        </tr>\
		<tr>\
            <td width="70" class="ie2" align="left"><b>Nume: *</b></td>\
            <td ><input type="text" name="NUME" id="NUME" value="" class="input_box" style="border: 0px; width:245px;color:#666;padding:2px 0px;"/></td>\
        </tr>\
        <td align="left"><b>Telefon: *</b></td>\
			<td><input type="text" name="TELEFON" id="TELEFON" value="" class="input_box" style="border: 0px; width:245px;color:#666;padding:2px 0px;"></td>\
		</tr>\
		<tr>\
            <td align="left"><b>Varsta: *</b></td>\
            <td>\
                <select name="VARSTA" id="VARSTA" class="input_box" style="border: 0px; width:245px;color:#666;padding:2px 0px;" >\
                    <option value=""></option>\
                    <option value="14-17 ani">14-17 ani</option>\
                    <option value="18-29 ani">18-29 ani</option>\
                    <option value="30-40 ani">30-40 ani</option>\
                    <option value="peste 40 ani">peste 40 ani</option>\
                </select>\
            </td>\
        </tr>\
        <tr>\
            <td align="left"><b>Judet: *</b></td>\
            <td>\
                <select name="JUDET" id="JUDET" class="input_style" style="border: 0px; width:245px;color:#666;padding:2px 0px;" >\
                    <option value=""></option>\
					<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="Braila">Braila</option>\
                    <option value="Brasov">Brasov</option>\
                    <option value="BUCURESTI">BUCURESTI</option>\
                    <option value="Buzau">Buzau</option>\
                    <option value="Calarasi">Calarasi</option>\
                    <option value="Caras-Severin">Caras-Severin</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="Salaj">Salaj</option>\
                    <option value="Satu Mare">Satu Mare</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" style="text-align: center; padding-top: 10px;">\
				<input name="but" value="Vreau sa pot castiga o geanta Gucci!" width="290px" height="15px;" type="submit" style="background:url('+newsURL+'imgs/newsletter/submit.jpg); background-repeat: no-repeat; border:0; color: #fff; font-family: arial;  font-weight: bold; text-align: center; font-size: 16px; cursor: pointer; width:312px;height:39px;" class="ie">\
			</td>\
        </tr>\
        <tr>\
            <td colspan="2"><div class="error" id="ghid_err" align="left" style="font-size: 12px;color:red"></div></td>\
        </tr>\
        </table>\
        </form>\
    </td>\
</tr>\
</table>\
';
            
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('EMAIL').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)
}

}

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

// <![CDATA[

		function CheckMultiple1(frm, name) {
			for (var i=0; i < frm.length; i++)
			{
				fldObj = frm.elements[i];
				fldId = fldObj.id;
				if (fldId) {
					var fieldnamecheck=fldObj.id.indexOf(name);
					if (fieldnamecheck != -1) {
						if (fldObj.checked) {
							return true;
						}
					}
				}
			}
			return false;
		}
        
		function CheckForm1(f) {
			
            var fname = "EMAIL";
            var fld = document.getElementById(fname);
            var email_re = /[a-z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/i;
			if (!email_re.test(fld.value)) {
				document.getElementById('news_pop_err').innerHTML = "Introdu adresa de email";
				fld.focus();
				return false;
			}		    
			
			var fname = "NUME";
			var fld = document.getElementById(fname);
			if (fld.value == "") {
				document.getElementById('news_pop_err').innerHTML = "Introdu numele";
				fld.focus();
				return false;
			}
		
			var fname = "TELEFON";
			var fld = document.getElementById(fname);
			if (fld.value == "") {
				document.getElementById('news_pop_err').innerHTML = "Introdu numarul de telefon";
				fld.focus();
				return false;
			}
		
			var fname = "VARSTA";
			var fld = document.getElementById(fname);
			if (fld.value == "") {
				document.getElementById('news_pop_err').innerHTML = "Introdu Varsta";
				fld.focus();
				return false;
			}
            
            var fname = "JUDET";
            var fld = document.getElementById(fname);
            if (fld.value == "") {
                document.getElementById('news_pop_err').innerHTML = "Introdu Judetul";
                fld.focus();
                return false;
            }
		
				return true;
			}
		
// ]]>