// custom js

jQuery(function($){
    $.supersized({
        vertical_center         :   1,
        navigation              :   0,
        thumbnail_navigation    :   0,
		slideshow               :   1,		//Slideshow on/off
		autoplay				:	1,		//Slideshow starts playing automatically
		start_slide             :   1,		//Start slide (0 is random)
		random					: 	0,		//Randomize slide order (Ignores start slide)
		slide_interval          :   4000,	//Length between transitions
		transition              :   1, 		//0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
		transition_speed		:	2000,	//Speed of transition
		pause_hover             :   0,		//Pause slideshow on hover
		keyboard_nav            :   0,		//Keyboard navigation on/off
		performance				:	1,		//0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
		image_protect			:	1,		//Disables image dragging and right click with Javascript
        slide_counter           :   0,
        slide_captions          :   0,
        slides 					:  	[		// Slideshow Images
                                    {image : 'images/Backgrounds/slidebg1.jpg'},
                                    {image : 'images/Backgrounds/slidebg2.jpg'},
                                    {image : 'images/Backgrounds/slidebg3.jpg'},
                                    {image : 'images/Backgrounds/slidebg6.jpg'},
                                    {image : 'images/Backgrounds/slidebg7.jpg'},
                                    {image : 'images/Backgrounds/slidebg8.jpg'}
  									]
  			
     });
});


// progress bar
var progress_key = '';
$(document).ready(function () {
	$("#pb1").progressBar({
		barImage: 'images/progress.png',
		showText: true
	});
});


// countdown timer
$(document).ready(function () {
	$("body").kkCountDown({
		addClass: 'shadow'
	});
});


// input text on focus on blur
$(document).ready(function () {
	$('.text').click(

	function () {
		if (this.value == this.defaultValue) {
			this.value = '';
		}
	});
	$('.text').blur(

	function () {
		if (this.value == '') {
			this.value = this.defaultValue;
		}
	});
});

//hover effects
$(document).ready(function () {
	$("input[type=text]").hover(function () {
		$(this).animate({
			color: "#FFF"
		}, 200);
	}, function () {
		$(this).animate({
			color: "#666"
		}, 200);
	});
});

$(document).ready(function () {
	$(".text").hover(function () {
		$(this).animate({
			color: "#FFF"
		}, 200);
	}, function () {
		$(this).animate({
			color: "#666"
		}, 200);
	});
});

$(document).ready(function () {
	$("#menu ul li a").hover(function () {
		$(this).animate({
			color: "#FFF"
		}, 200);
	}, function () {
		$(this).animate({
			color: "#CCC"
		}, 200);
	});
});



$(document).ready(function () {

	if ($.browser.msie) {
		var flag = false;
		$("#helpMenu").click(function () {
			if (flag == false) {
				$('#box').css({
					visibility: "hidden"
				});
				$('#helpBox').css({
					visibility: "visible"
				});
				flag = true;
			} else {
				$('#box').css({
					visibility: "visible"
				});
				$('#helpBox').css({
					visibility: "hidden"
				});
				flag = false;
			}
		});
	} else {
		var flag = false;
		$("#helpMenu").click(function () {
			if (flag == false) {
				$('#box').css({
					opacity: 1.0,
					visibility: "visible"
				}).animate({
					opacity: 0.0
				});
				$('#helpBox').css({
					opacity: 0.0,
					visibility: "visible"
				}).animate({
					opacity: 1.0
				});
				$('#helpMenu a').text("Inicio");
				flag = true;
			} else {
				$('#box').css({
					opacity: 0.0,
					visibility: "visible"
				}).animate({
					opacity: 1.0
				});
				$('#helpBox').css({
					opacity: 1.0,
					visibility: "visible"
				}).animate({
					opacity: 0.0
				});
				$('#helpBox').css({
					visibility: "hidden"
				});
				flag = false;
				$('#helpMenu a').text("Ayuda");
			}
		});
	}
});


// search box 
$(document).ready(function () {

	if ($.browser.msie) {
		var flag = false;
		$("#searchMenu").click(function () {
			if (flag == false) {
				$('#searchBox').css({
					visibility: "visible"
				});
				flag = true;
			} else {
				$('#searchBox').css({
					visibility: "hidden"
				});
				flag = false;
			}
		});
	} else {
		var flag = false;
		$("#searchMenu").click(function () {
			if (flag == false) {
				$('#searchBox').css({
					opacity: 0.0,
					visibility: "visible"
				}).animate({
					opacity: 1.0
				});
				flag = true;
			} else {
				$('#searchBox').css({
					opacity: 1.0,
					visibility: "visible"
				}).animate({
					opacity: 0.0
				});
				$('#searchBox').css({
					visibility: "hidden"
				});
				flag = false;
			}
		});
	}
});