YUI().use("node", "anim",
function(Y) {
	function finish(e) {
		e.preventDefault();
		var firstName, lastName, cityName, articleType, previewUrl, form, fb = '';
		
		form  = document.forms[0];
		articleType = form.article.options[form.article.selectedIndex].value;
		firstName = form.firstname.value;
		lastName = form.lastname.value;
		city = form.city.value;
		fb = form.fb.value;
		if (fb.length==0) fb = 'none';
		document.location = "/"+firstName+"/"+lastName+"/"+city+"/"+articleType+"/"+fb;
	}

	function previewArticle(e, form) {

		e.preventDefault();
		var firstName, lastName, cityName, articleType, previewUrl, form, fb = '';
		
		form  = document.forms[0];
		articleType = form.article.options[form.article.selectedIndex].value;
		firstName = form.firstname.value;
		lastName = form.lastname.value;
		city = form.city.value;
		fb = form.fb.value;
		if (fb.length==0) fb = 'none';
		previewUrl = "http://www.noob.co.in/"+firstName+"/"+lastName+"/"+city+"/"+articleType+"/"+fb+"/";
		//Y.get('#share').setStyle('background-color', '#fffec6');

		if (Y.get("#previewFrame")) {
			var previewFrame = Y.get('#previewFrame');
			previewFrame.get('parentNode').removeChild(previewFrame);
		}
		
		Y.get('#url').setAttribute("value", escape(previewUrl).replace('http%3A', 'http:'));
		Y.get('#addthis').setStyle('display', 'block');
		addthis.button('#addthis', {}, {url: previewUrl, title: "News Article"});

		//}
		//if (firstName.length && lastName.length && cityName.length && articleType.length) {
  
	        
        var myAnim1 = new Y.Anim({
                node: '#wrapper',
                to: {
                    width: function(node) {
                        return node.get('winWidth') - 80;
                    }
               }
        });	
        
        var onEnd = function() {		
			if (!Y.one('#previewFrame')) ifrm = document.createElement("iframe");
			//ifrm.setAttribute("src", "/?firstname="+firstName+"&lastname="+lastName+"&city="+city+"&article="+articleType);
			ifrm.setAttribute("src", "/"+firstName+"/"+lastName+"/"+city+"/"+articleType+"/"+fb+"/#headline");
			ifrm.setAttribute("id", "previewFrame");
			ifrm.setAttribute("frameborder", 0);
			if (Y.one(document.body).get('winWidth') > 1100) ifrm.style.width = Y.one(document.body).get('winWidth') - 521+"px";
			else ifrm.style.width = Y.one(document.body).get('winWidth') - 113 + 'px';
			ifrm.style.height = 600+"px";
			
			Y.one('#preview').appendChild(ifrm); 
			Y.one('#preview').setStyle('display', 'inline');
	      	Y.one('#preview').setStyle('height','601px');
	      	
	      	
	      	if (Y.one(document.body).get('winWidth') > 1100) {
	      		Y.one('#preview').setStyle('width', Y.one(document.body).get('winWidth') - 511 + 'px');
	      		Y.one('#preview').setStyle('margin', '0 0 0 17px');		
	      	} else {
	      		Y.one('#preview').setStyle('width', Y.one(document.body).get('winWidth') - 111 + 'px');
	      		Y.one('#preview').setStyle('margin', '20px 0 0 0');	
		    }
		       
		    var myAnim2 = new Y.Anim({
	                node: '#share',
	                to: {
	                    backgroundColor:'#fffec6'
	               }
	        });	 
	        myAnim2.run();
	      	        	        
	        var myAnim3 = new Y.Anim({
	                node: '#previewFrame',
	                to: {
	                   opacity: 1	               
	                },
	                from: { opacity:0 }
	        });	
	        myAnim3.run();
    	};
    
   		myAnim1.on('end', onEnd);
        myAnim1.run();
	}
	
	
	function inputFocus(el) {
		el = el.currentTarget._node;
		if (el.value == 'Barack' || el.value == 'Obama' || el.value == 'Washington, DC') el.value = '';
		else if (el.id == 'url') el.select();
	
	}
	
	function inputBlur(el) {
		el = el.currentTarget._node;
		if (el.id == 'firstname' && el.value == '') el.value = 'Barack';
		else if (el.id == 'lastname' && el.value == '') el.value = 'Obama';
		else if (el.id == 'city' && el.value == '') el.value = "Washington, DC";
	}
	
	//  available, and ready for use.
    Y.on("click", previewArticle, "#previewArticle", document.forms[0]);
    Y.on("click", finish, "#submit", document.forms[0]);
    Y.on("resize", previewArticle, window, document.forms[0]);
    Y.on("click", inputFocus, "#url, #firstname, #lastname, #city");
    Y.on("blur", inputBlur, "#url, #firstname, #lastname, #city");
});