/*
=== === === === === === === === === === === === === === === 
=== Elegant Division ( http://e-div.com ) 
=== === === === === === === === === === === === === === === 
 */ 
$(function() {
	$('.eRating a img').hover(function(){
		$(this).stop().animate({opacity: 1}, 200);
	}, function(){
		$(this).stop().animate({opacity: 0.6}, 200);
	});
});
$(function(){
  $(".open-loginbox").click(function () {
	$('#xbusy_layer').fadeIn(200, function() {});
	$('#loginbackblock').fadeIn(200, function() {});
  });
});
$(function(){
  $("#close-block").click(function () {
	$('#xbusy_layer').fadeOut(200, function() {});
	$('#loginbackblock').fadeOut(200, function() {});
  });
});
		
function play(url, title){
	var flashvars = {st:"http://electrodance.org/player/radio_style.txt",file:url, comment:title};
	var params = {bgcolor:"#ffffff", allowFullScreen:"true", allowScriptAccess:"always"};
	var attributes = {id:"player",name:"player"};
	swfobject.embedSWF("http://electrodance.org/player/player.swf", "player", "470", "50", "9.0.0",false,flashvars, params,attributes);
}

$(document).ready(function() {
 
	$('.tabs span').click(function(){
		switch_tabs($(this));
	});
 
	switch_tabs($('.defaulttab'));
 
});
 
function switch_tabs(obj)
{
	$('.tab-content').hide();
	$('.tabs span').removeClass("selected");
	var id = obj.attr("title");
 
	$('#'+id).show();
	obj.addClass("selected");
}

$(function(){
	$(".someClass").tipTip({maxWidth: "220px", edgeOffset: 10, defaultPosition: "top"});
});

$(function(){
	$(".showtitle").tipTip({maxWidth: "auto", edgeOffset: 10, defaultPosition: "top"});
});

function bookmarkthis(title,url) {
  if (window.sidebar) { // Firefox
     window.sidebar.addPanel(title, url, "");
  } else if (document.all) { // IE
     window.external.AddFavorite(url, title);
  } else if (window.opera && window.print) { // Opera
     var elem = document.createElement('a');
     elem.setAttribute('href',url);
     elem.setAttribute('title',title);
     elem.setAttribute('rel','sidebar');
     elem.click();
  }
}

$(function(){
  $("#editProfil").click(function () {
	$('#options').slideDown(500, function() {});
	$('#uProf').fadeOut(500, function() {});
  });
});

$(function(){
  $("#back2prof").click(function () {
	$('#options').slideUp(500, function() {});
	$('#uProf').fadeIn(500, function() {});
  });
});

function slideShow() {

	//Set the opacity of all images to 0
	$('#gallery a').css({opacity: 0.0});
	
	//Get the first image and display it (set it to full opacity)
	$('#gallery a:first').css({opacity: 1.0});
	
	//Set the caption background to semi-transparent
	$('#gallery .caption').css({opacity: 0.7});

	//Resize the width of the caption according to the image width
	$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
	
	//Get the caption of the first image from REL attribute and display it
	$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
	.animate({opacity: 0.7}, 400);
	
	//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('gallery()',6000);
	
}

function gallery() {
	
	//if no IMGs have the show class, grab the first image
	var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));

	//Get next image, if it reached the end of the slideshow, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));	
	
	//Get next image caption
	
	//Set the fade in effect for the next image, show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
	
}