//Preload tab images
tabImage_1 = new Image(); 
tabImage_1.src = "../images/tripplanner/wish_tab2.png";
//tabImage_2 = new Image(); 
//tabImage_2.src = "../images/tripplanner/trips_tab2.png";
tabImage_added = new Image(); 
tabImage_added.src = "../images/tripplanner/wish_tab_added.png";

/*
	function toggle()
	{
		var effect = new Fx.Style('accordion', 'height', {
			duration: 500, 
			transition: Fx.Transitions.Sine.easeInOut
		});

		effect.start(0);			
	}
*/

/*
	
	var stretchers = $$('div.accordion');
	var togglers = $$('h4.toggler');
	//stretchers.setStyles({'height': '0', 'overflow': 'hidden'});
	window.addEvent('load', function(){
		//the accordion
		var myAccordion = new Accordion('h4.toggler', 'div.accordion', {
			//'opacity': false,
			//'height': false,
			'duration': 500,
			'start': true,
			//'transition': Fx.Transitions.Quad.easeOut,
			'alwaysHide': true
		});
	});
*/

toggleNextByTagAndClassName('h4','toggler');

function getElementsByTagAndClassName(tag,cname) {
 var tags=document.getElementsByTagName(tag);
 var cEls=new Array();
 for (i=0; i<tags.length; i++) {
  var rE = new RegExp("(^|\\s)" + cname + "(\\s|$)");
   if (rE.test(tags[i].className)) {
   cEls.push(tags[i]);
   }
  }
 return cEls;
}

function toggleNextByTagAndClassName(tag,cname) {
 clickers=getElementsByTagAndClassName(tag,cname);
 for (i=0; i<clickers.length; i++) {
  clickers[i].onclick=function() {toggleNext(this)}
//  toggleNext(clickers[i]);
 }
}


function toggleNext(el) {
 var next=el.nextSibling;
 while(next.nodeType != 1) next=next.nextSibling;
 //next.style.display=((next.style.display=="none") ? "block" : "none");
 //alert(next.id);
	var effect = new Fx.Style(next.id, 'height', {duration: 500,transition: Fx.Transitions.Sine.easeInOut});
	if (next.id == "tp_recTrips"){
	(next.style.height=="0px") ? effect.start(257) : effect.start(0);
	}else if (next.id == "tp_sharedTrips"){
	(next.style.height=="0px") ? effect.start(257) : effect.start(0);
	}else if (next.id == "tp_city"){
	(next.style.height=="0px") ? effect.start(43) : effect.start(0);
	}else{
	(next.style.height=="0px") ? effect.start(111) : effect.start(0);}
}

	var position = 0;
	//alert(position);
	
	var effect = new Fx.Style('scroller_content', 'marginLeft', {
		duration: 500,
		wait: true,
		transition: Fx.Transitions.Sine.easeInOut
	});

	function MoveLeft()
            {
		document['arrowRight'].src = "../images/tripplanner/browse_right.gif";
	    
		if(position == 0){
			// do nothing, at start of slides
		}else if(position == 1){
			// switch arrow to dimmed version
			document['arrowLeft'].src = "../images/tripplanner/browse_left2.gif";
			position = position - 1;
			
			var left = document.getElementById("tp_recviewed_scroller").style.marginLeft;
			
			if (left == "")
			    left = 0;
			
			effect.start(parseInt(left));			
		}else{
			document['arrowLeft'].src = "../images/tripplanner/browse_left.gif";
			position = position - 1;
			
			var left = document.getElementById("scroller_content").style.marginLeft;
			
			if (left == "")
			    left = 0;
			
			effect.start(parseInt(left)+109);
		}
		//alert(position);
            }
            
            function MoveRight()
            {
	    
		document['arrowLeft'].src = "../images/tripplanner/browse_left.gif";
		
		if(position == 4){
			// do nothing, at end of slides
		}else if(position == 3){
			// switch arrow to dimmed version
			document['arrowRight'].src = "../images/tripplanner/browse_right2.gif";
			position = position + 1;

			var left = document.getElementById("scroller_content").style.marginLeft;
			
			if (left == "")
			    left = 0;
			
			effect.start(parseInt(left)-109);
		}else{
			document['arrowRight'].src = "../images/tripplanner/browse_right.gif";
			position = position + 1;

			var left = document.getElementById("scroller_content").style.marginLeft;
			
			if (left == ""){
			    left = 0;
			    }
			
			effect.start(parseInt(left)-109);
		}
		//alert(position);
            }
	    
	    
function MoveOutTab()
{	
	
	var outcheck = document.getElementById("tp_viewPlane").style.marginLeft;
	//if (outcheck == "155px"){
	if (outcheck == "0px"){
		//MOVES TAB BACK IN
		document['wishList'].src = "../images/tripplanner/wish_tab.png";
//		document['myTrips'].src = "../images/tripplanner/trips_tab.png";
	
		var growViewPlane = new Fx.Style('tp_viewPlane', 'width', {
			duration: 500, 
			transition:  Fx.Transitions.Sine.easeInOut
		});
		
		var effect = new Fx.Style('tp_viewPlane', 'marginLeft', {
			duration: 500, 
			transition:  Fx.Transitions.Sine.easeInOut
		});

		growViewPlane.start(24);
		effect.start(336);
	
	}else{
		//MOVES TAB OUT
		document['wishList'].src = tabImage_1.src;
//		document['myTrips'].src = tabImage_2.src;
	
		var growViewPlane = new Fx.Style('tp_viewPlane', 'width', {
			duration: 500, 
			transition:  Fx.Transitions.Sine.easeInOut
		});

		var effect = new Fx.Style('tp_viewPlane', 'marginLeft', {
			duration: 500, 
			transition:  Fx.Transitions.Sine.easeInOut
		});

		//growViewPlane.start(205);
		//effect.start(155);
		growViewPlane.start(360);
		effect.start(0);
	}
	
}

function showInfo(elID,e){
	var idNum = elID;
//	idNum = idNum.replace(/qckInfoLink_/,"");
	idNum = idNum.replace(/.+_/,"");
	//alert(idNum);
	var qckInfoElStr = "qckInfo_" + idNum;
	var qckInfoEl = document.getElementById(qckInfoElStr);

/*
	var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if(e){
		if (e.pageX || e.pageY) {
			posx = e.pageX;
			posy = e.pageY;
		}
		else if (e.clientX || e.clientY) 	{
			posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
			posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
		}
	}

	var IE6 = false;

  if (!IE6) {
	if (window.pageYOffset) {
		posy = window.pageYOffset;
	} else {
		posy = document.body.scrollTop;
	}
	posy = 100;
	posx = (document.body.scrollWidth - 408)/2;
	qckInfoEl.style.position = "fixed";
  }

	qckInfoEl.style.top = (posy-100)+"px";
	qckInfoEl.style.left = posx+"px";
*/
	qckInfoEl.style.display = "block";

	try{
		pageTracker._trackPageview('/visitindiana/tripplanner/detailsBox.aspx?id=' + idNum);
	} catch(err) {}

	return false;
}

function hideInfo(el){
	el.parentNode.parentNode.style.display = "none";
}

function showShareOpts(el){
	if(el.checked == true){
		document.getElementById("shareOptions").style.visibility = "visible";
		/*document.getElementById("sharePass").style.display = "block";*/
	}else{
		document.getElementById("shareOptions").style.visibility = "hidden";
		document.getElementById("sharePass").style.display = "none";
	}
}

function showProtOpts(el,actionStr){
	if(actionStr == 'show'){
		document.getElementById("sharePass").style.display = "block";
	}else{
		document.getElementById("sharePass").style.display = "none";
	}
}


function showSignIn()
{
	var signinWindow = document.getElementById("tp_signin");
	signinWindow.style.position = "absolute";
	signinWindow.style.top = "390px";
	signinWindow.style.left = "50%";
	signinWindow.style.marginLeft = "-155px";
	signinWindow.style.display = "block";
}

function showRegister()
{
	var signinWindow = document.getElementById("tp_register");
	signinWindow.style.position = "absolute";
	signinWindow.style.top = "390px";
	signinWindow.style.left = "50%";
	signinWindow.style.marginLeft = "-252px";
	signinWindow.style.display = "block";
}

function hideOverlay(el)
{
	el.parentNode.parentNode.parentNode.style.display = "none";
	//document.getElementById("tp_signin").style.display = "none";
}
function addToWish(id,prodNameStr,prodPhotoStr)
	{
		var wt = document.getElementById("wishandtrips");
		wt = wt.getElementsByTagName('div');
		//alert(wt[1].className);
		var ulist = wt[1].getElementsByTagName('ul');
		//alert(ulist[0].className);
		
		var nLi = document.createElement('li');
		var nAddedItemDiv = document.createElement('div');
		nAddedItemDiv.className = "addedItem";
		
			var nPhotoDiv = document.createElement('div');
			nPhotoDiv.className = "photo";
			var nImgPhoto = document.createElement('img');
			nImgPhoto.setAttribute('src', '../images/tripplanner/'+prodPhotoStr);
			nPhotoDiv.appendChild(nImgPhoto);
			
		nAddedItemDiv.appendChild(nPhotoDiv);
			
			var nButtonDiv = document.createElement('div');
			nButtonDiv.className = "buttons";
			var nRemoveBtn = document.createElement('a');
			nRemoveBtn.className = "list_delBtn";
			nRemoveBtn.setAttribute('href', 'javascript:void(0);');
			nRemoveBtn.onclick = function() {ajaxRemove(id);removeFromWish(this);}
			
			var nDelImage = document.createElement('img');
			nDelImage.setAttribute('src', '../images/tripplanner/list_delBtn.gif');
			
			nRemoveBtn.appendChild(nDelImage);
			nButtonDiv.appendChild(nRemoveBtn);
			
		nAddedItemDiv.appendChild(nButtonDiv);	

			var nNameDiv = document.createElement('div');
			nNameDiv.className = "name";
			var nP = document.createElement('p');
			var nPText=document.createTextNode(prodNameStr);
			nP.appendChild(nPText);
			
			nNameDiv.appendChild(nP);
			
		nAddedItemDiv.appendChild(nNameDiv);
		
		nLi.appendChild(nAddedItemDiv);
		ulist[0].appendChild(nLi);
		
		//increment Wish List count
		var countLbl = document.getElementById("lblWishCount");
		var countStr = parseInt(countLbl.firstChild.nodeValue);
		//alert(countLbl.firstChild.nodeValue);
		//alert(countStr + 1);
		countLbl.innerHTML = countStr + 1;
		
		//Bounce the Wish List Tab as indicator
			//Bounce.easeOut
			var bounceViewPlane = new Fx.Style('tp_viewPlane', 'width', {
				duration: 50, 
				transition:  Fx.Transitions.Sine.easeInOut
			});

			var bounce = new Fx.Style('tp_viewPlane', 'marginLeft', {
				duration: 50, 
				transition:  Fx.Transitions.Sine.easeInOut
			});
			document['wishList'].src = tabImage_added.src;
			//OUT
			bounceViewPlane.start(32);
			bounce.start(328);
			//IN
			//bounceViewPlane.start(24);
			//bounce.start(336);
		
		return false;
	}
	
	function removeFromWish(el)
	{
		//Result: alerts "LI"
		//alert(el.parentNode.parentNode.parentNode.tagName);
		var delLi = el.parentNode.parentNode.parentNode;
		var selUL = el.parentNode.parentNode.parentNode.parentNode;
		selUL.removeChild(el.parentNode.parentNode.parentNode);
		
		//decrement Wish List count
		var countLbl = document.getElementById("lblWishCount");
		var countStr = parseInt(countLbl.firstChild.nodeValue);
		countLbl.innerHTML = countStr - 1;
		
	}