function ChangeSize(){
	if ($("#fastfeedback").height() < 100){
		$("#fastfeedback").css({"width":"150px", "height":"170px"});
		$("#fastfeedback .messageBar").html("Send Email");
		$("#fastfeedback textarea").css({"width":"118px","height":"30px", "color":"#ccc"});
		$("#fastfeedback .bottomBar").hide();
		$("#fastfeedback span").removeClass("restore").addClass("maximize");
		$("#fastfeedback label").html("Contact Now");
		$(window).trigger("scroll");
	}else{
		$("#fastfeedback").css({"width":"150px", "height":"26px"});
		$("#fastfeedback .messageBar").html("Send Email");
		
		$("#fastfeedback .bottomBar").hide();
		$("#fastfeedback span").removeClass("restore").addClass("maximize");
		$("#fastfeedback label").html("Contact Now");
		$(window).trigger("scroll");
		
		}
}
function ChangeSize2(){

		$("#fastfeedback").css({"width":"420px", "height":"320px"});
		$("#fastfeedback .messageBar").html("Email your Message here");
		
		$("#fastfeedback .bottomBar").show();
		$("#fastfeedback span").removeClass("maximize").addClass("restore");
		$("#fastfeedback label").html("Contact Now");
		$(window).trigger("scroll");
}



function createBox(){
	var fastfeedback = '<div id="fastfeedback">';
		fastfeedback+= '<div class="titleBar"><span class="maximize"></span> <label>Contact Us</label></div>';
		fastfeedback+= '<div class="online"><ul><li><A title="Chat with me!" href="msnim:chat?contact=china.miralce@hotmail.com"   target=_blank><img src="style/msn1.gif" border="0" align=absmiddle>Chat now</A></li><li><A title="Chat with me!" href="msnim:chat?contact=miraclecompany@miracle-china.com"   target=_blank><img src="style/msn1.gif" border="0" align=absmiddle>Chat now</A></li><li><a href="skype:miracle-china?call" _fcksavedurl=""skype:miracle-china?call"" on-click="return skypeCheck();"><img src="style/online.png" style="border: none;" alt="Call me!" /></a></li><li><a href="skype:miraclecompany?call" _fcksavedurl=""skype:miraclecompany?call"" on-click="return skypeCheck();"><img src="style/online.png" style="border: none;" alt="Call me!" /></a></li></ul></div>';
		
		fastfeedback+= '</div>';

	$("body").append($(fastfeedback));
}

function addCSS(){
		var theHead = document.getElementsByTagName('head');
		var theCSS = theHead[0].appendChild(document.createElement('link'));
		theCSS.rel='stylesheet';
		theCSS.href='#';	
}

$(document).ready(function(){
	addCSS();
	createBox();
		$(window).scroll(function(){
		wTop = $(window).height() - $("#fastfeedback").height() - 5;
		sTop = document.documentElement.scrollTop;
		if (sTop == 0){
			try{
				sTop = document.body.scrollTop;
			}catch(e){
			}
		}
		$("#fastfeedback").css({top: wTop + sTop + "px"});
	});

	$(window).resize(function(){
		wTop = $(window).height() - $("#fastfeedback").height() - 5;
		sTop = document.documentElement.scrollTop;
		if (sTop == 0){
			try{
				sTop = document.body.scrollTop;
			}catch(e){
			}
		}
		$("#fastfeedback").css({top: wTop + sTop + "px"});		
	});

	$("#fastfeedback span").bind("click", function(){
		ChangeSize();
	});

	$("#fastfeedback textarea").focus(function(){
		if ($("#fastfeedback").width() < 200){
			ChangeSize2();
		}
	});

	$("#fastfeedback button").bind("click", function(){
				mailtext=$("#fastfeedback textarea").val();
				ar =  /@/i;
				dd = mailtext.search(ar);
				if(dd > 0){							
		$("#fastfeedback .messageBar").html("Sending Email <img src='style/loading1.gif' style='vertical-align: middle'/>");
		$.ajax({
			url: "fastfeedback.php",
			type: "POST",
			data: "mailBody="+mailtext,
			success: function(text){if (text == 1){$("#fastfeedback .messageBar").html("Success!").css("color", "#006C00");}else{$("#fastfeedback .messageBar").html("Error! Try it again later").css("color", "#AA0000");};},
			error: function(e){$("#fastfeedback .messageBar").html("Some Error had happened, try it again later!").css("color", "#AA0000");}
		});
				}else{
				alert("Please leave your E-maill!");
				return false	
					}

	});
});