// jQUery required and Jquery scroll
var hotelMainObj = {};
var handleHotels = function() {
	this.selectedHotel = 0;
	this.numOfHoteles = 0;
}

handleHotels.prototype = {
	openHotelMode : function() {
		//jQuery('#visaenprodukt_mellanbilder').css('display', 'none');
		//jQuery('#vep_galleri').css('display', 'none');
		//jQuery('#hotels_container_big').css('display', 'block');
		jQuery('#scroll_main_container').css('display', '');
		jQuery('[control=main-hotel-div]').css('display', '');	
	},
	closeHotelMode : function() {
		//jQuery('#visaenprodukt_mellanbilder').css('display', 'inline');
		//jQuery('#vep_galleri').css('display', 'block');
		//jQuery('#hotels_container_big').css('display', 'none');
	    jQuery('#scroll_main_container').css('display', 'none');
	    jQuery('[control=main-hotel-div]').css('display', 'none');
	},
	scrollClick : function(el) {
		jQuery('[control=engen_info]').remove();
		
		jQuery('#scroll_main_container').find('.item').css('background-color', 'white');
		jQuery(el).css('background-color', '#ebebeb');
		var hotelId = jQuery(el).attr('control-val');
		if(!(hotelId > 0)) return;
		var bigPic = hotelMainObj['pictures'][hotelId][3]['Filnamn'].replace('hotellbilder','wsmbilder/hotell');
		var middlePic = hotelMainObj['pictures'][hotelId][2]['Filnamn'].replace('hotellbilder','wsmbilder/hotell');
		jQuery('img[control=hotel_pic_3]').attr('src', bigPic + "?t=" + (new Date()).getTime());
		jQuery('img[control=hotel_pic_2]').attr('src', middlePic + "?t=" + (new Date()).getTime());
		
		var controlsIds = new Array('Namn', 'Ort', 'Land', 'Adress', 'Telefonnummer');
		for(var cnt in controlsIds) {
			var val = hotelMainObj['mainwithid'][hotelId][controlsIds[cnt]];
			
			if(!val)
				val = ' ';
			jQuery('[control=hotel_'+ controlsIds[cnt]+']').html(hotelMainObj['mainwithid'][hotelId][controlsIds[cnt]]);
		}
		
		
		
		var inerStars =jQuery(el).find('[control=star_cont]').html();
		jQuery('[control=hotel_Klassificering]').html(inerStars);
		//'Klassificering'
		//star_cont
		
		if( hotelMainObj['engenes'][hotelId]) {
			var html = "";
			for(var i in hotelMainObj['engenes'][hotelId]) {
				html += ' <tr control=\'engen_info\'><td class="R-Content-Hotel-InfoTitle" >'+hotelMainObj['engenes'][hotelId][i]['Egenskap']+'</td><td control="hotel_Engen" >'+hotelMainObj['engenes'][hotelId][i]['Verde']+'</td></tr>';
			}
			jQuery(html).insertAfter('[control=klass_tr]');
		}
	},
	middleScrollClick : function(el) {
		//mellanbild
		jQuery('#vep_galleri').find('.item').css('border', '1px solid #F4F4F4');
		var id = jQuery(el).attr('control-val');
		if(!(id >= 0)) return;
		jQuery(el).css('border', '1px solid #FEBE07');
		jQuery('[control=mellandbild_pic]').css('display','none');
		jQuery('#mellanbild' + id).css('display','');
		jQuery("#images").data("scrollable").seekTo(id, 0);
	}
}

var handleHotelsObj = new handleHotels();