/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

function hideInputText(input, text){
	var inp = $("#"+input);

       
	  if(inp.val()== text){
             
		inp.attr("value", "");
                inp.attr("style", "");


	}

}


function showTheRightMark(mark){

    var inp = $('.markPlaceTotal');
    var markp = -(mark)*20;
    inp.attr("style", "background:url(http://playlistsociety.fr/ressources/total.png) 0 "+markp+"px");
}

function chooseTheRightMark(mark){

   mark = mark/2;
   $('#selectMark').val(mark);
   $('#markToChoosePlace').html(mark+"/10");

}

function showInputText(input, text){
	var inp = $("#"+input);
	if(inp.val() == ""){
	    inp.attr("value", text)
            inp.attr("style", "color:#999999;");
	  
	 }

}


function showDiv(div){
    var divToShow = $(div);
    divToShow.attr("style", "");
}

function hideDiv(div){
    var divToHide = $(div);
    divToHide.attr("style", "display:none;");
}

function thumb_size(postid){
    var post =  $('#thumbImg-'+postid);

    var shortPost = $('#short-'+postid);
 //   alert(post.height());
    shortPost.height(post.height()-18);
    shortPost.width(post.width()-20);
    //post.height(post.height()-5);

}

    function thumbAnimate(postid){

         $('#postInnerThumb-'+postid).mouseenter(function(){
            $('#postInnerThumb-'+postid).animate({"marginLeft": "-=280px"}, {duration:200});
         });
         $('#postInnerThumb-'+postid).mouseleave(function(){
            $('#postInnerThumb-'+postid).animate({"marginLeft": "+=280px"}, {duration:200});
         });

    }

function mouse_events(postid){
    $('#post-'+postid).mouseenter(function(){
         $('#short-'+postid).fadeIn("fast");
     });

     $('#short-'+postid).mouseleave(function(){
         $('#short-'+postid).fadeOut("fast");
     });    
}


function nextImageToGo(current, end){

    if(end == current+2){

       
  $('#nextControl').attr("style", "display:none;");
  $('#nextControlEnd').attr("style", "");
    }

    var next = current+1;
    $('#ImageToDisplay_'+current).attr("style", "display:none;");
    $('#ImageToDisplay_'+next).attr("style", "display:'';");
    $('#nextControl').attr("href", "javascript:nextImageToGo("+next+", "+end+")");
    
    if(current==0){
    $('#previousControlBegin').attr("style", "display:none;");
      $('#previousControl').attr("style", "");
    }

    $('#previousControl').attr("href", "javascript:previousImageToGo("+next+", "+end+")");
}

function previousImageToGo(current, end){

 var prev = current-1;
    if(prev == 0){
      
        $('#previousControlBegin') .attr("style", "");
      $('#previousControl').attr("style", "display:none;");
    }

    if(current+1 == end){
        $('#nextControl').attr("style", "");
        $('#nextControlEnd').attr("style", "display:none;");
    }

   
    $('#ImageToDisplay_'+current).attr("style", "display:none;");
    $('#ImageToDisplay_'+prev).attr("style", "display:'';");
    $('#previousControl').attr("href", "javascript:previousImageToGo("+prev+", "+end+")");
     $('#nextControl').attr("href", "javascript:nextImageToGo("+prev+", "+end+")");
   
}


function toggleMyDiv(div){
   $(div).toggle("fast");
}


/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight, radioHeight and selectWidth (lines 24, 25, 26)

The numbers you set for checkboxHeight and radioHeight should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

var checkboxHeight = "25";
var radioHeight = "25";
var selectWidth = "190";


/* No need to change anything after this */


document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom = {
	init: function() {
		var inputs = document.getElementsByTagName("input"), span = Array(), textnode, option, active;
		for(a = 0; a < inputs.length; a++) {
			if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styled") {
				span[a] = document.createElement("span");
				span[a].className = inputs[a].type;
                            

				if(inputs[a].checked == true) {
					if(inputs[a].type == "checkbox") {
						position = "0 -" + (checkboxHeight*2) + "px";
						span[a].style.backgroundPosition = position;
					} else {
						position = "0 -" + (radioHeight*2) + "px";
						span[a].style.backgroundPosition = position;
					}
				}
				inputs[a].parentNode.insertBefore(span[a], inputs[a]);
				inputs[a].onchange = Custom.clear;
                                span[a].id = "checkbox" + inputs[a].name;
				if(!inputs[a].getAttribute("disabled")) {
					span[a].onmousedown = Custom.pushed;
					span[a].onmouseup = Custom.check;
				}else {
					span[a].className = span[a].className += " disabled";
				}
			}
		}
		inputs = document.getElementsByTagName("select");
		for(a = 0; a < inputs.length; a++) {
			if(inputs[a].className == "styled") {
				option = inputs[a].getElementsByTagName("option");
				active = option[0].childNodes[0].nodeValue;
				textnode = document.createTextNode(active);
				for(b = 0; b < option.length; b++) {
					if(option[b].selected == true) {
						textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
					}
				}
				span[a] = document.createElement("span");
				span[a].className = "select";
				span[a].id = "select" + inputs[a].name;
				span[a].appendChild(textnode);
				inputs[a].parentNode.insertBefore(span[a], inputs[a]);
				if(!inputs[a].getAttribute("disabled")) {
					inputs[a].onchange = Custom.choose;
				} else {
					inputs[a].previousSibling.className = inputs[a].previousSibling.className += " disabled";
				}
			}
		}
		document.onmouseup = Custom.clear;
	},
	pushed: function() {
		element = this.nextSibling;
		if(element.checked == true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 -" + checkboxHeight*3 + "px";
		} else if(element.checked == true && element.type == "radio") {
			this.style.backgroundPosition = "0 -" + radioHeight*3 + "px";
		} else if(element.checked != true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 -" + checkboxHeight + "px";
		} else {
			this.style.backgroundPosition = "0 -" + radioHeight + "px";
		}
	},
	check: function() {
		element = this.nextSibling;
		if(element.checked == true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 0";
			element.checked = false;
		} else {
			if(element.type == "checkbox") {
				this.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
			} else {
				this.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
				group = this.nextSibling.name;
				inputs = document.getElementsByTagName("input");
				for(a = 0; a < inputs.length; a++) {
					if(inputs[a].name == group && inputs[a] != this.nextSibling) {
						inputs[a].previousSibling.style.backgroundPosition = "0 0";
					}
				}
			}
			element.checked = true;
		}
	},
	clear: function() {
		inputs = document.getElementsByTagName("input");
		for(var b = 0; b < inputs.length; b++) {
			if(inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
			} else if(inputs[b].type == "checkbox" && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 0";
			} else if(inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
			} else if(inputs[b].type == "radio" && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 0";
			}
		}
	},
	choose: function() {
		option = this.getElementsByTagName("option");
		for(d = 0; d < option.length; d++) {
			if(option[d].selected == true) {
				document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
			}
		}
	}
}
window.onload = Custom.init;


// EZPZ Tooltip v1.0; Copyright (c) 2009 Mike Enriquez, http://theezpzway.com; Released under the MIT License
(function($){
	$.fn.ezpz_tooltip = function(options){
		var settings = $.extend({}, $.fn.ezpz_tooltip.defaults, options);

		return this.each(function(){
			var	content = $("#" + getContentId(this.id));
			var targetMousedOver = $(this).mouseover(function(){
				settings.beforeShow(content, $(this));
			}).mousemove(function(e){
				contentInfo = getElementDimensionsAndPosition(content);
				targetInfo = getElementDimensionsAndPosition($(this));
				contentInfo = $.fn.ezpz_tooltip.positions[settings.contentPosition](contentInfo, e.pageX, e.pageY, settings.offset, targetInfo);
                                contentInfo = keepInWindow(contentInfo);

				content.css('top', contentInfo['top']);
				content.css('right', contentInfo['right']);

				settings.showContent(content);
			});

			if (settings.stayOnContent && this.id != "") {
				$("#" + this.id + ", #" + getContentId(this.id)).mouseover(function(){
					content.css('display', 'block');
				}).mouseout(function(){
					content.css('display', 'none');
					settings.afterHide();
				});
			}
			else {
				targetMousedOver.mouseout(function(){
					settings.hideContent(content);
					settings.afterHide();
				})
			}

		});

		function getContentId(targetId){
			if (settings.contentId == "") {
				var name = targetId.split('-')[0];
				var id = targetId.split('-')[2];
				return name + '-content-' + id;
			}
			else {
				return settings.contentId;
			}
		};

		function getElementDimensionsAndPosition(element){
			var height = element.outerHeight(true);
			var width = element.outerWidth(true);
			var top = $(element).offset().top;
			var right = $(document).width()- $(element).offset().left;
			var info = new Array();

			// Set dimensions
			info['height'] = height;
			info['width'] = width;

			// Set position
			info['top'] = top;
			info['right'] = right;

			return info;
		};

		function keepInWindow(contentInfo){
			var windowWidth = $(window).width();
			var windowTop = $(window).scrollTop();
			var output = new Array();

			output = contentInfo;
                        /*
			if (contentInfo['top'] < windowTop) { // Top edge is too high
				output['top'] = windowTop;
			}
                        */
			if ((contentInfo['right'] + contentInfo['width']) > windowWidth) { // Right edge is past the window
				output['right'] = windowWidth + contentInfo['width'];
			}
			if (contentInfo['right'] < 0) { // Left edge is too far left
				output['right'] = 0;
			}

			return output;
		};
	};

	$.fn.ezpz_tooltip.positionContent = function(contentInfo, mouseX, mouseY, offset, targetInfo) {
		contentInfo['top'] = mouseY - offset - contentInfo['height'];
		contentInfo['left'] = mouseX + offset;

		return contentInfo;
	};

	$.fn.ezpz_tooltip.positions = {
		aboveRightFollow: function(contentInfo, mouseX, mouseY, offset, targetInfo) {
			contentInfo['top'] = mouseY - offset - contentInfo['height'];
			contentInfo['left'] = mouseX + offset;

			return contentInfo;
		}
	};

	$.fn.ezpz_tooltip.defaults = {
		contentPosition: 'aboveFollow',
		stayOnContent: false,
		offset: 10,
		contentId: "",
		beforeShow: function(content){},
		showContent: function(content){
			content.show();
		},
		hideContent: function(content){
			content.hide();
		},
		afterHide: function(){}
	};

})(jQuery);

// Plugin for different content positions. Keep what you need, remove what you don't need to reduce file size.

(function($){
	
	$.fn.ezpz_tooltip.positions.belowFollow = function(contentInfo, mouseX, mouseY, offset, targetInfo) {
		contentInfo['top'] = mouseY + offset;
		contentInfo['left'] = mouseX - (contentInfo['width'] / 2);
                

		return contentInfo;
	};


})(jQuery);