/* INIT HTML5 ELEMENTS ON THE DOM **********/
var Elements=[
"header",
"hgroup",
"nav",
"section",
"article",
"aside",
"menu",
"footer"
]
function createElement(arr){
	for(elem in arr){
		document.createElement(arr[elem]);
	}
}
createElement(Elements);
/* *****************************************/






//GENERAL ROTATOR CLASS****************************************************************************/
picerneGallery=function(){
	/* Rotator must be conformed as follows. You can use any HTML element with any ID or CLASS.
	<container>
		<inner>
			<element>...</element>
			<element>...</element>
			<element>...</element>
			<element>...</element>
		</inner>
	</container>
	
	//Prev and next buttons can be any html elements in any place of the document
	<prev>...</prev>
	<next>...</next>
	*/
	var g=this;
	g.container=null;//container of the rotator
	g.inner=null;//inner container
	g.prev=null;//move forward
	g.next=null;//move backward
	g.displace=200;//px that rotator moves each time you click a handler;
	g.limit=3;//limit of slides
	
	g.rotate=function(){
		rlimit=0;
		$(g.next).click(function(ev){
			ev.preventDefault();
			$(g.next).css({visibility:"hidden"});
			var disp=g.displace;
			if(rlimit>=g.limit){
				disp=0;
				rlimit=g.limit;
			}
			$(g.inner).animate({
				marginLeft:parseInt($(g.inner).css("margin-left"))-disp
			},400,"easeOutSine",function(){
				rlimit++;
				if(rlimit>=g.limit){
					rlimit=g.limit;
				}
				$(g.next).css({visibility:"visible"});
			});
		});
		$(g.prev).click(function(ev){
			ev.preventDefault();
			$(g.prev).css({visibility:"hidden"});
			var disp=g.displace;
			if(rlimit<=0){
				disp=0;
			}
			$(g.inner).animate({
				marginLeft:parseInt($(g.inner).css("margin-left"))+disp
			},400,"easeOutSine",function(){
				rlimit--;
				if(rlimit<0){
					rlimit=0;
					
				}
				$(g.prev).css({visibility:"visible"});
			});
		});
	}
}
//****************************************************************************************************///GENERAL ROTATOR CLASS****************************************************************************/
picerneGallery=function(){
	/* Rotator must be conformed as follows. You can use any HTML element with any ID or CLASS.
	<container>
		<inner>
			<element>...</element>
			<element>...</element>
			<element>...</element>
			<element>...</element>
		</inner>
	</container>
	
	//Prev and next buttons can be any html elements in any place of the document
	<prev>...</prev>
	<next>...</next>
	*/
	var g=this;
	g.container=null;//container of the rotator
	g.inner=null;//inner container
	g.prev=null;//move forward
	g.next=null;//move backward
	g.displace=200;//px that rotator moves each time you click a handler;
	g.limit=3;//limit of slides
	
	g.rotate=function(){
		rlimit=0;
		$(g.next).click(function(ev){
			ev.preventDefault();
			$(g.next).css({visibility:"hidden"});
			var disp=g.displace;
			if(rlimit>=g.limit){
				disp=0;
				rlimit=g.limit;
			}
			$(g.inner).animate({
				marginLeft:parseInt($(g.inner).css("margin-left"))-disp
			},400,"easeOutSine",function(){
				rlimit++;
				if(rlimit>=g.limit){
					rlimit=g.limit;
				}
				$(g.next).css({visibility:"visible"});
			});
		});
		$(g.prev).click(function(ev){
			ev.preventDefault();
			$(g.prev).css({visibility:"hidden"});
			var disp=g.displace;
			if(rlimit<=0){
				disp=0;
			}
			$(g.inner).animate({
				marginLeft:parseInt($(g.inner).css("margin-left"))+disp
			},400,"easeOutSine",function(){
				rlimit--;
				if(rlimit<0){
					rlimit=0;
					
				}
				$(g.prev).css({visibility:"visible"});
			});
		});
	}
}
//****************************************************************************************************/



$(document).ready(function(){



/* HEADER ROTATOR ***********************************************************************************/
	
	if($(".view-headerimages .views-row").length>1){
		$("#section-intro .left").width(435);
		$(".view-headerimages").css({marginLeft:"-255px",height:184});
		$(".view-headerimages .views-row").find(".imagefield-field_image").css({
			display:"none",
			width:265,
			height:184,
			position:"absolute"
		});
		
		$(".view-headerimages .views-row").find(".imagefield-field_image").eq(0).css({display:"block"});
		
		$("#section-intro .right").append('<div class="header-rotator-handler header-rotator-handler-prev">&laquo;</div>');
		$("#section-intro .right").append('<div class="header-rotator-handler header-rotator-handler-next" >&raquo;</div>');
		
		
		$("#section-intro .right").css({position:"relative"})
		$(".header-rotator-handler").css({
			color:"#FFFFFF",
			cursor:"pointer",
			fontSize:"35px",
			position:"absolute",
			top:"70px",
			padding:"5px 5px 10px",
			backgroundColor:"#335C63",
			boxShadow: "2px 2px 2px #000000"
		});
		$(".header-rotator-handler-prev").css({
			left:"-245px"
		});
		$(".header-rotator-handler-next").css({
			left:"-20px"
		});
		
		var displayed_image=0;
		
		$(".header-rotator-handler-next").click(function(){
			
			$(".imagefield-field_image").eq(displayed_image).css({display:"none"});
			
			displayed_image++;
			if(displayed_image>=$(".imagefield-field_image").length){
				displayed_image=0;
			}
			
			$(".imagefield-field_image").eq(displayed_image).css({display:"block"});
			
		});
		
		$(".header-rotator-handler-prev").click(function(){
			
			$(".imagefield-field_image").eq(displayed_image).css({display:"none"});
			
			displayed_image--;
			if(displayed_image<0){
				displayed_image=$(".imagefield-field_image").length-1;
			}
			
			$(".imagefield-field_image").eq(displayed_image).css({display:"block"});
			
		});
		
		
	}
	
//****************************************************************************************************/
	
	


// HEADER IMAGE SIZES********************************************************************************/
try{
	switch (header_image_size) {
		case "large":
		$(".view-headerimages .view-content .imagefield-field_image").css({
			width:288,
			height:200
		});
		break;
		case "small":
		$(".view-headerimages .view-content .imagefield-field_image").css({
			width:230,
			height:160
		});
		break;
		default:
		$(".view-headerimages .view-content .imagefield-field_image").css({
			width:256,
			height:170
		});
	} 
}catch(err){}
/* *************************************************************************************************/



	
	
	
//HOUSE MENU AUTOHEIGHT *****************************************************************************/
try{
	//You can make changes to the auto height by setting up the variable menu_height_fix
	//Example: if you set menu_height_fix=20 you will add 20px to the total height. if you set menu_height_fix=-50, you'll sustract 50px.
	//you can set menu_height_fix inside a <script> element, in the body of the edit mode of a page.
	$("#home-center").height($("#section-content").height()+$("#section-intro").height()+35+menu_height_fix);
}catch(err){
	$("#home-center").height($("#section-content").height()+$("#section-intro").height()+35);
}
//****************************************************************************************************/



//FAQ Accordion***************************************************************************************/
	$(".question > a").click(function(){
		var activeElement = $(".active");
		if(activeElement != null){
			activeElement.slideUp();
			activeElement.removeClass("active");
		}
		$(this).parent().next().slideDown();
		$(this).parent().next().addClass("active");
		return false;
	});
	
	
	
	/* $(".question-header").click(function(){
	var activeElement = $(".active-header");
	 if(activeElement != null){
		activeElement.slideUp();
		activeElement.removeClass("active-header");
	}
	$(this).parent().next().slideDown();
	$(this).parent().next().addClass("active-header");
	return false;
	});*/
	
//****************************************************************************************************/

// Leave this page popup*******************************************************************************/
$('a[target|="_blank"]').click(function(){
    if($(this).attr('target') != 'photo'){
        $('#continue')
        .attr('href', $(this).attr('hreflink'))
        .attr('target', '_blank')
        ;
    }
});
//****************************************************************************************************/	
});

// Leave this page popup*******************************************************************************/

$(document).ready(function(){
	
	//HEADER INTRO TEXT SIZE ACCORDING WITH IMAGE EXISRENCE OR SIZE ***********************************/
	if($(".view-headerimages .view-content").length){
		try{
			if(header_image_size=="small"){
				$("#section-intro .left").width(419);
			}else{
				$("#section-intro .left").width(360);
			}
		}catch(err){}
	}else{
		$("#section-intro .left").css("width","100%");
	}
	//****************************************************************************************************/	
	
	
	//TEMPORARY HEADER FIX *******************************************************************************/
	if($(".photo-gallery")[0]){
		$("#section-intro").css({
			paddingBottom:30
		});
	}
	
	if($("#bg-header-rotator").length){
		$("#section-intro").height(255); 
		$("#section-content").css({
			paddingTop:50
		});
	}
	
	if($("#section-offer").length){
		$("#section-intro").css({
			backgroundPosition:"center center"
		});
                // Move Breadcrumb if there's a Section Offer******************************************************/
		$(".breadcrumb").css({
                    position:"relative",
                    top:70
		});
	}
});