// JavaScript Document
$(document).ready(function() {
						   
	var templateP = $('#epackTemplate').val();
	//alert(templateP)
	if(templateP == undefined){
		return false;
	}
	
	var picSize = 130
	if (templateP > 2) {
		picSize = 200
	}
	
	var cookMark = getCookie('utmcampaign');
	var cookMkVal
	//alert(cookMark);
	if (cookMark != null){
		cookMkVal = cookMark.split('=')
		/*if($('#qutm_campaign').length != 0){
			$('#qutm_campaign').val(jQuery.trim(cookMkVal[1]));
			$('#valCook').html(cookMkVal[1]);
			//alert($('#qutm_campaign').val());
		}*/
		if($('#utm_campaign').length != 0){
			$('#utm_campaign').val(jQuery.trim(cookMkVal[1]));
			$('#valCook').html(jQuery.trim(cookMkVal[1]));
			//alert($('#utm_campaign').val());
		}
	}
	
    var msg = '';
    var pics = '';
    var aPic = '';
	var video = '';
    $.ajax({
        type: "POST",
        url: "/STED-F3/WS_PackPage.asmx/picsForPack",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: '{packID:"' + $('#pakID').val() + '"}',
        success: function(data) {
            msg = eval("(" + data.d + ")");
            buildPics(msg);
        },
		error: function (xhr, desc, exceptionobj) {
		//alert(xhr.responseText +' = error');
		 $('#packPics').html(xhr.responseText);
		}
    });
	
	function buildPics(msg){
		var dvShw
		jQuery.each(msg, function(data){
			if (this.picSEQ == 1) {
				dvShw = 'block'
				aPic = '<div style="display:' + dvShw + '" ><a href="http://pictures.solardestinations.com' + this.picURL + '" rel="prettyPhoto[gallery1]" title="' + this.picNA + '"><img id="pic1" src="http://pictures.solardestinations.com' + this.picURL + '" width="'+ picSize +'" height="'+ picSize +'" alt="' + this.picNA + '" style="background-color:#fff;	padding:2px; border:1px solid #ccc; -moz-border-radius:4px;	-webkit-border-radius:4px;"/><div style="padding:3px 3px"><img src="/STED-F3/images/pic-enlarger.jpg" border="0"/></div></a></div>';
			}
			else {
				dvShw = 'none'
				aPic = aPic + '<div style="display:' + dvShw + '" ><a href="http://pictures.solardestinations.com' + this.picURL + '" rel="prettyPhoto[gallery1]" title="' + this.picNA + '"><img src="http://pictures.solardestinations.com' + this.picURL + '" width="130" height="130" alt="' + this.picNA + '" style="border: solid 2px white"/></a></div>';
			}
		});
		
		$('#packPics').html(aPic);
		
		$(function() {
       		$("a[rel^='prettyPhoto']").prettyPhoto();
    	});
	}

	$.ajax({
		type: "POST",
		url: "/STED-F3/WS_PackPage.asmx/videoXpack",
		contentType: "application/json; charset=utf-8",
		dataType: "json",
		data: '{packID:"' + $('#pakID').val() + '"}',
		success: function(data){
			msg = eval("(" + data.d + ")");
			if (msg == ''){
			
			}
			else{
				jQuery.each(msg, function(data) {
				video = '<div style="display:block" class=""gallery""><a href="'+ this.miniDES +'" rel="prettyPhoto" title="Videotest"><img src="/STED-F3/images/video.png"  border="0" /><div style="padding:3px 3px"><img src="/STED-F3/images/play_video.jpg" border="0"/></div></a></div>'
				});
			}
		},
		error: function (xhr, desc, exceptionobj) {
		alert(xhr.responseText +' = error');
		}
	});
	
	//fvideo = '<div style="display:block" class=""gallery""><a href="http://www.youtube.com/watch?v=8dyr703rr8Y" rel="prettyPhoto" title="Videotest"><img src="/STED-F3/images/video.png"  border="0" /><div style="padding:3px 3px"><img src="/STED-F3/images/play_video.jpg" border="0"/></div></a></div>'
	
	$('#packVideo').html(video);
	
//});

	$(function() {		
		// initialize scrollable with mousewheel support
		$("#samPriceaAll").scrollable({ vertical: true, mousewheel: true });
		$('textarea#tdContent').attr('value',$('#lowContent').html());
		var packID = $('#pakID').val()
		var citiesID = $('#estrCityIDs').val()
		var cntPk = 0 
		$.ajax({
			type: "POST",
			url: "/STED-F3/WS_PackPage.asmx/similarPacks",
			contentType: "application/json; charset=utf-8",
			dataType: "json",
			data: '{packID:"' + packID + '", citiesID:"' + citiesID +'"}',
			success: function(data) {
				simpack = eval("(" + data.d + ")");
				var similarPacks = ' <div style="float:left; width:865px;">'//align="left"
				jQuery.each(simpack, function(data) {
					if (cntPk == 3){
						cntPk = 0
						similarPacks = similarPacks + '<div style="clear:both"></div></div><div style="float:left; width:865px;">'//align="left"
					}
					var bordeL
					if(cntPk >= 1) bordeL = 'border-left:1px solid #CCCCCC';
					similarPacks =  similarPacks + '<div style="padding-left:5px; float:left; height:250px; width:270px; margin:5px;' + bordeL +'">'
					pckLink = "window.location='Itinerary_pk"+ this.packID +"_"+ this.packTitle.replace(/ /g,'_') +".aspx'"
					similarPacks =  similarPacks + '<div align="left" style="padding: 3px 3px"><img src="http://pictures.solardestinations.com/'+ this.packPic +'"></div><div align="left" class="Text_Arial12_BlueBold" style="padding: 3px 3px"><span style="cursor:pointer" onclick="'+ pckLink +'">'+ this.packTitle +'</span></div><div align="left" class="Package_Description" style="padding: 3px 3px">'+ this.packDesc +'</div>'
					if(this.packPrice != 9999){
						similarPacks = similarPacks + '<div class="Text_Aria12_GreenBold" style="padding: 3px 3px">from '+ formatCurrency(Number(this.packPrice)) +'</div>'
					}
					similarPacks =  similarPacks + '</div>'
					cntPk = cntPk + 1;
				});
				similarPacks = similarPacks + '<div style="clear:both"></div></div>'
				$('#simpacksItems').html(similarPacks);
				$('#serial').val(similarPacks)
			},
			error: function (xhr, desc, exceptionobj) {
				alert(xhr.responseText +' = error');
				$('#simpacksItems').html(xhr.responseText);
			}
		});
	
	$("#simpacks").scrollable({ vertical: true, mousewheel: true });
	// initialize scrollable together with the navigator plugin
	$("#browsable").scrollable(); //.navigator();
	
/* ***************   before close on doc ready ************** */	
	});
});
;
function ObjectPosition(obj) {
      var curleft = 0;
      var curtop = 0;
      if (obj.offsetParent) {
            do {
                  curleft += obj.offsetLeft;
                  curtop += obj.offsetTop;
            } while (obj = obj.offsetParent);
      }
	   return [curleft,curtop];
}	
var objPOS;
function recommendedHotels(plcID, ctyNA, objNA){
		
		$('#divContent').attr('style','height:auto; width:auto; padding:15px 40px;');
		$.ajax({
        type: "POST",
        url: "/STED-F3/WS_PackPage.asmx/recommHotels",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: '{plcID:"' + plcID +'"}',
        success: function(data) {
			hotRec = eval("(" + data.d + ")");
			var recHot = '<div class="bgTitl_C">'
			recHot = recHot + '<div class="bgTitl_L">'
			recHot = recHot + '<div class="bgTitl_R" style="height:36px;">'
			recHot = recHot + '<div style="text-align:left; padding: 10px 10px 1px 10px;"><span class="Text_12WhiteBold" style="float:left">'+ hotRec.length +' hotels offered in '+ ctyNA +'</span><span class="Text_12White" style="float:right; cursor:pointer;" onclick="closeDiv()"> close [X]</span></div>'
			recHot = recHot + '</div>'
			recHot = recHot + '</div>'
			recHot = recHot + '</div>'
			recHot = recHot + '<div class="Orange-Arial12NB" align="left" style="padding:10px 10px;">You will be able to select your hotel in the next step</div>'
			var dvHght = 'auto'
			if (hotRec.length > 4){
				dvHght = '270px'
				$('#divContent').attr('style','height:370px; width:auto; padding:15px 40px;');
			}
			recHot = recHot + '<div style="overflow:auto; height:'+ dvHght +'; padding:1px 5px 1px 20px">'
		    jQuery.each(hotRec, function(data) {
				recHot = recHot + '<div align="left" class="Text_12_Bold" style="padding:15px 10px 3px 10px;">'+ this.hotTitle +'</div>'
				recHot = recHot + '<div align="left" class="Text-Light_Med" style="padding:5px 10px 3px 40px;">'
				
				recHot = recHot + '<img src="/STED-F3/images/Stars_'+ this.hotCategoryCD.replace(" ","_") +'.gif" align="absmiddle" />&nbsp;&nbsp;'+ this.hotCategoryCD +' rating</span>'
				if(this.hotSort < 10){
					recHot = recHot + '&nbsp;&nbsp;<img src="/STED-F3/images/recommended.gif" align="absmiddle">'
				}
				recHot = recHot + '</div>'
			});
			recHot = recHot + '</div>'
			$('#divContent').html(recHot);
			objPOS = $('#'+ objNA +'').offset();
			$('#divRecomended').show();
			$('#divRecomended').offset({left:objPOS.left - 80,top:objPOS.top -0} );
			scrollToMore(objNA);
		},
		error: function (xhr, desc, exceptionobj) {
			alert(xhr.responseText +' = error');
			$('#divContent').html(xhr.responseText);
          }
    	});
}

function recommendedSS(plcID, ctyNA, objNA){
		objPOS = 0
	   	objPOS = $('#'+ objNA +'').offset();
		$('#divContent').attr('style','height:auto; width:auto; padding:15px 40px;');
		$.ajax({
        type: "POST",
        url: "/STED-F3/WS_PackPage.asmx/recommSS",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: '{plcID:"' + plcID +'"}',
        success: function(data) {
			hotRec = eval("(" + data.d + ")");
			var recHot = '<div class="bgTitl_C">'
			recHot = recHot + '<div class="bgTitl_L">'
			recHot = recHot + '<div class="bgTitl_R" style="height:36px;">'
			recHot = recHot + '<div style="text-align:left; padding: 10px 10px 1px 10px;"><span class="Text_12WhiteBold" style="float:left">'+ hotRec.length +' Things to do in '+ ctyNA +'</span><span class="Text_12White" style="float:right; cursor:pointer;" onclick="closeDiv()"> close [X]</span></div>'
			recHot = recHot + '</div>'
			recHot = recHot + '</div>'
			recHot = recHot + '</div>'
			recHot = recHot + '<div class="Orange-Arial12NB" align="left" style="padding:10px 10px;">You will be able to select your activities during the booking process</div>'
			var dvHght = 'auto'
			if (hotRec.length > 4){
				dvHght = '270px'
				$('#divContent').attr('style','height:370px; width:auto; padding:15px 40px;');
			}
			recHot = recHot + '<div style="overflow:auto; height:'+ dvHght +'; padding:1px 5px 1px 20px">'
		   
		   jQuery.each(hotRec, function(data) {
				recHot = recHot + '<div align="left" class="Text_12_Bold" style="padding:15px 10px 3px 10px;"><span onmouseover="divToShow('+this.hotID+')" style="cursor:pointer">'+ this.hotTitle +'</span></div>'
				//recHot = recHot + '<div id="dv'+ this.hotID +'" style="padding:5px 5px; display:none; overflow: auto; height: 200px; border:1px solid #CCCCCC;" align="left">'+ this.hotCategoryCD +'</div>'
				recHot = recHot + '<div id="dv'+ this.hotID +'" style="padding:10px 10px; display:none; overflow: auto; height:auto; width: 400px; border:1px solid #CCCCCC;" align="left"><div align="right" style="padding:2px 2px;" class="Text_12"><span onclick="divToHide('+this.hotID+')" style="cursor:pointer;" class="Editor_Package_DaysNts">close [X]</span></div>'+ this.hotCategoryCD +'</div>'
				//recHot = recHot + '<div align="left" class="Text-Light_Med" style="padding:5px 10px 3px 40px;">'
				//recHot = recHot + '<img src="/STED-F3/images/Stars_'+ this.hotCategoryCD.replace(" ","_") +'.gif" align="absmiddle" />&nbsp;&nbsp;'+ this.hotCategoryCD +' rating</span>'
				//if(this.hotSort < 10){
					//recHot = recHot + '&nbsp;&nbsp;<img src="/STED-F3/images/recommended.gif" align="absmiddle">'
				//}
				//recHot = recHot + '</div>'
			});
			recHot = recHot + '</div>'
			$('#divContent').html(recHot);
			$('#divRecomended').show();
			$('#divRecomended').offset({left:objPOS.left - 80,top:objPOS.top} );
			scrollToMore(objNA);
			
		},
		error: function (xhr, desc, exceptionobj) {
			alert(xhr.responseText +' = error');
			$('#divContent').html(xhr.responseText);
          }
    	});
}
function driveDistance(objNA){
		objPOS = 0
	   	objPOS = $('#'+ objNA +'').offset();
		$('#divContent').attr({'style':'height:auto; width:auto; padding:15px 40px; ', 'align':'left'});
		var recHot = '<div class="bgTitl_C">'
			recHot = recHot + '<div class="bgTitl_L">'
			recHot = recHot + '<div class="bgTitl_R" style="height:36px;">'
			recHot = recHot + '<div style="text-align:left; padding: 10px 10px 1px 10px;"><span class="Text_12WhiteBold" style="float:left">  </span><span class="Text_12White" style="float:right; cursor:pointer;" onclick="closeDiv()"> close [X]</span></div>'
			recHot = recHot + '</div>'
			recHot = recHot + '</div>'
			recHot = recHot + '</div>'
			recHot = recHot + '<div style="padding:20px 20px; overflow:auto; height:auto; margin-top:10px; margin-bottom:10px" class="Text_12">'
			recHot = recHot + $('#distances').val();
			recHot = recHot + '</div>'
			recHot = recHot + '</div>'
		$('#divContent').html(recHot);
		$('#divRecomended').show();
		$('#divRecomended').offset({left:objPOS.left - 180,top:objPOS.top + 60} );
		scrollToMore(objNA);
	
}
function areaInfo(objNA){
		objPOS = 0
	   	objPOS = $('#'+ objNA +'').offset();
		$('#divContent').attr({'style':'height:auto; width:auto; padding:15px 40px;', 'align':'left'});
		var recHot = '<div class="bgTitl_C">'
			recHot = recHot + '<div class="bgTitl_L">'
			recHot = recHot + '<div class="bgTitl_R" style="height:36px;">'
			recHot = recHot + '<div style="text-align:left; padding: 10px 10px 1px 10px;"><span class="Text_12WhiteBold" style="float:left">  </span><span class="Text_12White" style="float:right; cursor:pointer;" onclick="closeDiv()"> close [X]</span></div>'
			recHot = recHot + '</div>'
			recHot = recHot + '</div>'
			recHot = recHot + '</div>'
			recHot = recHot + '<div style="padding:20px 20px; overflow:auto; height:400px; margin-top:10px; margin-bottom:10px" class="Text_12">'
			recHot = recHot + $('#AreaInfo').html();
			recHot = recHot + '</div>'
			recHot = recHot + '</div>'
		$('#divContent').html(recHot);
		$('#divRecomended').show();
		$('#divRecomended').offset({left:objPOS.left - 180,top:objPOS.top + 60} );
		scrollToMore(objNA);
	
}
function acommInfo(objNA){
		objPOS = 0
	   	objPOS = $('#'+ objNA +'').offset();
		$('#divContent').attr({'style':'height:auto; width:auto; padding:15px 40px;', 'align':'left'});
		var recHot = '<div class="bgTitl_C">'
			recHot = recHot + '<div class="bgTitl_L">'
			recHot = recHot + '<div class="bgTitl_R" style="height:36px;">'
			recHot = recHot + '<div style="text-align:left; padding: 10px 10px 1px 10px;"><span class="Text_12WhiteBold" style="float:left">  </span><span class="Text_12White" style="float:right; cursor:pointer;" onclick="closeDiv()"> close [X]</span></div>'
			recHot = recHot + '</div>'
			recHot = recHot + '</div>'
			recHot = recHot + '</div>'
			recHot = recHot + '<div style="padding:20px 20px; overflow:auto; height:400px; margin-top:10px; margin-bottom:10px" class="Text_12">'
			recHot = recHot + $('#accomo').html();
			recHot = recHot + '</div>'
			recHot = recHot + '</div>'
		$('#divContent').html(recHot);
		$('#divRecomended').show();
		$('#divRecomended').offset({left:objPOS.left - 700,top:objPOS.top + 60} );
		scrollToMore(objNA);
	
}

function divToShow(dv){
	$('#dv'+dv+'').show();
	
}
function divToHide(dv){
	$('#dv'+dv+'').hide();
}
function closeDiv(){
	$('#divRecomended').hide();
}

	
function formatCurrency(num) {
	num = num.toString().replace(/\$|\,/g,'');
	if (isNaN(num)) num = '0';
	sign = (num == (num = Math.abs(num)));
	num = Math.floor(num * 100 + 0.50000000001);
	cents = num % 100;
	num = Math.floor(num / 100).toString();
	if (cents < 10) cents = '0' + cents;
	var untilTO = Math.floor(num.length)
	untilTO = Number(untilTO) - 1
	for (var i = 0; i < Math.floor(Number(untilTO + i) / 3) ; i++)
	num = num.substring(0,Number(num.length) - (4*i+3)) + ',' + num.substring(Number(num.length) - (4*i+3));
	return (((sign) ? '' : '-') + '$' + num ); //+ '.' + cents);
}

var num
var cookVal
function setCookie(c_name, value, expiredays) {
    var exdate = new Date();
    exdate.setTime(exdate.getTime() + (expiredays * 24 * 60 * 60 * 1000));
    document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
}
function getCookie(c_name) {
    if (document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name + "=")
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1
            c_end = document.cookie.indexOf(";", c_start)
            if (c_end == -1) {
                c_end = document.cookie.length
            }
            return unescape(document.cookie.substring(c_start, c_end))
        }
    }
    return null
}
function ObjectPosition(obj) {
    var curleft = 0;
    var curtop = 0;
    if (obj.offsetParent) {
        do {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
    }
    return [curleft, curtop];
}
function showMorePrice(objshw) {
    objPos = ObjectPosition(document.getElementById(objshw))
    objL = objPos[0] - 50 + 'px'
    objT = objPos[1] - 15 + 'px'
    $('#samplePriH').attr('style', 'left:' + objL + '; top:' + objT + '; position:absolute; padding:10px 10px; ');
    $('#samplePriH').show();
}

function callThisItin(itinID, tot, sm) {
	//alert(itinID +' | '+ tot +' | '+ sm)
	var dvBck = 'dv'+sm
	var dvchk = ''
	for (i=0;i<=tot;i++){
		dvchk = 'dv'+i
		if (dvchk == dvBck){
			$('#'+ dvchk +'').attr('style','background-color:#FFFFCC; text-decoration:underline; cursor:pointer; color:#FF6600;');
		}
		else{
			$('#'+ dvchk +'').removeAttr('style');
		}
		
	}
    $('#SamplePrice').hide();
    $('#SamplePriceAJAX').html('<div style="padding:15px 15px"><img src="/STED-F3/images/wait.gif"></div>');
    $('#SamplePriceAJAX').show();

    $.ajax({
        type: "POST",
        url: "/STED-F3/WS_PackPage.asmx/samplePrices",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: '{itinID:"' + itinID + '"}',
        success: function(data) {
		    sampl = eval("(" + data.d + ")");
			var samPrice = ""
            jQuery.each(sampl, function(data) {
                samPrice = '<div class="Text_Arial15_Orange" style="padding:15px 15px 5px 15px"><b>' + this.samNTS + ' nights from ' + this.samPRC + ' w/air, hotel & air taxes *</b></div><div class="Text_Arial12" style="padding:5px 15px"><b>This sample price includes ALL air taxes & fuel surcharges:</b> priced within the past 14 days for arrival on ' + this.samDTE + ', departure from ' + this.samAIP + '. Choose your own departure city and dates.</div>'
                samPrice = samPrice + '<div class="Text_Arial14_BlueBold" style="padding:20px 15px 10px 15px">Itinerary Includes:</div><div class="Text_Arial12" style="padding:2px 30px">' + this.samITIN + '</div>'

            });
			$('#SamplePriceAJAX').html(samPrice);
            $('#samplePriH').hide();
        },
		error: function (xhr, desc, exceptionobj) {
			//alert(xhr.responseText +' = error');
			$('#SamplePriceAJAX').html(xhr.responseText);
            $('#samplePriH').hide();

  		}
    });
}

// **********************************************************************


function packInit() {
    cookVal = getCookie('addAir');
    if (cookVal == 'False') {
        var bradio = document.all('addFlight');
        bradio(1).checked = true;
        setCookie('addAir', '', -1);
        flightadd('False', 'woair');
    }
}
var chg = 0
function changeTab(idn) {
    chg = 0
    var ntab = 'tab' + idn
    var ndiv = 'divInfo' + idn
    var nclass
    var nclaso
    for (i = 1; i <= 4; i++) {
        if (i == 1) {
            nclass = 'Tab_L_Active'
            nclaso = 'Tab_L_Out'
        }
        else {
            nclass = 'Tab_Active'
            nclaso = 'Tab_Out'
        }
        if ($('#tab' + i + '').length) {
            if ('tab' + i == ntab) {
                $('#' + ntab + '').attr('class', nclass);
                $('#' + ndiv + '').show();
            }
            else {
                $('#tab' + i + '').attr('class', nclaso);
                $('#divInfo' + i + '').hide();
            }
        }
    }
}
function tabOver(thclass, thid) {
    switch (thclass) {
        case 'Tab_L_Active':
            chg = 0
            break;
        case 'Tab_Active':
            chg = 0
            break;
        case 'Tab_L_Out':
            $('#tab1').attr('class', 'Tab_L_Active');
            chg = 1
            break;
        case 'Tab_Out':
            $('#' + thid + '').attr('class', 'Tab_Active');
            chg = 1
            break;
    }
}
function tabOut(thclass, thid) {
    if (chg == 1) {
        switch (thclass) {
            case 'Tab_L_Active':
                $('#tab1').attr('class', 'Tab_L_Out');
                chg = 0
                break;
            case 'Tab_Active':
                $('#' + thid + '').attr('class', 'Tab_Out');
                chg = 0
                break;
        }
    }
}
function flightadd(z, y) {
    if (z == 'True') {
        $('#AirParam').show();
        $('#wair').attr('class', 'Text_Arial12_BlueBold');
		$('#woair').attr('class', 'Text_Arial12_Blue');
		$('#eAirParam').show();
        $('#ewair').attr('class', 'Text_Arial12_BlueBold');
		$('#ewoair').attr('class', 'Text_Arial12_Blue');
		$('#addFlight')[0].checked = true; //attr('checked', true);
		$('#eaddFlight')[0].checked = true; //attr('checked', true);
	}
    if (z == 'False') {
        $('#AirParam').hide();
        $('#wair').attr('class', 'Text_Arial12_Blue');
		$('#woair').attr('class', 'Text_Arial12_BlueBold');
		$('#iDepCity').val('US city airport');
		$('#eAirParam').hide();
        $('#ewair').attr('class', 'Text_Arial12_Blue');
		$('#ewoair').attr('class', 'Text_Arial12_BlueBold');
		$('#eiDepCity').val('US city airport');
		$('input[name="addFlight"]')[1].checked = true; //attr('checked', true);
		$('input[name="eaddFlight"]')[1].checked = true; //attr('checked', true);
	}
}
function showInfo(infid) {
    var shwdiv = 'info'
    $('#' + infid + '').attr('src', '/images/infomouseover.gif');
    objPos = ObjectPosition(document.getElementById(infid))
    objL = objPos[0] - 110 + 'px'
    objT = objPos[1] - 70 + 'px'
    switch (infid) {
        case 'idest':
            $('#info').html('<b>Destination:</b><br>First city may be different than arrival airport.');
            document.getElementById(shwdiv).style.width = '250px';
            break;
        case 'iarr':
            $('#info').html('<b>Arrival Date:</b><br>Hotel check-in date for your selected city. May be different than flight departure date.');
            document.getElementById(shwdiv).style.width = '250px';
            break;
        case 'iflex':
            $('#info').html('<b>Flex Stay:</b><br>Adjust number of nights as you wish.');
            document.getElementById(shwdiv).style.width = '200px';
            objL = objPos[0] - 150 + 'px'
            objT = objPos[1] - 70 + 'px'
            break;
    }
    document.getElementById(shwdiv).style.left = objL;
    document.getElementById(shwdiv).style.top = objT;
    $('#info').show();
}
function hideInfo(infid) {
    $('#' + infid + '').attr('src', '/images/info.gif');
    $('#info').hide();
    $('#info').html();
}

function backward() {
    if (num > 0) {
        window.status = ''
        num--
        if (num == 0) {
            num = 1
        }
        $('#photoslider').attr('src', picture[num]);
        $('#PicName').html(picname[num]);
        $('#picNo').html(num);
    }
}
function forward() {
    if (num == 0) {
        num = 1
    }
    if (num < picture.length - 1) {
        num++
        $('#photoslider').attr('src', picture[num]);
        $('#PicName').html(picname[num]);
        $('#picNo').html(num);
    }
    else window.status = 'End of gallery'
}

var pObj
var idPlc;
var clsDiv;
var scrrT
function showFilter(plcid, filt, pg, rdNo, pobj, bCom) {
    //alert(plcid +' | '+ filt+' | '+pg+' | '+rdNo+' | '+pobj+' | '+bCom)
    idPlc = plcid
    pObj = pobj
    var hotpg = pg
    var hotty = filt
    clsDiv = ('<div style="padding:3px 15px" align="right" onclick="hideINFO()">close</div>')
    $('#hotSS').html('<div style="height:300px; padding: 50px 50px;" align="center"><img src="/STED-F3/images/ajax-loader-related.gif"></div>');

    if (bCom != 'NO') {
        var objPos = ObjectPosition(document.getElementById(pobj))
        objL = objPos[0] + 80 + 'px'
        objT = objPos[1] + 10 + 'px'
        document.getElementById('hotSS').style.left = objL;
        document.getElementById('hotSS').style.top = objT;
        $('#hotSS').show()
        scrrT = objPos[1] - 150;
    }

    $.ajax({
        url: "/GET_HotsOnPlace.aspx",
        data: 'plcID=' + plcid + '&hotTY=' + hotty + '&hotPG=' + hotpg, //"name="+obj+"&ship="+shipNa+"&imag0="+imag+"",
        type: "GET",
        success: function(html) {
            $('#hotSS').html(clsDiv + html);
            window.scroll(0, scrrT);

        },
        error: function(xhr, desc, exceptionobj) {
            $('#hotSS').html(xhr.responseText);
            alert(xhr.responseText + ' = error');
        }
    });


    /*$.get("/GET_HotsOnPlace.aspx", {plcID: ''+plcid+'',hotTY:''+hotty+'' , hotPG:''+hotpg+''},
    function(data){
    //alert(data)
    $('#hotSS').html(clsDiv + data);
				
    //if (data == "false"){
    $('#showHotels').html('No data');
    return false;
    }
    else{
    $('#showHotels').html(data);
    //}
    });*/
}

function selectPG(pg) {
    var idplc = idPlc
    var tyhot = 'Recomended'
    var pghot = pg
    pObj = pObj
    showFilter(idplc, tyhot, pghot, 2, pObj, 'NO')
}
function showRooms(hotC) {
    $('#shwh' + hotC + '').show();
}
function showPics(obj, shipNa, imag) {
    //alert(obj)
    jShow(obj)

    $.ajax({
        url: "/GET_ImagForProducts.aspx",
        data: "name=" + obj + "&ship=" + shipNa + "&imag0=" + imag + "",
        type: "GET",
        success: function(html) {
            //alert(html)
            processResponse(html)
        },
        error: function(xhr, desc, exceptionobj) {
            $('#content').html(xhr.responseText);
            alert(xhr.responseText + ' = error');
        }
    });
    //alert("que pasa")
}
function processResponse(result) {
    if (window.ActiveXObject) {
        $('#content').html(result);
    }
    else if (document.implementation && document.implementation.createDocument) {
        $('#content').html(result);
    }
    else {
        alert('Your browser cannot handle this script');
    }
}

function PlaceINFO(ctyID, typQ, obj) {
    //alert(ctyID +' | '+ typQ)
    objPos = ObjectPosition(document.getElementById(obj))
    objL = objPos[0] + 80 + 'px'
    objT = objPos[1] - 100 + 'px'
    document.getElementById('hotSS').style.left = objL;
    document.getElementById('hotSS').style.top = objT;
    $('#hotSS').html('<div style="height:300px; padding: 50px 50px;" align="center"><img src="/STED-F3/images/ajax-loader-related.gif"></div>');
    $('#hotSS').show();
    $.get("/GET_PlaceInfo.aspx", { plcid: '' + ctyID + '', infotype: '' + typQ + '' },

	function(data) {
	    $('#hotSS').html(data);
	    winT = objPos[1] + 250
	    //alert(winT)
	    winL = objPos[0] + 80
	    //window.scroll(0,winT);
	});
}
function hideINFO() {
    $('#hotSS').html('');
    $('#hotSS').hide();
}

/* CHECK BOX STYLE */
function init() {
    $(document).ready(function() {
        // check for what is/isn't already checked and match it on the fake ones
        $("input:checkbox").each(function() {
            (this.checked) ? $("#false" + this.id).addClass('falsecheckeddop') : $("#false" + this.id).removeClass('falsecheckeddop');
        });
        // function to 'check' the fake ones and their matching checkboxes
        $(".falsecheckdop").click(function() {
            ($(this).hasClass('falsecheckeddop')) ? $(this).removeClass('falsecheckeddop') : $(this).addClass('falsecheckeddop');
            $(this.hash).trigger("click");
            return false;
        });
    });
}

$(document).ready(function() {
    // check for what is/isn't already checked and match it on the fake ones
    $("input:checkbox").each(function() {
        (this.checked) ? $("#false" + this.id).addClass('falsechecked') : $("#false" + this.id).removeClass('falsechecked');
    });
    // function to 'check' the fake ones and their matching checkboxes
    $(".falsecheck").click(function() {
        ($(this).hasClass('falsechecked')) ? $(this).removeClass('falsechecked') : $(this).addClass('falsechecked');
        $(this.hash).trigger("click");
        return false;
    });
});

function changeClass(chkid) {
    alert(chkid)
    var check = chkid.replace('false', '');
    alert(check)
}
/* TO TAKE ID FROM FORM TO FIND PACKAGES */
function findPacks(formID) {
    //alert(formID)
    var idForm = formID
    var idString = $('#' + idForm + '').formSerialize();
    var idStrParts
    var idxOf
    var idValP
    var idVal
    var idToFind = ''
    //alert(idString)
    idStrParts = idString.split('&');
    for (i = 0; i < idStrParts.length; i++) {
        if (idForm == 'frmFindPack') {
            idxOf = idStrParts[i].indexOf('dot')
        }
        else {
            idxOf = idStrParts[i].indexOf('dop')
        }
        //alert(idxOf)
        //alert(idStrParts[i])
        if (idxOf != -1) {
            idValP = idStrParts[i].split('=')
            idVal = idValP[1]
            idToFind = idToFind + idVal + ','
        }
    }
    idToFind = idToFind.substring(0, idToFind.length - 1);
    //alert(idToFind)
    if (idForm == 'frmFindPack') {
        $('#allIDs').val(idToFind);
    }
    else {
        $('#allIDsdp').val(idToFind);
    }
    //alert($('#allIDsdp').val(idToFind))
    $('#' + idForm + '').attr('action', '/Find_Packages.aspx');
    $('#' + idForm + '').submit();
}
function closeInfo(id) {
    $('#info').hide();

}
var imgSrc;
var imgVal;
function openInfo(id) {
    var reID = id.replace('pic', '');
    divInf = 'desc' + reID;
    divShw = 'pkInf' + reID;
    divtxt = 'txt' + reID;
    divBut = 'butt' + reID
    divReHtml = '<div style="padding: 15px 5px" align="center"><img src="/STED-F3/images/ajax-loader.gif" align="absmiddle"><br><br><span class="Text_Arial11_Blue">Loading...</span></div>'

    imgSrc = $('#' + id + '').attr("src");
    imgVal = imgSrc.indexOf("Plus");
    if (imgVal != -1) {
        $('#' + id + '').attr("src", "/STED-F3/images/Minus.jpg");
        $('#' + divInf + '').attr("class", "Text_Arial12");
        $('#rel' + reID + '').html(divReHtml);
        $('#rel' + reID + '').show();
        if (document.getElementById(divtxt) != null) {
            $('#' + divtxt + '').html('Hide details');
        }
        infoAjax(reID);
        return false
    }
    else {
        $('#' + id + '').attr("src", "/STED-F3/images/Plus.jpg");
        $('#' + divInf + '').attr("class", "Text_12_Gray");
        $('#' + divShw + '').hide();
        if (document.getElementById(divtxt) != null) {
            $('#' + divtxt + '').html('More details');
        }
        $('#rel' + reID + '').html(divReHtml);
        $('#rel' + reID + '').hide();
        $('#' + divBut + '').hide();
    }
}
function infoAjax(reID) {
    $.ajax({
        url: "/GET_PackRelatedInfo.aspx",
        data: { 'PackID': '' + reID + '' },
        type: "POST",
        success: function(html) {
            pasteResult(reID, html)
        },
        error: function(xhr, desc, exceptionobj) {
            $('#rel' + reID + '').html(xhr.responseText);
            alert(xhr.responseText + ' = error');
        }
    });
}
function pasteResult(rID, tml) {
    $('#pkInf' + rID + '').show();
    $('#rel' + rID + '').html(tml);
    $('#butt' + rID + '').show();
    init()
}


function openInfo111(id) {
    var imgSrc;
    var imgVal;
    var divShw = id;
    var divInfo
    var divInfoH
    var reID = divShw.replace('pic', '');
    divShw = divShw.replace('pic', '');
    divInfo = 'desc' + divShw;
    divInfoH = 'desch' + divShw;
    divtxt = 'txt' + divShw;
    divShw = 'pkInf' + divShw;
    imgSrc = $('#' + id + '').attr("src");
    imgVal = imgSrc.indexOf("Plus");
    if (imgVal != -1) {
        $('#' + id + '').attr("src", "/STED-F3/images/Minus.jpg");
        $('#' + divInfo + '').hide();
        $('#' + divInfoH + '').show();
        $('#' + divShw + '').show();
        if (document.getElementById(divtxt) != null) {
            $('#' + divtxt + '').html('Hide details');
        }

        $.ajax({
            url: "/GET_PackRelatedInfo.aspx",
            data: { 'PackID': '' + reID + '' },
            type: "POST",
            success: function(html) {
                $('#rel' + reID + '').html(html);
                $('#butt' + reID + '').show();
            },
            error: function(xhr, desc, exceptionobj) {
                $('#rel' + reID + '').html(xhr.responseText);
                alert(xhr.responseText + ' = error');
            }
        });
    }
    else {
        $('#' + id + '').attr("src", "/STED-F3/images/Plus.jpg");
        $('#' + divInfo + '').show()
        $('#' + divInfoH + '').hide();
        $('#' + divShw + '').hide();
        if (document.getElementById(divtxt) != null) {
            $('#' + divtxt + '').html('More details');
        }
        $('#rel' + reID + '').html('');
        $('#butt' + reID + '').hide();
    }
}

/* ************  POP UP PICS AND MAP ********** */
function jShow(obj) {
    var aryPosition = ObjectPosition(document.getElementById(obj));
    document.getElementById("divPics").style.left = aryPosition[0] + 50 + "px";
    document.getElementById("divPics").style.top = aryPosition[1] - 135 + "px";
    document.getElementById("divPics").style.display = "block";
    $('#divPics').show();
}
function jHide() {

    $('#divPics').hide(); //style.display="none";
    $('#dclosex').hide()
    $('#content').html('');
    $('#contentmap').html('');
    $('#contentmap').hide()
    map = ""

}
function showPics(obj, shipNa, imag) {
    //alert(obj)
    $('#contentmap').hide()
    $('#dclosex').hide()
    $('#content').show()
    map = ""
    jShow(obj)

    $.ajax({
        url: "/GET_ImagForProducts.aspx",
        data: "name=" + obj + "&ship=" + shipNa + "&imag0=" + imag + "",
        type: "GET",
        success: function(html) {
            //alert(html)
            processResponse(html)
        },
        error: function(xhr, desc, exceptionobj) {
            $('#content').html(xhr.responseText);
            alert(xhr.responseText + ' = error');
        }
    });
    //alert("que pasa")
}
function showMap(propID, pTitl, pLat, pLong, pAddr) {
    //alert(obj)
    $('#content').hide()
    $('#contentmap').show()
    $('#dclosex').show()
    var mobj = 'amap' + propID
    jShow(mobj)
    var lat = pLat;
    var long = pLong;
    var addr = pAddr;
    var titl = pTitl;
    if (GBrowserIsCompatible()) {
        //var map = new GMap2(document.getElementById("map_canvas"));//
        map = new GMap2(document.getElementById("contentmap"));
        map.setCenter(new GLatLng(lat, long), 14);
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());

        var marker = new GMarker(new GLatLng(lat, long));
        GEvent.addListener(marker, "click", function() {
            var html = '<div class="Text_Arial12_BlueBold" align="left" >' + titl + '<br></div>'
            html = html + '<div class="Text_Arial12_Blue" align="left">' + addr + '</div>'
            marker.openInfoWindowHtml(html);
        });
        map.addOverlay(marker);
        GEvent.trigger(marker, "click");
    }
}
function scrollToMore(jbo){
  var objTOGO
  objTOGO = jbo
  if(objTOGO == undefined){
  	objTOGO = $('#feedBck').offset();
  }
  else{
	  if (jbo == 1){
	 	objTOGO = $('#frmDummy').offset(); 
	  }
	  else{
		 objTOGO = $('#'+objTOGO+'').offset(); 
	  }
	  
  }
  $('html,body').animate({
	  scrollTop: objTOGO.top},2000);
}

