var browser = navigator.appName;
var versionNumber = parseFloat(navigator.appVersion);
var version = navigator.appVersion;
var version4 = version.indexOf('MSIE 4',0);
var version5 = version.indexOf('MSIE 5',0);
var pc = version.indexOf('Win',0);
var mac = version.indexOf('Mac',0);

var divPrefix = "";
var divResPrefix = "";
var slidePrefix = "";
var offerTotal = null;

var pictureArray = new Array
var propertyArray = new Array
var headlineArray = new Array();
var descTextArray = new Array();
var detailsUrl = new Array();
var reservUrl = new Array();


var i = 0;

var currentSlide = 0;
var prevSlide;
var num;

var menuObjs = []
//test by Rakhi
var menuTxtObjs = []
var menuTxt1Objs = []

function renderWidget() {
	var level = null;
	var slide = null;
	var text = null;
	var res = null;
	var d = document;

	//precache images for slide show
	var precacheSlides = new Array();
	if (document.images) {
		for (i=0; i < offerTotal; i++) {
			precacheSlides[pictureArray[i]] = new Image();
//			precacheSlides[pictureArray[i]].src = imageBase + pictureArray[i] + suffix;
			precacheSlides[pictureArray[i]].src = pictureArray[i];
		}
	}

	level = 0;
	var imgStr="";
	var imgTextStr="";
	for (i=0; i < offerTotal; i++) {
		slide = slidePrefix + i;
		text = divPrefix + i;
		res = divResPrefix + i;
		level += i;
		//build slide show objects
		menuObjs[i] = new ypSlideOutMenu(slide, "right", 0, 0, 123, 81, level);
		
		//build slide show container divs
		//document.getElementById('').innerHTML=
		/*d.write('<div style="background-color:red" id=\"' + slide + 'Container\">');		
			d.write('<div id=\"' + slide + 'Content\" class="slide">');
			d.write('<a href=\"' + detailsUrl[i] + '\"><img src=\"' + pictureArray[i] + '\" width="123" height="81" alt="" border="0"></a>');			
			d.write('</div>');
		d.write('</div>');*/
		/*alert("Test String  "+'<div style=\"background-color:red\" id=\"' + slide + 'Container\">'		
			+'<div id=\"' + slide + 'Content\" class="slide">'
			//+'<a href=\"' + detailsUrl[i] + '\"><img src=\"' + pictureArray[i] + '\" width=123 height=81  border=0></a>'			
			+'</div>'
		    +'</div>');*/

/*document.getElementById("imagePane").innerHTML ='<div style=\"background-color:red\" id=\"' + slide + 'Container\">'		
			+'<div id=\"' + slide + 'Content\" class="slide">'
			//+'<a href=\"' + detailsUrl[i] + '\"><img src=\"' + pictureArray[i] + '\" width=123 height=81  border=0></a>'			
			+'</div>'
		    +'</div>';*/
			//alert("Slide: "+ slide);
			
imgStr  = imgStr + '<div style=\"display:block;background-color: #CCFFFF;border: 2px solid #fff;position:relative;left:0px;top:0px;\" id="'+ slide + 'Container"><div id='+slide+'Content class=slide><a href=\"' + detailsUrl[i] + '\"><img src=\"' + pictureArray[i] + '\" width=123 height=81  border=0></a></div></div>';
//imgStr  = imgStr + '<div style=\"display:block;background-color: #CCFFFF;border: 2px solid #fff;position:relative;left:0px;top:0px;\" id="'+ slide + 'Container"><div id='+slide+'Content class=slide><a href=\"' + detailsUrl[i] + '\">'+i+'</a></div></div>'

		//build text div
	imgTextStr = imgTextStr + '<div width="140" id=\"' + text + '\" class="specOffer">'
		+'<table width="130" height=81 cellpadding="0" cellspacing="0" border="0" >'
		+'<tr><td align="center" valign="middle" class="hdrxsmallwidget">'
		+'<a href=\"' + detailsUrl[i] + '\">' + propertyArray[i]  + headlineArray[i] + '</a>'
		+'</td></tr>'
		//+'<tr><td class="copysmallwidget">'
		//+descTextArray[i]
		//+'<br><br></td></tr>'
		+'</table>'
		+'</div>'
		//build reseravation and more detail div
		+'<div id=\"' + res + '\" class="specOfferRes">'
		+'<table width="130" cellpadding="0" cellspacing="0" border="0">'
		+'<tr><td class="copysmall">'
		+'<a href=\"' + detailsUrl[i] + '\">Offer Details</a>'
		/* if (!reservUrl[i] == "") {
			d.write('<a href=\"' + reservUrl[i] + '\"><img align="absmiddle"  src="/resources/images/widget_reservation.gif" width="128" height="18" alt="Make a Reservation" title="Make a Reservation" border="0"></a>');
		} else {
			d.write('<img align="absmiddle" src="/resources/images/spacer.gif" width="128" height="1" border="0">');
		}
		*/
		+'</td></tr>'
		+'</table>'
		+'</div>';

		
	}
	
	d.getElementById("imagePane").innerHTML = imgStr;
	d.getElementById('imageTextPane').innerHTML = imgTextStr;
	

}

function changeSlide(increment)  {
	//alert("in change slide");
	prevSlide = currentSlide;
	currentSlide += increment;
	if (currentSlide == offerTotal) currentSlide = 0;
	if (currentSlide < 0 ) currentSlide = offerTotal - 1;

	ypSlideOutMenu.hideMenu(slidePrefix + prevSlide);
	ypSlideOutMenu.showMenu(slidePrefix + currentSlide);
	
// Modified to take care of one slide only display
	if (!((currentSlide==0) & (offerTotal==1))) {
	changeText();
	changeResText()
	updateCounter();
	}
}

function getObj(name)
{
	//alert('getObj==> '+name);
	//alert('document.getElementById '+document.getElementById(name));
	if (document.getElementById)
	{
		var style;
		if(document.getElementById(name)){
			style = document.getElementById(name).style;
		}
		return style;
	}
	else if (document.all)
	{
		return document.all[name].style;
	}
	else if (document.layers)
	{
		return document.layers[name];
	}
}

function changeText() {
	var currText = divPrefix + currentSlide;
	
	var prevText = divPrefix + prevSlide;
	var x = getObj(currText);
	var y = getObj(prevText);
	x.display = 'block';
	y.display = 'none';
}


function changeResText() {
	var currResText = divResPrefix + currentSlide;	
	var prevResText = divResPrefix + prevSlide;	
	var x1 = getObj(currResText);
	var y1 = getObj(prevResText);
	x1.display = 'block';
	y1.display = 'none';
}

function updateCounter() {
	num = currentSlide + 1;

	if ((document.all) && (version5 >= 1)) {
		document.all['counter'].innerHTML = num + "&nbsp;of&nbsp;" + offerTotal;
	}


	else if (document.getElementById)
	{

	document.getElementById('counter').innerHTML = num + "&nbsp;of&nbsp;" + offerTotal;
	}
	else {
	//counter disabled for IE4 as it is crashing the page
	}
}


function widgetLoad() {
	var obj
		
	for (var i = 0; (obj = menuObjs[i]); i++) 
	{		
	obj.load()
	ypSlideOutMenu.showMenu(slidePrefix + currentSlide);
	}
	updateCounter();
	var bar = getObj('controlBar');
	bar.display = 'block';
	var titleText = getObj('specOffer0');
	titleText.display = 'block';
	var detailsRes = getObj('specOfferRes0');
	detailsRes.display = 'block';
	//getObj('specOffer1').display='none';
	//getObj('specOfferRes1').display='none';
	
	for (var i = 1; (obj = menuObjs[i]); i++) 
	{	
	getObj(divPrefix+i).display='none';
	getObj(divResPrefix+i).display='none';
	}
	
}