/**
 *  Copyright(c) 2009: Mantecao / Grupo Alion C.A.
 *  url: www.mantecao.com.ve/licensing
 *  email: licensing@mantecao.com.ve   
 *  author: Nilda Ching 
 *  description: ejecuta el scrollable de acuerdo al numero de items. Necesita que la libreria jquery.tools.min.1.1.2.js este cargada
 *  usage: 
 */

// arreglos con las imagenes
var studycases_images = ["media/images/studycases/estudio1.jpg", "media/images/studycases/estudio2.jpg", "media/images/studycases/estudio3.jpg","media/images/studycases/estudio4.jpg"];
var services_images = ["media/images/services/service1.jpg", "media/images/services/service2.jpg", "media/images/services/service3.jpg","media/images/services/service4.jpg","media/images/services/service5.jpg"];
var studycases_images_full = ["media/images/studycases/estudio1-1.jpg", "media/images/studycases/estudio1-2.jpg", "media/images/studycases/estudio1-3.jpg","media/images/studycases/estudio2-1.jpg","media/images/studycases/estudio2-2.jpg","media/images/studycases/estudio2-3.jpg","media/images/studycases/estudio3-1.jpg","media/images/studycases/estudio3-2.jpg","media/images/studycases/estudio3-3.jpg","media/images/studycases/estudio4-1.jpg","media/images/studycases/estudio4-2.jpg","media/images/studycases/estudio4-3.jpg"];
var fullstudycases_images = [{
	id:1,
	cant:3,
	images:[{label:"Cambio de Imagen",image:"estudio1-1.jpg"}, {label:"Asesoria Creativa",image:"estudio1-2.jpg"}, {label:"Diseño Grafico",image:"estudio1-3.jpg"}]
},{
	id:2,
	cant:3,
	images:[{label:"Cambio de Imagen",image:"estudio2-1.jpg"}, {label:"Asesoria Creativa",image:"estudio2-2.jpg"}, {label:"Diseño Grafico",image:"estudio2-3.jpg"}]
},{
	id:3,
	cant:3,
	images:[{label:"Cambio de Imagen",image:"estudio3-1.jpg"}, {label:"Asesoria Creativa",image:"estudio3-2.jpg"}, {label:"Diseño Grafico",image:"estudio3-3.jpg"}]
},{
	id:4,
	cant:3,
	images:[{label:"Cambio de Imagen",image:"estudio4-1.jpg"}, {label:"Asesoria Creativa",image:"estudio4-2.jpg"}, {label:"Diseño Grafico",image:"estudio4-3.jpg"}]
}]
var api_scroll;
/**
 * stileLinkEvent: método que aplica el cambio de estilo en el evento click de los enlaces internos del innerfade
 */
function stileLinkEvent(nav_id, style_selected, style_deselected){
	var i, x;
	
	$("#" + nav_id + " li").each(function(){
		// add click functionality to buttons
		
		$(this).click(function(){
			var itemclick = this.className;
			var htmltext = "";
			var tag = "";
			$("#" + nav_id + " li").each(function(){
				htmltext = this.children[0].innerHTML;
				$(this).empty();
				if (this.className == itemclick) {
					tag = $(style_selected);
					tag.append(htmltext);
					//$(this).append(tag);
					//$(this).append('<h1>' + htmltext + '</h1>');
				}
				else {
					tag = $(style_deselected);
					tag.append(htmltext);
					//$(this).append(tag);
					//$(this).append('<a href="#" style="color: rgb(148, 149, 152);">' + htmltext + '</a>');
				}
				$(this).append(tag);
			});
		}); // click
	}); //each
}

/**
 * actionPaginationButtons: método que cambia el contenido por cada caso de estudio en el innerfade (accion de los enlaces tipo bolas)
 */
function actionPaginationButtons(){
	var i, x;
	// accion en botones de paginacion
	$(".paginacion ul li").each(function() {
		$(this).click(function() {
			i = 0;
			var itemclick = this.id;
			$(".paginacion ul li").each(function() {
				if(this.id == itemclick){
					$(this).addClass('active');	
					// cambiar las imagenes
					$(".content5 ul#imagenes li").appendTo($("#container_images_scrollable"));
					
					/*for(x=0; x < fullstudycases_images[i].cant; x++){
						$(".content5 ul#imagenes").append('<li><img src="media/images/studycases/' + fullstudycases_images[i].images[x].image + '" /></li>');
					}*/
					$("#container_images_scrollable li." + itemclick).appendTo($(".content5 ul#imagenes"));
					
					// cambiar los labels
					$(".content5 ul#paginacion_interna").empty();
					for(x=0; x < fullstudycases_images[i].cant; x++){
						if(x == 0){
							$(".content5 ul#paginacion_interna").append('<li class="slide_'+ x +'"><h1>' + fullstudycases_images[i].images[x].label + '</h1></li>');
						}else
							$(".content5 ul#paginacion_interna").append('<li class="slide_'+ x +'"><a href="#" style="color: rgb(148, 149, 152);">' + fullstudycases_images[i].images[x].label + '</a></li>');
					}
					start_internalInnerFade();
					stileLinkEvent('paginacion_interna','<h1></h1>','<a href="#" style="color: rgb(148, 149, 152);"></a>');
				}else $(this).removeClass('active');
				
				i = i + 1;
			});
		});// eo click
		i = i + 1;
	});// eo each
	
}

/**
 * start_scrollable: método que inicia el carrousel del home
 * @param {Object} type
 * @param {Object} s
 */
 function start_scrollable(type, s){
	
	// eliminar las clases de los enlaces que manejan el carrousel
	$("li#enlace1",".sprite-home").removeClass('active');
	$("li#enlace2",".sprite-home").removeClass('active');
	$("li#enlace3",".sprite-home").removeClass('active');
	$("li#enlace4",".sprite-home").removeClass('active');
	
	// mover los items del carrousel al container
	$("div.scrollable .items div").attr("style","float:left; display:none;");
	$("div.scrollable .items div").appendTo($("#container_images_scrollable"));
	$('div.cloned','#container_images_scrollable').remove();
	$('#container_images_scrollable').reorder();
	switch(type){
		case 'studycases': {
			
			$("#container_images_scrollable div.estudio").appendTo($("div.scrollable .items"));
			
		  	$("a.browse.right").css("background","transparent url(media/images/flecha-derecha-casos_de_estudio.png) no-repeat");
			$("a.browse.left").css("background","transparent url(media/images/flecha-izquierda-casos_de_estudio.png) no-repeat");
			$(".pestana-casos").css("background","transparent url(media/images/pestana-casos-de-estudio.gif) no-repeat")
			$("li#enlace1",".sprite-home").addClass('active');
			$(".pestana-casos").click(function(){
				window.location.href = "estudio.html";
			});
			
			$("a.browse.right").hover(
				function(){
					$(this).css("background","transparent url(media/images/flecha-derecha-hover.png) no-repeat top left ");
				},
				function(){
					$(this).css("background","transparent url(media/images/flecha-derecha-casos_de_estudio.png) no-repeat");
				}
			);
			$("a.browse.left").hover(
				function(){
					$(this).css("background","transparent url(media/images/flecha-izquierda-hover.png) no-repeat top left ");
				},
				function(){
					$(this).css("background","transparent url(media/images/flecha-izquierda-casos_de_estudio.png) no-repeat");
				}
			);
			
			break;
		}
		case 'products': {
			
			$("#container_images_scrollable div.productos").appendTo($("div.scrollable .items"));
		  	$("a.browse.right").css("background","transparent url(media/images/flecha-derecha-productos.png) no-repeat");
			$("a.browse.left").css("background","transparent url(media/images/flecha-izquierda-productos.png) no-repeat");
			$(".pestana-casos").css("background","transparent url(media/images/pestana-productos.gif) no-repeat")
			$("li#enlace2",".sprite-home").addClass('active');
			$(".pestana-casos").click(function(){
				window.location.href = "productos.html";
			});
			
			$("a.browse.right").hover(
				function(){
					$(this).css("background","transparent url(media/images/flecha-derecha-hover.png) no-repeat top left ");
				},
				function(){
					$(this).css("background","transparent url(media/images/flecha-derecha-productos.png) no-repeat");
				}
			);
			$("a.browse.left").hover(
				function(){
					$(this).css("background","transparent url(media/images/flecha-izquierda-hover.png) no-repeat top left ");
				},
				function(){
					$(this).css("background","transparent url(media/images/flecha-izquierda-productos.png) no-repeat");
				}
			);
			
			break;
		}
		case 'services':{
			
			$("#container_images_scrollable div.servicio").appendTo($("div.scrollable .items"));
			
			$("a.browse.right").css("background","transparent url(media/images/flecha-derecha-servicios.png) no-repeat");
			$("a.browse.left").css("background","transparent url(../../media/images/flecha-derecha-hover.png) no-repeat top left;");
			$("a.browse.left").css("background","transparent url(media/images/flecha-izquierda-servicios.png) no-repeat");
			$(".pestana-casos").css("background","transparent url(media/images/pestana-servicios.gif) no-repeat")
			$("li#enlace3",".sprite-home").addClass('active');
			$(".pestana-casos").click(function(){
				window.location.href = "servicios.html";
			});
			$("a.browse.right").hover(
				function(){
					$(this).css("background","transparent url(media/images/flecha-derecha-hover.png) no-repeat top left ");
				},
				function(){
					$(this).css("background","transparent url(media/images/flecha-derecha-servicios.png) no-repeat");
				}
			);
			$("a.browse.left").hover(
				function(){
					$(this).css("background","transparent url(media/images/flecha-izquierda-hover.png) no-repeat top left ");
				},
				function(){
					$(this).css("background","transparent url(media/images/flecha-izquierda-servicios.png) no-repeat");
				}
			);
			
			
			break;
		}
		case 'portfolio':{
			$("#container_images_scrollable div.portafolio").appendTo($("div.scrollable .items"));
					
			$("a.browse.right").css("background","transparent url(media/images/flecha-derecha-portafolio.png) no-repeat");
			$("a.browse.left").css("background","transparent url(../../media/images/flecha-derecha-hover.png) no-repeat top left;");
			$("a.browse.left").css("background","transparent url(media/images/flecha-izquierda-portafolio.png) no-repeat");
			$(".pestana-casos").css("background","transparent url(media/images/pestana-portafolio.gif) no-repeat")
			$("li#enlace4",".sprite-home").addClass('active');
			$(".pestana-casos").click(function(){
				window.location.href = "portafolio.html";
			});
			
			$("a.browse.right").hover(
				function(){
					$(this).css("background","transparent url(media/images/flecha-derecha-hover.png) no-repeat top left ");
				},
				function(){
					$(this).css("background","transparent url(media/images/flecha-derecha-portafolio.png) no-repeat");
				}
			);
			$("a.browse.left").hover(
				function(){
					$(this).css("background","transparent url(media/images/flecha-izquierda-hover.png) no-repeat top left ");
				},
				function(){
					$(this).css("background","transparent url(media/images/flecha-izquierda-portafolio.png) no-repeat");
				}
			);
			
			//setLinkDivToInternalPage(type);
			
			break;
		}
	}
		
	//reordenar el contenedor de elementos del scrollable
	//$("div.scrollable .items div").reorder();
	
	if (jQuery.browser.msie) { //IE
		$("div.scrollable .items div").attr("style","float: left;")
	}
	
	if (api_scroll) {
		api_scroll = $("div.scrollable").circular({ api: true});
		api_scroll.begin();
	}
	else {
		// initialize scrollable 
		api_scroll = $("div.scrollable").scrollable({
			size: s,
			clickable: false
		}).circular({ api: true});
	}
	
	if (jQuery.browser.msie) { //IE
		$("div.scrollable .items div").attr("style","float: left;")
		if(type == "services")
		$("div.items","div.scrollable").attr("style","left: 0px;");
		else $("div.items","div.scrollable").attr("style","left:-12px;");	
	}else{
		$("div.scrollable .items div").fadeIn("slow");		
	}
	
}

function setMouseOverTabs(){
	$("li#enlace1",".sprite-home").mouseover(function(){
		if($(this).attr("class") != "active")
		start_scrollable('studycases', 1)
	});
	$("li#enlace2",".sprite-home").mouseover(function(){
		if($(this).attr("class") != "active")
		start_scrollable('products', 1)
	});
	$("li#enlace3",".sprite-home").mouseover(function(){
		if($(this).attr("class") != "active")
		start_scrollable('services',1)
	});
	$("li#enlace4",".sprite-home").mouseover(function(){
		if($(this).attr("class") != "active")
		start_scrollable('portfolio', 1)
	});
}

function setLinkDivToInternalPage(tcase){
	
	switch (tcase){
		case 'portfolio':{
			// portafolios
			$("div.scrollable .items div").each(function(){
				$("div#" + this.id + ".portafolio").click(function(){
					window.location.href = "portafolio.html#" + this.id;
				});
			});		
			break;
		}
	}
	
}


/**
 * start_innerfadeVertical: método que incia el innerfade vertical
 */
function start_gralInnerfade(content,parent, nav,activo,inactivo, h){
	
	$('.'+ content + ' ul#' + parent).innerfade({
		speed: 1000,
        type: 'sequence',
        containerheight: 	h,
        slide_timer_on: 	'no',
        slide_ui_parent: 	parent,
        slide_ui_text:		'null',
    	pause_button_id: 	'null',
       	slide_nav_id:		nav
   	});
	$.setOptionsButtonEvent();
	
	if(activo != "")
	stileLinkEvent(nav,activo,inactivo);
}

function setStyleLinkNavigatorFilosofia(){
	var obj_class;
	$("ul#filosofia li").each(function(){
		$(this).click(function(){
			obj_class = this.className;
			$("ul#filosofia li a").removeClass("active");
			$("ul#filosofia li." + this.className + " a").addClass("active");
		});
	});
	
	// para IE se necesita aplicar un margen en el top de los enlaces (texto) del segundo en adelante
	if (jQuery.browser.msie && jQuery.browser.version <= 7 ) { //IE
		$("a#f2",".sprite-filosofia").attr("style","margin-top:-1px;");
		$("a#f3",".sprite-filosofia").attr("style","margin-top:-2px;");
		$("a#f4",".sprite-filosofia").attr("style","margin-top:-3px;");
	}
}

function start_internalInnerFade(){
	$('ul#imagenes').innerfade({
		speed: 1000,
        type: 'sequence',
        containerheight: 	'290px',
        slide_timer_on: 	'no',
        slide_ui_parent: 	'imagenes',
        slide_ui_text:		'null',
    	pause_button_id: 	'null',
       	slide_nav_id:		'paginacion_interna'
   	});
	$.setOptionsButtonEvent();
}

/**
 * start_scrollable_navigator: método que incia el innerfade de casos de estudio completa
 */
function start_scrollable_navigator(hash){
	//preloading images
	preloadStudyCasesImages();
	
	$("div.scrollable-estudio").scrollable({clickable: false, items:'.items-estudio', size:1}).navigator({ navi:'ul#paginacion' }); 
	
	$('div.content-case1 ul#imagenes1').innerfade({speed: 1000, type: 'sequence',containerheight: '250px',slide_timer_on:'no',slide_ui_parent:'imagenes1',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna1'});
	$.setOptionsButtonEvent();
	//start_gralInnerfade(this.location.hash,'content-case1','imagenes1','paginacion_interna1','<h1></h1>','<a href="#" style="color: rgb(148, 149, 152);"></a>','270px;');
	stileLinkEvent('paginacion_interna1','<h1></h1>','<a href="#" style="color: rgb(148, 149, 152);"></a>');
	
	$('div.content-case2 ul#imagenes2').innerfade({speed: 1000, type: 'sequence',containerheight: '250px',slide_timer_on:'no',slide_ui_parent:'imagenes2',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna2'});
	$.setOptionsButtonEvent();
	stileLinkEvent('paginacion_interna2','<h1></h1>','<a href="#" style="color: rgb(148, 149, 152);"></a>');
	
	$('div.content-case3 ul#imagenes3').innerfade({speed: 1000, type: 'sequence',containerheight: '250px',slide_timer_on:'no',slide_ui_parent:'imagenes3',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna3'});
	$.setOptionsButtonEvent();
	stileLinkEvent('paginacion_interna3','<h1></h1>','<a href="#" style="color: rgb(148, 149, 152);"></a>');
	
	$('div.content-case4 ul#imagenes4').innerfade({speed: 1000, type: 'sequence',containerheight: '250px',slide_timer_on:'no',slide_ui_parent:'imagenes4',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna4'});
	$.setOptionsButtonEvent();
	stileLinkEvent('paginacion_interna4','<h1></h1>','<a href="#" style="color: rgb(148, 149, 152);"></a>');
	
	$('div.content-case5 ul#imagenes5').innerfade({speed: 1000, type: 'sequence',containerheight: '250px',slide_timer_on:'no',slide_ui_parent:'imagenes5',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna5'});
	$.setOptionsButtonEvent();
	stileLinkEvent('paginacion_interna5','<h1></h1>','<a href="#" style="color: rgb(148, 149, 152);"></a>');
	
	$('div.content-case6 ul#imagenes6').innerfade({speed: 1000, type: 'sequence',containerheight: '250px',slide_timer_on:'no',slide_ui_parent:'imagenes6',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna6'});
	$.setOptionsButtonEvent();
	stileLinkEvent('paginacion_interna6','<h1></h1>','<a href="#" style="color: rgb(148, 149, 152);"></a>');
	
	$('div.content-case7 ul#imagenes7').innerfade({speed: 1000, type: 'sequence',containerheight: '250px',slide_timer_on:'no',slide_ui_parent:'imagenes7',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna7'});
	$.setOptionsButtonEvent();
	stileLinkEvent('paginacion_interna7','<h1></h1>','<a href="#" style="color: rgb(148, 149, 152);"></a>');
	
	$('div.content-case8 ul#imagenes8').innerfade({speed: 1000, type: 'sequence',containerheight: '250px',slide_timer_on:'no',slide_ui_parent:'imagenes8',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna8'});
	$.setOptionsButtonEvent();
	stileLinkEvent('paginacion_interna8','<h1></h1>','<a href="#" style="color: rgb(148, 149, 152);"></a>');
	
	$('div.content-case9 ul#imagenes9').innerfade({speed: 1000, type: 'sequence',containerheight: '250px',slide_timer_on:'no',slide_ui_parent:'imagenes9',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna9'});
	$.setOptionsButtonEvent();
	stileLinkEvent('paginacion_interna9','<h1></h1>','<a href="#" style="color: rgb(148, 149, 152);"></a>');
	
	$(".content5 .paginacion ul#paginacion li").each(function(){
		$(this).click(function(){
			var id = this.id.substring(1);
			switch (id){
				case '1':{
					$('div.content-case1 ul#imagenes1').innerfade({speed: 1000, type: 'sequence',containerheight: 250,slide_timer_on:'no',slide_ui_parent:'imagenes1',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna1'});
					break;
				}
				case '2':{
					$('div.content-case2 ul#imagenes2').innerfade({speed: 1000, type: 'sequence',containerheight: 250,slide_timer_on:'no',slide_ui_parent:'imagenes2',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna2'});
					break;
				}
				case '3':{
					$('div.content-case3 ul#imagenes3').innerfade({speed: 1000, type: 'sequence',containerheight: 250,slide_timer_on:'no',slide_ui_parent:'imagenes3',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna3'});
					break;
				}
				case '4':{
					$('div.content-case4 ul#imagenes4').innerfade({speed: 1000, type: 'sequence',containerheight: 250,slide_timer_on:'no',slide_ui_parent:'imagenes4',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna4'});
					break;
				}
				case '5':{
					$('div.content-case5 ul#imagenes5').innerfade({speed: 1000, type: 'sequence',containerheight: 250,slide_timer_on:'no',slide_ui_parent:'imagenes5',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna5'});
					break;
				}
				case '6':{
					$('div.content-case6 ul#imagenes6').innerfade({speed: 1000, type: 'sequence',containerheight: 250,slide_timer_on:'no',slide_ui_parent:'imagenes6',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna6'});
					break;
				}
				case '7':{
					$('div.content-case7 ul#imagenes7').innerfade({speed: 1000, type: 'sequence',containerheight: 250,slide_timer_on:'no',slide_ui_parent:'imagenes7',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna7'});
					break;
				}
				case '8':{
					$('div.content-case8 ul#imagenes8').innerfade({speed: 1000, type: 'sequence',containerheight: 250,slide_timer_on:'no',slide_ui_parent:'imagenes8',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna8'});
					break;
				}
				case '9':{
					$('div.content-case9 ul#imagenes9').innerfade({speed: 1000, type: 'sequence',containerheight: 250,slide_timer_on:'no',slide_ui_parent:'imagenes9',slide_ui_text:'null',pause_button_id:'null',slide_nav_id:'paginacion_interna9'});
					break;
				}
			}
			// activar el primer enlace interno
			var htmltext;
			$("ul#paginacion_interna" + id + " li").each(function(){
				htmltext = this.children[0].innerHTML;
				$(this).empty();
				if(this.className == "slide_0") $(this).append('<h1>' + htmltext + "</h1>");
				else $(this).append('<a href="#" style="color: rgb(148, 149, 152);">' + htmltext + "</a>");
			})
		});
	});
	

	changeInternalImages();	
	
	if(hash != "" && hash != "#"){
		$(".paginacion ul#paginacion li" + hash).trigger('click');
	}
	//para el caso en que se llaga directo y no a través del carrousel
	else $(".paginacion ul#paginacion li#c1").trigger('click');
	
}
/**
 * changeInternalImages: método que asigna el src correspondiente a la imagen, la primera vez que se accede a ella
 */
function changeInternalImages(){
	$("ul#paginacion_interna1 li").click(function(){
		var index = this.className.substring(6);
		var img_original = $("ul#imagenes1")[0].children[index].children[0].getAttribute("original");
		if (img_original != "") {
			$("ul#imagenes1")[0].children[index].children[0].setAttribute("src", img_original);
			$("ul#imagenes1")[0].children[index].children[0].setAttribute("original", "");
		}
	});
	
	$("ul#paginacion_interna2 li").click(function(){
		var index = this.className.substring(6);
		var img_original = $("ul#imagenes2")[0].children[index].children[0].getAttribute("original");
		if (img_original != "") {
			$("ul#imagenes2")[0].children[index].children[0].setAttribute("src", img_original);
			$("ul#imagenes2")[0].children[index].children[0].setAttribute("original", "");
		}
	});
	
	$("ul#paginacion_interna3 li").click(function(){
		var index = this.className.substring(6);
		var img_original = $("ul#imagenes3")[0].children[index].children[0].getAttribute("original");
		if (img_original != "") {
			$("ul#imagenes3")[0].children[index].children[0].setAttribute("src", img_original);
			$("ul#imagenes3")[0].children[index].children[0].setAttribute("original", "");
		}
	});
	
	$("ul#paginacion_interna4 li").click(function(){
		var index = this.className.substring(6);
		var img_original = $("ul#imagenes4")[0].children[index].children[0].getAttribute("original");
		if (img_original != "") {
			$("ul#imagenes4")[0].children[index].children[0].setAttribute("src", img_original);
			$("ul#imagenes4")[0].children[index].children[0].setAttribute("original", "");
		}
	});
	
	$("ul#paginacion_interna5 li").click(function(){
		var index = this.className.substring(6);
		var img_original = $("ul#imagenes5")[0].children[index].children[0].getAttribute("original");
		if (img_original != "") {
			$("ul#imagenes5")[0].children[index].children[0].setAttribute("src", img_original);
			$("ul#imagenes5")[0].children[index].children[0].setAttribute("original", "");
		}
	});
	
	$("ul#paginacion_interna6 li").click(function(){
		var index = this.className.substring(6);
		var img_original = $("ul#imagenes6")[0].children[index].children[0].getAttribute("original");
		if (img_original != "") {
			$("ul#imagenes6")[0].children[index].children[0].setAttribute("src", img_original);
			$("ul#imagenes6")[0].children[index].children[0].setAttribute("original", "");
		}
	});
	
	$("ul#paginacion_interna7 li").click(function(){
		var index = this.className.substring(6);
		var img_original = $("ul#imagenes7")[0].children[index].children[0].getAttribute("original");
		if (img_original != "") {
			$("ul#imagenes7")[0].children[index].children[0].setAttribute("src", img_original);
			$("ul#imagenes7")[0].children[index].children[0].setAttribute("original", "");
		}
	});
	
	$("ul#paginacion_interna8 li").click(function(){
		var index = this.className.substring(6);
		var img_original = $("ul#imagenes8")[0].children[index].children[0].getAttribute("original");
		if (img_original != "") {
			$("ul#imagenes8")[0].children[index].children[0].setAttribute("src", img_original);
			$("ul#imagenes8")[0].children[index].children[0].setAttribute("original", "");
		}
	});
	
	$("ul#paginacion_interna9 li").click(function(){
		var index = this.className.substring(6);
		var img_original = $("ul#imagenes9")[0].children[index].children[0].getAttribute("original");
		if (img_original != "") {
			$("ul#imagenes9")[0].children[index].children[0].setAttribute("src", img_original);
			$("ul#imagenes9")[0].children[index].children[0].setAttribute("original", "");
		}
	});
	
}
/**
 * loadOriginalfirstImagebycase: método que asigna en la primera imagen de cada caso de estudio su imagen original 
 */
function loadOriginalfirstImagebycase(){
	var img_original, i;
	
	for(i=1; i<=9;i++ ){
		img_original = $("ul#imagenes" + i)[0].children[0].children[0].getAttribute("original");
		if (img_original != "") {
			$("ul#imagenes" + i)[0].children[0].children[0].setAttribute("src", img_original);
			$("ul#imagenes" + i)[0].children[0].children[0].setAttribute("original", "");
		}		
	}
}

function getTweets(count){
	  $.getJSON(config.variants.mantecaotwitter + "&lang=" + app.lang + "&callback=?",onResponsetwitter);
}

function onResponsetwitter(data){
	var i;
	$(".bottom ul#news").empty();
	i = 0;
  	$.each(data, function(i,item){
		var tag = $('<li id="tweet_' + i + '"></li>');
		tag.append(truncate(item.text,70,'<a href="http://twitter.com/mantecaonews" target="_blank">ver m&aacute;s</a>'));
		$(".bottom ul#news").append(tag);
		return (i < 2);
	});
}

function truncate(text, length, ellipsis) {    
	// Set length and ellipsis to defaults if not defined
    if (typeof length == 'undefined') var length = 100;
    if (typeof ellipsis == 'undefined') var ellipsis = '...';

    // if the text is already lower than the cutoff
    if (text.length > length) {
		// Otherwise, check if the last character is a space.
		// If not, keep counting down from the last character
		// until we find a character that is a space
		if (text.indexOf(' ') != -1 && text.indexOf(' ') < length) {
			for (var i = length - 1; text.charAt(i) != ' '; i--) {
				length--;
			}
		}
	}
    // The for() loop ends when it finds a space, and the length var
    // has been updated so it doesn't cut in the middle of a word.
    return text.substr(0, length) + '... ' + ellipsis;
}
function start_scrollable_portafolio(hash){
	$("div.script_circular").scrollable({clickable: false, items:'.items_folio', size:1}).circular();
	
	$("div.contenido_folios").scrollable({clickable: false, item:'li', items:'.nav-folios', size:5, nextPage:'.flecha_der', prevPage:'.flecha_izq'}).circular(); 
	
	start_gralInnerfade('content_folios','text_folios','folios','','',300);
	
	//eliminar atributo display:none de los div
	$("li div[id*='folio']","ul#text_folios").removeAttr("style");
	
	//accion click y validar si solo hay una imagen en el protafolio de cliente
	/*$("ul#folios li a").each(function(){
		$(this).click(function(){
			var nfolio = this.id.substring(1);
			if($("div#folio" + nfolio + " div.scrollable_folio","ul#text_folios")[0].className == "scrollable_folio script_circular"){
				
			}
		});
	});*/
	
	if(hash != "" && hash != "#"){
		$($("ul#folios li a" + hash)[0]).trigger('click');
	}//else $(".paginacion ul#paginacion li#c1").trigger('click');
	
}
function start_scrollable_photo_oficina(){
	$("div.scrollable-oficinaphoto").scrollable({clickable: false,items:'.items-oficinaphoto', size:7}).circular(); 
	
	//start overlay
	$("img[rel]").overlay();
	
	// fix para IE
	$("div.left fl","div.tope").css("margin","70px 0 0 50px;");

}


/**
 * sendMessageContact: método utilizado para enviar un email al administrador.
 */
function sendMessageContact(){
	$.ajax({
		url: "email/template-contacto.html",
		success: function(data){
			data = data.replace(/\[\[/g,"{{");
			data = data.replace(/\]\]/g,"}}");
			$("#body").val(data);
		}
	});
	
	$('#formulario_contactos').ajaxForm({ beforeSubmit: validateForm,  success: successEmailContact, clearForm:true, timeout:   60000  });
	
}

function successEmailContact(responseText, statusTet, xhr, $form){
	$("div.waitmsg").attr("style","display:none;");
	$(":submit").removeAttr('disabled');
	if($.evalJSON(responseText).response.success){
		$("#notice_messages_contactos").empty();
		$("#notice_messages_contactos").append(app.messages.THANKSFORYOURMESSAGE);
		$("#notice_contactos").removeAttr("style");
	}else{
		$("#error_messages_contactos").empty();
		$("#error_messages_contactos").append($.evalJSON(responseText).response.errors[0].code + ': ' + $.evalJSON(responseText).response.errors[0].msg + '<br/>');
		$("#error_contactos").removeAttr("style");
	}
}

function validateForm(formData, jqForm, options){
	var email_re = new RegExp(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/); 
	var errors = false;
	var vars = {};
	var now = new Date();
    var iyear = now.getFullYear();
    var imonth = now.getMonth() + 1;
    var iday = now.getDate();
    var ihours = now.getHours();
    var iminutes = now.getMinutes();
    var iseconds = now.getSeconds();
	
	// begin_: leading zeropad single-digit numbers
    imonth = (imonth < 10)? "0" + imonth : imonth;
    iday = (iday < 10)? "0" + iday : iday;
	ihours = (ihours < 10)? "0" + ihours : ihours;
	iminutes = (iminutes < 10)? "0" + iminutes : iminutes;
	iseconds = (iseconds < 10)? "0" + iseconds : iseconds;
	
	$("#error_messages_contactos").empty();
	$(".message_container").attr("style","display:none;");
	vars['entry_now'] = iday + "/" + imonth + "/" + iyear +  " " + ihours + ":" + iminutes + ":" + iseconds;
	for (var i = 0; i < formData.length; i++) {
		switch (formData[i].name) {
			case 'contact[name]':{
				if (!formData[i].value){
					$("#error_messages_contactos").append('<a href=javascript:setFocus("contact_name")>' + app.labels.FULLNAME + '</a>: ' + app.messages.CANNOTBEEMPTY +  '<br/>');
					errors = true;
				}else{
					vars['contact_name'] = formData[i].value;
				}
				break;
			}
			case 'recipient':{
				if (!formData[i].value || !email_re.test(formData[i].value)) {
					if (!formData[i].value) 
						$("#error_messages_contactos").append('<a href=javascript:setFocus("recipient")>' + app.labels.EMAIL + '</a>: ' + app.messages.CANNOTBEEMPTY +  '<br/>');
					else 
						$("#error_messages_contactos").append('<a href=javascript:setFocus("recipient")>' + app.labels.EMAIL  + '</a>: '  + app.messages.INVALIDFORMAT + '<br/>');
					//$("#label_contact_email_address").addClass("error");
					$("#recipient").addClass("error");
					errors = true;
				}
				else {
					//$("#label_contact_email_address").removeClass("error");
					$("#recipient").removeClass("error");
					vars['contact_email_address'] = formData[i].value;
				}
				break;
			}
			case 'message':{
				if(!formData[i].value){
					$("#error_messages_contactos").append('<a href=javascript:setFocus("message")>' + app.labels.MESSAGE + '</a>: ' + app.messages.CANNOTBEEMPTY + '<br/>');
					//$("#label_contact_message").addClass("error");
					$("#message").addClass("error");
					errors = true;
				}
				else{
					//$("#label_contact_message").removeClass("error");
					$("#message").removeClass("error");
					vars['contact_message'] = htmlEncode(formData[i].value,true,4);
				}
				break;
			}
			case 'email':{
				formData[i].value = config.env[env]['email'];
				break;
			}
			case 'subject':{
				formData[i].value = config.variants.subject_emailContact + " - " + $('#' + jqForm.context.id + ' :contact[name]').fieldValue()[0];
				break;
			}
			case 'contact[company]':{
				vars['contact_company'] = formData[i].value;
				break;
			}
			case 'contact[company]':{
				vars['contact_company'] = formData[i].value;
				break;
			}
			case 'contact[phone]':{
				vars['contact_phone'] = formData[i].value;
				break;
			}
			case 'body-vars':{
				formData[i].value = $.toJSON(vars);
				break;
			}
		}
	}
	if (errors) {
		$("#error_contactos").removeAttr("style");
		return false;
	}else{
		if (jQuery.browser.msie && jQuery.browser.version <= 7) { //IE
			$(".waitmsg").attr("style","margin-left:-300px;");
		}else $(".waitmsg").attr("style","margin-left:300px;");
		
		$(":submit").attr('disabled', 'disabled');
	}
	
}
function setFocus(id){
	$("#" + id).focus();
}

function switchLang(lang){
	window.location.href = config.env[env]["site"] + lang + sPage + this.location.hash;
}

function windowResize(){
	
	//$(window).bind('resize', function() {
		
		if ($(window).width() <= 1024) {
			$("#header").attr("class","screen_1024");
			$("div#logo","#header").attr("class","logo logo_1024");
			$("div#sprite","#header").attr("class","sprite sprite_1024");
			$("#menu").attr("class","menu_1024");
			$("#menu ul").attr("class","menu_ul1024");
			$("div#wrap").attr("class","wrap_1024");
			$("div#wrap","div#main").attr("class","wrap_1024");
			$("#footer").attr("class","footer_1024");
		}else if($(window).width() <= 1280){
			$("#header").attr("class","screen_1280");
			$("div#logo","#header").attr("class","logo logo_1280");
			$("div#sprite","#header").attr("class","sprite sprite_1280");
			$("#menu").attr("class","menu_1280");
			$("#menu ul").attr("class","menu_ul1280");
			$("div#wrap").attr("class","wrap_1280");
			$("div#wrap","div#main").attr("class","wrap_1280");
			$("#footer").attr("class","footer_1280");
		}else if($(window).width() <= 1440 ){
			$("#header").attr("class","screen_1440");
			$("div#logo","#header").attr("class","logo logo_1440");
			$("div#sprite","#header").attr("class","sprite sprite_1440");
			$("#menu").attr("class","menu_1440");
			$("#menu ul").attr("class","menu_ul1440");
			$("div#wrap").attr("class","wrap_1440");
			$("div#wrap","div#main").attr("class","wrap_1440");
			$("#footer").attr("class","footer_1440");
		}else if($(window).width() <= 1680 || $(window).width() > 1680 ){
			$("#header").attr("class","screen_1680");
			$("div#logo","#header").attr("class","logo logo_1680");
			$("div#sprite","#header").attr("class","sprite sprite_1680");
			$("#menu").attr("class","menu_1680");
			$("#menu ul").attr("class","menu_ul1680");
			$("div#wrap").attr("class","wrap_1680");
			$("div#wrap","div#main").attr("class","wrap_1680");
			$("#footer").attr("class","footer_1680");
		}
		
	//});
}