jQuery.noConflict();

var last_img, img_count = 0;
var current = -1;
var seconds = 0;
jQuery(document).ready(function() {
   jQuery("#mainNavigation #firstLevel ul li").hover(function() {
     jQuery(this).addClass("active");
   },function(){
     jQuery(this).removeClass("active");
   });
   jQuery("#mainNavigation #secondLevel ul li").hover(function() {
     jQuery(this).addClass("active");
   },function(){
     jQuery(this).removeClass("active");
   });

     var validator = jQuery("#newsletterform").validate({
       rules: {
         email: {
           required: true,
           email: true
         }
       },
       messages: {
         email: {
           required: "Please enter a valid email address"
         }
       },
       errorPlacement: function(error, element) {
         error.appendTo( element.parent().next() );
       },
       // specifying a submitHandler prevents the default submit, good for the demo
       submitHandler: function(form) {
         form.submit();
       },
       // set this class to error-labels to indicate valid fields
       success: function(label) {
       // set &nbsp; as text for IE
         label.html("&nbsp;").addClass("checked");
       }
     });

   jQuery("#newsletterButton img").click(function () {
     var result = jQuery("#newsletterform").valid();
     if(result) {
       jQuery("#newsletterform").submit();
     }else{
       jQuery("#newsletterform input.email").addClass("error");;
     }
   });

   jQuery("#map_inmersiones").click(function () {
	   jQuery("#overlay").fadeIn(100,function() {
		   jQuery("#whiteBox").show(300);
	   });
   });
   jQuery("#overlayClose").click(function () {
	   jQuery("#whiteBox").hide(300,function() {
		   jQuery("#overlay").fadeOut(100);
	   });
   });

   /*
    * Please use an ABSOLUTE PATH to define php scripts.
    * If do you not do this, in production won't work
    * others files paths as images or flash can be relative
    */


  jQuery("#fileUpload").uploadify({
	   	'uploader'  : urlPrefix+'fileadmin/js/uploadify/uploadify.swf',
	   	'script'    : urlPrefix+'fileadmin/js/uploadify/uploadify.php',
	   	'cancelImg' : urlPrefix+'fileadmin/js/uploadify/cancel.png',
	   	'folder'    : '',
	   	'buttonImg'	: urlPrefix+'fileadmin/js/uploadify/upload.jpg',
	   	"height": "20",
		"width": "149",
		'fileDesc'	: 'Image Files',
		'fileExt'	: '*.jpg;*.jpeg;*.gif;*.png',
		'sizeLimit'	: "1000000",
		'multi'		: true,
		'auto'		: true,
		'onComplete'  : function(e, queueID, fileObj, response, data){

						var filename = fileObj.name;
						jQuery("#image_wec").val(jQuery("#image_wec").val() + ',' + filename);
						var image = '<a href="#" onClick="javascript:return deleteItem(\'' +
							queueID +
							'\');"><img id="' +
							filename +
							'" src="uploads/tx_wecdiscussion/' +
							filename +
							'" width="50" height="50" /></a>';
						jQuery("#fileUpload" + queueID).html(image);
						//what I want to do with the response
						return false;
					}
	});

   createSlideshowMenu();


   jQuery(".service_icon").hover(
		   function(){
			   jQuery(this).find(".normal").hide();
			   jQuery(this).find(".hover").show();
			   jQuery("#serviceIcons p").html(jQuery(this).find(".normal").attr("alt"));
		   },
		   function(){
			   jQuery(this).find(".normal").show();
			   jQuery(this).find(".hover").hide();
			   jQuery("#serviceIcons p").html("");
		   }
   );

   /**
    *
    *
    */
   newImage = new Image();

   function addRandomParameterToURL(url) {
      url = url.substring(0, url.indexOf("?")); //remove existing parameter

      var unique = new Date();
      return url+"?"+unique.getTime(); //add parameter
   }

   function refreshDetailImageURL(url) {
      url = addRandomParameterToURL(url);
      jQuery("#webcam a").attr({href: url});
   }

   function loadNewImage(src) {
      newImage.src = addRandomParameterToURL(src);
      jQuery("#webcam img").attr({src: newImage.src});
   }


   var countWebcamImage = jQuery("#webcam img").size();
   if(countWebcamImage > 0)
   {
      jQuery(document).everyTime(30000,
         function(i) {
            var imageSrc = jQuery("#webcam img").attr("src");
            loadNewImage(imageSrc);

            var detailImageURL = jQuery("#webcam a").attr("href");
            refreshDetailImageURL(detailImageURL);
         },
         0);
   }

fileUploadUploader=document.getElementById("fileUploadUploader"); 


});

function replaceAll(Source,stringToFind,stringToReplace){

	  var temp = Source;

	    var index = temp.indexOf(stringToFind);

	        while(index != -1){

	            temp = temp.replace(stringToFind,stringToReplace);

	            index = temp.indexOf(stringToFind);

	        }

	        return temp;

	}

	function in_array(needle, array){
		for(var i = 0, l = array.length; i < l; i++) {
			if(array[i] == needle) {
				return true;
			}
		}
		return false;
	}

	function deleteItem(code){
		var id = jQuery("#fileUpload" + code + " a img").attr("id");
		jQuery("#fileUpload" + code).remove();
		jQuery("#image_wec").val(jQuery("#image_wec").val().replace(id, ""));

		return false;
	}




	function slideSwitchTo(where) {
		// find active image and the clicked image for change css classes

	    var active = jQuery('#slide_img_'+current);
	    var next = jQuery('#slide_img_'+where);


	    if (current != where){
		    jQuery(active).fadeOut("slow");
		    jQuery(next).fadeIn("slow");
		    jQuery('#slide_li_'+where).addClass('activeListItem');
		    jQuery('#slide_li_'+current).removeClass('activeListItem');
		    current = where;
		    seconds = 5;
	    }
	}




	function createSlideshowMenu() {

		jQuery('#slideshow img').each(function(i){
		  jQuery(this).attr("id", "slide_img_"+i);
		  jQuery('#slideshowMenuList').append("<li id=\"slide_li_"+i+"\" onclick=\"slideSwitchTo("+i+");\">"+(i+1)+"</a></li>");
		  img_count++;
		});

	    counter();
	}

	function counter(){
		if(seconds == 0){
			 if((current+1)<img_count) {
		        slideSwitchTo(current+1);
		     }
			 else slideSwitchTo(0);
			 setTimeout( "counter()", 1000 );
		}else{
			seconds--;
			setTimeout( "counter()", 1000 );
		}
	}
