var getEl = YAHOO.ext.Element.get;

var paging = "";

var x=1;

var y=0;

var z=1;

var curr_id="";

YAHOO.example = function() {

	//var x=1;

	return {

		init: function(){

			YAHOO.util.Event.on(['nav_voce1','nav_voce2','nav_voce3','nav_voce4','nav_voce5','nav_voce6','nav_voce7','nav_voce8','move-back','move-next','page_link'], 'click', this.move);

		},

		move: function(e){

			YAHOO.util.Event.stopEvent(e);

			

			switch(this.id)

			{

				case "nav_voce1":

					document.getElementById("newsDetails").innerHTML = "";

					var callback = {

						success : function(o) {

							document.getElementById("newsList").innerHTML = o.responseText;

							//anim.hide();							

							allNodes = YAHOO.util.Dom.getElementsByClassName('news_id');

							loadNews(allNodes[0].id);							

						},

						failure : function(o) {

							document.getElementById("newsList").innerHTML = "CONNECTION FAILED!";

							//anim.hide();

						}

					}

			

					//anim.show();

			

					var conn = YAHOO.util.Connect.asyncRequest("GET", "page.php?pg=NEWS&page=1&r=" + new Date().getTime(), callback);

					

					break;

				case "move-back":

					if ( x === 1 ) {

						return;

					}

					var attributes = {

						points : {

							by : [0, 36]

						}

					};

					x--;

					var anim = new YAHOO.util.Motion('slide_theme', attributes, 0.5, YAHOO.util.Easing.easeOut);

					anim.animate();

									

					break;

				case "move-next":

					if ( x === paging ) {

						return;

					}

					var attributes = {

						points : {

							by : [0, -36]

						}

					};

					x++;

					var anim = new YAHOO.util.Motion('slide_theme', attributes, 0.5, YAHOO.util.Easing.easeOut);

					anim.animate();

				

					break;	

				case "nav_voce4":

					var callback = {

						success : function(o) {

							x=1;

							var root = o.responseXML.documentElement;

							var oPortfolio = root.getElementsByTagName('portfolio');

							var ul_html="<ul id=\"slide_theme\">"

							for(var i=0;i<oPortfolio.length;i++)

							{

								var oTitle = root.getElementsByTagName('title')[i].firstChild.nodeValue;

								var oID = root.getElementsByTagName('id')[i].firstChild.nodeValue;

								ul_html+="<li class=\"port_link\"><a href=\"#?p=cd\" onClick=\"javascript: loadPort('"+oID+"')\">"+oTitle+"</a></li>";

							}

							ul_html+="</ul>";

							document.getElementById("slide_port").innerHTML=ul_html;

							paging=Math.round(oPortfolio.length/2);

							loadPortfolio(root.getElementsByTagName('id')[0].firstChild.nodeValue);

						},

						failure : function(o) {

							document.getElementById("newsDetails").innerHTML = "CONNECTION FAILED!";

						}

					}

					

					var conn = YAHOO.util.Connect.asyncRequest("GET", "xml.php?ACTION=PORTFOLIO&r=" + new Date().getTime(), callback);

					break;

				case "nav_voce5":

					document.getElementById("enquiries").innerHTML = "";

					var callback = {

						success : function(o) {

							document.getElementById("enquiries").innerHTML = o.responseText;

							displayEnq(0);

						},

						failure : function(o) {

							document.getElementById("newsList").innerHTML = "CONNECTION FAILED!";

						}

					}

			

					var conn = YAHOO.util.Connect.asyncRequest("GET", "page.php?pg=ENQUIRIES&r=" + new Date().getTime(), callback);

					

					break;

					

				case "nav_voce8":

					var callback = {

						success : function(o) {

							z=1;

							y=0;

							var root = o.responseXML.documentElement;

							var oCaseStudies = root.getElementsByTagName('case_studies');

							for(var i=0;i<oCaseStudies.length;i++)

							{

								var oID = root.getElementsByTagName('id')[i].firstChild.nodeValue;

							}

							curr_id=root.getElementsByTagName('id')[0].firstChild.nodeValue;

							loadCS(curr_id);

						},

						failure : function(o) {

							document.getElementById("newsDetails").innerHTML = "CONNECTION FAILED!";

						}

					}

					

					var conn = YAHOO.util.Connect.asyncRequest("GET", "xml.php?ACTION=CASE_STUDIES&r=" + new Date().getTime(), callback);

					

					break;

				default:

					break;

			

			

			}

		}

	}; 

}();

function loadNews(id)

{

	var callback = {

		success : function(o) {

			document.getElementById("newsDetails").innerHTML=o.responseText;

		},

		failure : function(o) {

			document.getElementById("newsDetails").innerHTML = "CONNECTION FAILED!";

		}

	}

	document.getElementById("newsDetails").innerHTML="<img src=\"images/loading.gif\">";

	var conn = YAHOO.util.Connect.asyncRequest("GET", "page.php?pg=NEWS_DETAILS&id="+id+"&r=" + new Date().getTime(), callback);

}

function loadPortfolio(id)

{

	var callback = {

		success : function(o) {

			document.getElementById("portfolio_content").innerHTML=o.responseText;

			webSnapr.init();

		},

		failure : function(o) {

			document.getElementById("portfolio_content").innerHTML = "CONNECTION FAILED!";

		}

	}

	

	var conn = YAHOO.util.Connect.asyncRequest("GET", "page.php?pg=PORTFOLIO_DETAILS&id="+id+"&r=" + new Date().getTime(), callback);

}

function loadCS(id)

{

	var callback = {

		success : function(o) {

			document.getElementById("case_studies_content").innerHTML=o.responseText;

		},

		failure : function(o) {

			document.getElementById("case_studies_content").innerHTML = "CONNECTION FAILED!";

		}

	}

	

	var conn = YAHOO.util.Connect.asyncRequest("GET", "page.php?pg=CASE_STUDIES_DETAILS&id="+id+"&r=" + new Date().getTime(), callback);

}

function showEl()

{

	this.el.setStyle('display', 'block');

	//mmm.el.setBox(mmm.proxy.getBox());

	this.el.show();

	document.getElementById("newsDetails").innerHTML=this.news;

	this.proxy.hide();

}

function loadPort(id)

{

	var el=getEl('portfolio_content');

	el.setVisible(false,true);

	var callback = {

		success : function(o) {

			document.getElementById("portfolio_content").innerHTML=o.responseText;

			var el2=getEl('portfolio_content');

			el2.toggle(true);

			webSnapr.init();

		},

		failure : function(o) {

			document.getElementById("portfolio_content").innerHTML = "CONNECTION FAILED!";

		}

	}

	

	var conn = YAHOO.util.Connect.asyncRequest("GET", "page.php?pg=PORTFOLIO_DETAILS&id="+id+"&r=" + new Date().getTime(), callback);

	

}

function loadPicNext()

{

	if ( z === 3 ) {

		return;

	}

	var attributes = {

		points : {

			by : [-230, 0]

		}

	};

	z++;

	var anim = new YAHOO.util.Motion('pic_screen', attributes, 0.5, YAHOO.util.Easing.easeOut);

	anim.animate();

	document.getElementById("screen_no").innerHTML="[screen"+z+"]";

	var el=getEl('cs_grid');

	el.setVisible(false,true);

	var callback = {

		success : function(o) {

			document.getElementById("cs_grid").innerHTML=o.responseText;

			var el2=getEl('cs_grid');

			el2.toggle(true);

		},

		failure : function(o) {

			document.getElementById("cs_grid").innerHTML = "CONNECTION FAILED!";

		}

	}

	

	var conn = YAHOO.util.Connect.asyncRequest("GET", "page.php?pg=CASE_STUDIES_CONTENT&id="+curr_id+"&p="+z+"&r=" + new Date().getTime(), callback);

	



}

function loadPicBack()

{

	if ( z === 1 ) {

		return;

	}

	var attributes = {

		points : {

			by : [230, 0]

		}

	};

	z--;

	var anim = new YAHOO.util.Motion('pic_screen', attributes, 0.5, YAHOO.util.Easing.easeOut);

	anim.animate();

	document.getElementById("screen_no").innerHTML="[screen"+z+"]";

	var el=getEl('cs_grid');

	el.setVisible(false,true);

	var callback = {

		success : function(o) {

			document.getElementById("cs_grid").innerHTML=o.responseText;

			var el2=getEl('cs_grid');

			el2.toggle(true);

		},

		failure : function(o) {

			document.getElementById("cs_grid").innerHTML = "CONNECTION FAILED!";

		}

	}

	

	var conn = YAHOO.util.Connect.asyncRequest("GET", "page.php?pg=CASE_STUDIES_CONTENT&id="+curr_id+"&p="+z+"&r=" + new Date().getTime(), callback);



}

function loadClientNext()

{

	var callback = {

		success : function(o) {

			z=1;

			var root = o.responseXML.documentElement;

			var oCaseStudies = root.getElementsByTagName('case_studies');

			for(var i=0;i<oCaseStudies.length;i++)

			{

				var oID = root.getElementsByTagName('id')[i].firstChild.nodeValue;

			}

			if(y<oCaseStudies.length-1){

				y++;

				curr_id=root.getElementsByTagName('id')[y].firstChild.nodeValue;

				loadCS(curr_id);

			}

		},

		failure : function(o) {

			document.getElementById("newsDetails").innerHTML = "CONNECTION FAILED!";

		}

	}

	var conn = YAHOO.util.Connect.asyncRequest("GET", "xml.php?ACTION=CASE_STUDIES&r=" + new Date().getTime(), callback);



}

function loadClientBack()

{

	var callback = {

		success : function(o) {

			z=1;

			var root = o.responseXML.documentElement;

			var oCaseStudies = root.getElementsByTagName('case_studies');

			for(var i=0;i<oCaseStudies.length;i++)

			{

				var oID = root.getElementsByTagName('id')[i].firstChild.nodeValue;

			}

			if(y>0)

			{

				y--;

				curr_id=root.getElementsByTagName('id')[y].firstChild.nodeValue;

				loadCS(curr_id);

			}

		},

		failure : function(o) {

			document.getElementById("newsDetails").innerHTML = "CONNECTION FAILED!";

		}

	}

	var conn = YAHOO.util.Connect.asyncRequest("GET", "xml.php?ACTION=CASE_STUDIES&r=" + new Date().getTime(), callback);



}

function loadNewsDetails(id)

{

	var callback = {

		success : function(o) {



			var getEl = YAHOO.ext.Element.get;

			this.el=getEl('newsDetails');

			this.new_el=getEl('news_'+id);

			this.new_xy=this.new_el.getXY();

    		this.size = this.el.getSize();

    		this.xy = this.el.getXY();

    		this.news=o.responseText;



			this.proxy = getEl(YAHOO.ext.DomHelper.append(this.el.dom.parentNode, 

            {tag : 'div', cls: 'dialog-proxy'}), true);

    		this.proxy.setOpacity(.5);

    		this.el.setStyle('display', 'none');

    		var elements = YAHOO.util.Dom.getElementsByClassName('active-content');

    		

    		for(var i=0;i<elements.length;i++)

    		{

    			YAHOO.util.Dom.removeClass(elements[i].id, 'active-content');

    		}

    		

			YAHOO.util.Dom.addClass('news_'+id, 'active-content');

			if(!this.el.isVisible()){    		

				this.proxy.setXY(this.new_xy);

	            this.proxy.setSize(20, 20);

	            this.proxy.show();

	            this.proxy.setBounds(this.xy[0], this.xy[1], this.size.width, this.size.height, true, .35, showEl.createDelegate(this));

	        }

	},

		failure : function(o) {

			document.getElementById("newsDetails").innerHTML = "CONNECTION FAILED!";

		}

	}

	document.getElementById("newsDetails").innerHTML="<img src=\"images/loading.gif\">";	

	var conn = YAHOO.util.Connect.asyncRequest("GET", "page.php?pg=NEWS_DETAILS&id="+id+"&r=" + new Date().getTime(), callback);	

}

function displayEnq(index)

{

	if(index==1)

	{

		var currIndex=0;

		var newIndex=1;

		var startpos=362;

		

		var eForm = document.getElementById('eForm');

	if(eForm.elements['name'].value=="")

	{

		alert("Error: Please specify a name");

		eForm.elements['name'].focus();

		return false;

	}

	if(eForm.elements['address1'].value=="" && eForm.elements['address2'].value=="")

	{

		alert("Error: Please specify an address.");

		eForm.elements['address1'].focus();

		return false;						

	}

	if(eForm.elements['country'].value=="")

	{

		alert("Error: Please select country.");

		eForm.elements['country'].focus();

		return false;	

	}

	if(eForm.elements['phone'].value=="")

	{

		alert("Error: Please specify a phone no.");

		eForm.elements['phone'].focus();

		return false;

	}

	if(eForm.elements['phone'].value != "")

	{

		var PNum = new String(eForm.elements['phone'].value);

		var regex = /[0-9]/;

		

		if(!regex.test(PNum))

		{

			alert("Error: Please type in correct format of phone no. e.g: 0123456789");

			eForm.elements['phone'].focus();

			return false;

		}

	}

	if(eForm.elements['email'].value=="")

	{

		alert("Error: Please specify an email address.");

		eForm.elements['email'].focus();

		return false;

	}

	if(eForm.elements['email'].value != "")

	{

		var email = eForm.elements['email'].value;

		var regex = /^(.+)@([^\(\);:,<>]+\.[a-zA-Z]{2,4})/;

		if(!regex.test(email))

		{

			alert("Error: Please type in your correct format of email address. e.g: abc@abc.com");

			eForm.elements['email'].focus();

			return false;

		}

	}	

	}



	if(index==0){var currIndex=1;var newIndex=0;var startpos=-362;}	

	

	YAHOO.util.Dom.setStyle('inside-'+newIndex,'position','absolute');

	YAHOO.util.Dom.setStyle('inside-'+newIndex, 'left', startpos+'px');

	YAHOO.util.Dom.setStyle('inside-'+newIndex, 'display', 'block');

	var finishFade = function() {

		//var el = this.getEl();

		YAHOO.util.Dom.setStyle('inside-'+currIndex, 'display', 'none');

		YAHOO.util.Dom.setStyle('inside-'+currIndex, 'opacity', 1);

	}



	YAHOO.util.Dom.setStyle('inside-'+currIndex, 'opacity', 1);

	YAHOO.util.Dom.setStyle('inside-'+currIndex, 'background-color', '#fff');

	var fadeAnim = new YAHOO.util.Anim('inside-'+currIndex, { opacity: { to: 0 }}, 0.6, YAHOO.util.Easing.easeOut);

	fadeAnim.onComplete.subscribe(finishFade); 

	fadeAnim.animate();

	var flyAnim = new YAHOO.util.Anim('inside-'+newIndex, { left: { from: startpos, to: 0 } }, 0.5, YAHOO.util.Easing.easeBoth); 

	flyAnim.animate();	

}

function submit_Form()

{

	var eForm = document.getElementById('eForm');

	YAHOO.util.Connect.setForm(eForm);



	var callback = {

		success : function(o) {

			document.getElementById("enquiries").innerHTML=o.responseText;

		},

		failure : function(o) {

			document.getElementById("enquiries").innerHTML="CONNECTION FAILED";

		}						

	}

	var conn = YAHOO.util.Connect.asyncRequest('POST','submit.php',callback);

	

}



YAHOO.util.Event.onAvailable('box1', YAHOO.example.init, YAHOO.example, true);