/*xmlDoc=loadXMLDoc("XML/data1.xml");*/



var MainBlock=document.getElementById("webprojects");





x=xmlDoc.documentElement;



x_id=xmlDoc.getElementsByTagName("id");

x_name=xmlDoc.getElementsByTagName("name");

x_date=xmlDoc.getElementsByTagName("date");

x_url=xmlDoc.getElementsByTagName("url");

x_desc=xmlDoc.getElementsByTagName("description");

x_Image=xmlDoc.getElementsByTagName("images");

x_color=xmlDoc.getElementsByTagName("color");



var xid_len=x_id.length;



for (i=0; i<xid_len;i++){

	MainBlock.innerHTML+="<li class='default'><h3 class='toggler'><ul class='webnav'><li class='left'></li><li class='name'></li><li class='date'></li></ul></h3><div class='web_content accordion'><p class='web_header'><img alt='' src='images/spanner.gif' /></p><div class='web_imgs'></div><p class='web_comment' style='visibility: visible; opacity: 0.90; filter:alpha(opacity=90);'></p><div class='web_footer'><a class='btn_comment' title='Description' ></a></div></div></li>"

	

}



var LIblock=document.getElementById("webprojects").getElementsByTagName("li");

var DivBlock=document.getElementById("webprojects").getElementsByTagName("div");

var PBlock=document.getElementById("webprojects").getElementsByTagName("p");



//alert(x_id.length)

var k_sno=0;

var k_id=0;

var k_date=0;

var k_desc=0;

var k_img=0;

var k_url=0;



var LIblock_len=LIblock.length;



for(i=0;i<LIblock_len;i++){

	if(LIblock[i].className=="left"){		

		k_sno+=1;

		LIblock[i].innerHTML=k_sno;		

	}

	else if(LIblock[i].className=="name"){		

//		alert(x_id[k_id].childNodes[0].nodeValue)

		LIblock[i].innerHTML=x_id[k_id].childNodes[0].nodeValue

		k_id+=1;

	}

	else if(LIblock[i].className=="date"){		

		LIblock[i].innerHTML=x_date[k_date].childNodes[0].nodeValue

		k_date+=1;

	}

}



var HeaderNum=1;



var ActiveTheme=$$('li.default')

var HeaderBg=$$('ul.webnav')

HeaderBg.addEvent('mouseenter', webnavEnter = function() 

	{

		this.setStyle('background-position','0 -35px');							

	});

	

HeaderBg.addEvent('mouseleave', webnavLeave = function() 

	{

		this.setStyle('background-position','0px 0px');													

	});

	

HeaderBg.addEvent('mousedown', webnavDown = function() 

	{

		this.setStyle('background-position','0px -70px');															

		var currentHeader=1;

		

		currentHeader=this.innerHTML.substr(this.innerHTML.indexOf("left")+6,3)

	 	

		if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){	   		

			currentHeader=this.innerHTML.substr(this.innerHTML.indexOf("left")+5,3)

		}

		

		if(isNaN(currentHeader)==true){

			currentHeader=currentHeader.substr(0,2)		

			

			if(isNaN(currentHeader)==true){

				currentHeader=currentHeader.substr(0,1)

			}

		}	

		//alert(HeaderNum)

		if(currentHeader!=parseInt(HeaderNum)){		

		

			this.toggleClass('webnav_active');	

			if(HeaderNum>0){

				//alert("currentHeader: " + currentHeader + "  HeaderNum:"+ HeaderNum + "--" + x_color[HeaderNum-1].childNodes[0].nodeValue)

				ActiveTheme[currentHeader-1].addClass(x_color[currentHeader-1].childNodes[0].nodeValue);				

				HeaderBg[HeaderNum-1].removeClass('webnav_active');	

				HeaderBg[HeaderNum-1].addClass('webnav');				

			}

		}		

		HeaderNum=currentHeader	

		

	});

	

var PBlock_len=PBlock.length;	

	

for(i=0;i<PBlock_len;i++){

	if(PBlock[i].className=="web_header"){		

		PBlock[i].innerHTML="<a href='" + x_url[k_url].childNodes[0].nodeValue + "' target='_blank'>"+ x_url[k_url].childNodes[0].nodeValue + "</a><br />";			

		k_url+=1;

	}

	else if(PBlock[i].className=="web_comment"){		

		PBlock[i].innerHTML=x_desc[k_desc].childNodes[0].nodeValue;

		k_desc+=1;

	}

}

var countMulImg=0;

var DivBlock_len=DivBlock.length;

for(i=0;i<DivBlock_len;i++){



	if(DivBlock[i].className=="web_imgs"){		

		var xx_img=x_Image[k_img].childNodes[0].nodeValue

		var x_Img=new Array();

		//for multiple images which are separated by comma(,) if there are multiple

		if(xx_img.match(",")!=null) 			//checking (,)

			x_Img=xx_img.split(",") 						

		else 

			x_Img[0]=xx_img	

		

		// Case when there are multiple images to show

		if(x_Img.length>1){

			DivBlock[i].innerHTML="<div id='d" + i +"' style='position:absolute; z-index:0; left:0; top:auto;'> <img src='portfolio/" + x_Img[0] + "' alt='" + x_Img[1] + "' id='" + i + "' class='scnImg' /></div>"		

			DivBlock[i].innerHTML+="<ul id='u" + countMulImg + "'><li id='p" + countMulImg + "'><a class='prev' /></li><li class='nav_nr'><a class='active' name='0' id='f" + countMulImg + "'>1</a></li><li class='nav_nr last'><a name='1' id='s" + countMulImg + "'>2</a></li><li id='n" + countMulImg + "'><a class='next' /></li></ul>"			

			countMulImg+=1;				

		}

		else{

			DivBlock[i].innerHTML="<img src='portfolio/" + x_Img[0] + "' alt='" + x_Img[0] + "'  />"		

		}			

		

		k_img+=1;

	}	

}





var commmentBtn=$$('p.web_comment')		

var PrevBtn=$$('a.prev')

var NextBtn=$$('a.next')

var SecondImg=$$('img.scnImg')

//var MultiULblockNum=$$('li.nav_nr')

var MultiAblockNum=$$('li.nav_nr a')

//alert(MultiAblockNum.length)

$$('a.btn_comment').addEvent('click', showComment);





addBtnAction(PrevBtn, 'images/btn_prev.gif', '0', '-38px',  '38px','1');

addBtnAction(NextBtn, 'images/btn_next.gif', '0', '-38px',  '38px','2');

addBtnAction($$('a.btn_comment'), 'images/btn_comment.gif', '0', '16px',  '-16px','3');

addBtnAction(MultiAblockNum, '', '0', '0',  '0','4');



function showComment() {

	objElement = $$('p.web_comment');

	objElement.toggleClass('hide')

};





var altImg="";

var tempImg="";

var DivID="";

var NextImg=""





function ChangeMulImg(nodeID){

	

	if(SecondImg[nodeID].className=='scnImg'){

		var srcName;												

		

		//alert("outside=="+ altImg + "--" + nodeID  + " :: "+ countMulImg)

		if(altImg=="" || nodeID!=countMulImg){

			srcName=SecondImg[nodeID].src;						

			countMulImg=nodeID;

			NextImg=""			

			altImg=srcName.substr(srcName.indexOf("portfolio/")+9)

			DivID=SecondImg[nodeID].id								

			//alert("inside if==" + srcName + "--" + altImg + "-- " + nodeID  + " :: "+ countMulImg)

		}

		

		if(NextImg!=""){

			altImg=NextImg

		}

		//alert("After NextImg test==altImg:: " + altImg + "  NextImg:: " + NextImg)

		tempNum=altImg.substr(altImg.indexOf("_")+2,1)



		if(tempNum==1){ 

			tempImg=altImg.replace(/1/,"2")

			NextImg=tempImg

		}

		else if(tempNum==2){

			tempImg=altImg.replace(/2/,"1")								

			NextImg=tempImg

		}

		

							

		$("d"+ DivID).innerHTML="<img src='portfolio/" + tempImg + "' alt='" + altImg + "' id='" + DivID + "' class='scnImg' />"																			

		var tempNum0=parseInt(nodeID*2)

		var tempNum1=parseInt(nodeID*2)+1

		if(tempNum==2){	

			MultiAblockNum[tempNum0].className="active"

			MultiAblockNum[tempNum1].className=""

		}

		else if(tempNum==1){

			MultiAblockNum[tempNum0].className=""

			MultiAblockNum[tempNum1].className="active"

		}

	}

}





function addBtnAction(id, url, mouseleave, mouseenter, mousedown, flag) {





	id.setStyle('background-image', 'url('+url+')');

	

	id.addEvent('mouseenter', function()

	{

		id.setStyle('background-position','0 '+mouseenter);

	});

	

	id.addEvent('mouseleave', function()

	{

		id.setStyle('background-position','0 '+mouseleave);

	});

	

	id.addEvent('mousedown', function()

	{

		id.setStyle('background-position','0 '+mousedown);

	});

	

	id.addEvent('mouseup', function()

	{

		id.setStyle('background-position','0 '+mouseenter);

	});

	





countMulImg="";



	id.addEvent('mousedown', function(){

		var x1;		

		

		if(flag==1 || flag==2){ 	//for left and right buttons

			x1=this.parentNode.id.substr(1)		

			ChangeMulImg(x1)				

		}

		else if(flag==4){		//for numbers only

			//alert(this.name)

			var ap;

			x1=this.name	

			ap=this.id.substr(1)		

	//		alert(ap + "::" + x1 + this.className)			

			if(this.className=="")

				ChangeMulImg(ap)

		}

	});

}