var xml='card-config-playGolf.xml';
var RedecurrentPage="PLAY GOLF";
var carousel=null;
var lastItem=null;
function renderDots(size,pos){
	var count=Math.ceil(size/3);
		document.getElementById("navDots").innerHTML="";
		if(count>1)
			for(var i=1;i<=count;i++){
				var c=i+(3*(i-1))-(i-1);			
				if(i==pos)
					document.getElementById("navDots").innerHTML+="<img  class=\"dotnav "+c+"\" src=\"assets/images/carousel_dot_selected.jpg\" />";				
				else
					document.getElementById("navDots").innerHTML+="<img  class=\"dotnav "+c+"\" src=\"assets/images/carousel_dot_normal.jpg\" />";
					
				Event.addListener(Dom.getElementsByClassName("dotnav"), "click", navDotClick);
			}
}
function navDotClick(){
	var classes=new String(this.className);
	var values=classes.split(' ');		
	carousel.scrollTo(values[1]);	
}
function loadInitialItems(type, args){
		var size=this.getProperty("size");		
		renderDots(size,1);			
}
function loadNextItems(type, args){
	var size=this.getProperty("size");	
	var position=Math.floor(args[1]/3);	
	var mod=args[1]-(position*3);
	if(mod)
		position++;
	renderDots(size,position);
	Dom.setStyle(this.getItem(lastItem),"border-color","#BFBFBF");
}


function loadPrevItems(type, args){
	var size=this.getProperty("size");	
	var position=Math.floor(args[1]/3);	
	var mod=args[1]-(position*3);
	if(mod)
		position++;
	renderDots(size,position);	
}
function handlePrevButtonState(type, args){	
	if(!args[0])
		args[1].style.display='none';
	else
		args[1].style.display='block';		
	Dom.setStyle(this.getItem(this.getLastVisible()),"border-color","#E5E5E5");
	lastItem=this.getLastVisible();
	
}
function handleNextButtonState(type, args){	
	if(!args[0])
		args[1].style.display='none';
	else
		args[1].style.display='block';	
	Dom.setStyle(this.getItem(this.getLastVisible()),"border-color","#E5E5E5");
	lastItem=this.getLastVisible();
}
var startCarousel=function(){	
	//alert(document.getElementById("ulCarousel").childNodes.length);
	
	carousel = new YAHOO.extension.Carousel("carousel", 
		{
			"numVisible":        3,
			"animationSpeed":    0.5,
			"scrollInc":         3,
			"navMargin":         40,
			"prevElement":     "prev-arrow",
			"nextElement":     "next-arrow",
			"loadInitHandler":   loadInitialItems,
			"loadNextHandler":   loadNextItems,
			"loadPrevHandler":   loadPrevItems,
			"prevButtonStateHandler":   handlePrevButtonState,	
			"nextButtonStateHandler":	handleNextButtonState,
			"size": parseInt(document.getElementById("carouselCount").value)			
		}
		);
	
}

function golfGetawayStateDropDownChange() {
    var state = this[this.selectedIndex].value;
    omn_rmaction("US:GABM:Thread:08Golf:Play","Click>GETAWAY>SRCHTXT>" + getStateForTracking(state));
    if (state != "") {
        window.location = "/offers/golfGetaways/" + state;
    }
}

function teeTimesStateDropDownChange() {
    var state = this[this.selectedIndex].value;
    omn_rmaction("US:GABM:Thread:08Golf:Play","Click>TEETIME>SRCHTXT>" + getStateForTracking(state));
    if (state != "") {
        window.location = "/offers/preferredTeeTimes/" + state;
    }
}

function initStateDropDowns() {
    Event.addListener("ggbyState", "change", golfGetawayStateDropDownChange);
    Event.addListener("ttbyState", "change", teeTimesStateDropDownChange);
	var so = new SWFObject('/assets/swfs/map.swf', 'flashmap', '773', '338', '8', '#000000');
	//so.useExpressInstall('expressinstall.swf');
	so.addParam('wmode', 'transparent');	
	//alert('here');
    so.addVariable('current_page',RedecurrentPage);		
	so.addVariable('config_file','/assets/swfs/xml/map_app_config.xml');
	so.addVariable('tracking_file','/assets/swfs/xml/map_tracking.xml');
	so.write('flashmap');	
}

Event.onDOMReady(initStateDropDowns);