$(document).ready(function() {
  	$( '.col2' ).scrollFollow();
  	
  	$("#logo").click( function() {
  		window.location = '?page.php';
  	});
  
  	/*LOGIN-DROPDOWN*/
  	$(".login").click( function() {
  	if ( $(this).hasClass("close") ) {
  		$(".form").slideUp("fast");
  		$(".login h5").text("Kundinloggning").parent().removeClass("close");
  		var cpanelVar = 'disabled';
  		return $.cookie('cpanel', cpanelVar);		
  	} else {
  	  	$(".form").slideDown("fast");
  		$(".login h5").text("Stäng").parent().addClass("close");
  		var cpanelVar = 'enabled';
  		return $.cookie('cpanel', cpanelVar);
  	}
  	});
  	
  	/*INDEX HOVER IMAGES */
  	$("li.images").each( function() {
  		$(this).children(":first").show();
  	});
  	
  	$(".index_col a").hover( function() {
		var thisId = $(this).parent().parent().attr("id");
		$("#index_"+thisId).show().siblings().hide();
  	});
  	
  	/*GET HEIGHT OF IMG*/
  	$(".content div img" ).each(function(){
  		var heightImg = $(this).height();
  		$(this).siblings(".text").css({height : heightImg});		
  	});
  		
  	$.fn.adjustHeight = function() {
  		$(".col2" ).each(function(){
  			var heightCol2 = $(this).height();
  			$(".content").css({height : heightCol2});		
  		});
  	}
  	
  	/*LOGGA IN HOVER*/
  	$(".loggain").hover(function() {
  		$(".loggain h4").css({color : '#EE7F00'});
  	});
  
  	
  	$(".loggain").mouseleave(function() {
  		$(".loggain h4").css({color : '#FFF'});
  	});
  	
  	$(".loggain").click(function() {
  		$(".loggain #wp-submit").click();
  	});
  	
  	/*SHOW CPANEL IF LOGGED IN*/
  	var cpanel = $.cookie('cpanel');
  	if( $('#cpanel').hasClass('loggedin') && cpanel == 'enabled' ) {
    	$(".form").show();
    	$(".login h5").text("Stäng").parent().addClass("close");
	}
	
	/*LOAD SAVED FROM CART*/
	var pageId = $('.content').attr('id');
	var savedImages = $.cookie(pageId+'_<?php echo $current_user->user_login ?>_cart');
	$("#droplist").html(savedImages);
	
	/*SHOW HIDE SEND OVERLAY*/
	$(".send").click(function() {
  		$("#overlay_bg").show();
  		$("#overlay").show();
  		return false;
  	});
  	
  	$("#overlay_bg").click(function() {
  		$(this).hide();
  		$("#overlay").hide();
  		return false;
  	});
  	
  	$(".cancel").click(function() {
  		$("#overlay_bg").hide();
  		$("#overlay").hide();
  		return false;
  	});

	$(".send").click(function() {
		$(window).scrollTop(0);
		$("#overlay textarea").empty();
		$("#droplist li p").each( function() {
			var str = $(this).text();
			$("#overlay textarea").append(" "+str+",");
		});
	});
	
	/*GET IMAGE FOR MY IMAGES*/
	$(".my_images li a").each( function() {
		var myUrl = $(this).attr('href');
		$(this).parent().parent().siblings(".img_placeholder").load(myUrl+" .img img:first");
	});
	
	
	
	/*HIDE SEND IF EMPTY */
	if ( $("#droplist li").length ) {
	
	} else {
		$(".send").hide();
		$(".remember").hide();
	}
	
	
	/*DRAG N DROP*/
	$(".col1 li").draggable({
		containment: 'document',
		opacity: 0.6,
		revert: 'invalid',
		helper: 'clone',
		zIndex: 100
	});
	
	var nrimages = 0;
	var pageId = $('.content').attr('id');
	
	$.fn.addCookie = function() {
	var chosenImages = $('#droplist').html(); 
	return $.cookie(pageId+'_<?php echo $current_user->user_login ?>_cart', chosenImages); 
	}

	

	$(".col2").droppable({
		hoverClass: 'col2_drop',
		drop:
				function(ev, ui)
				{
												
					var param = $(ui.draggable).attr('id');
					var url = $(ui.draggable).children().children().attr('href');
					// IE6 fix
					if($.browser.msie && $.browser.version=='6.0')
					{
						param = $(ui.draggable).attr('style').match(/src=\"([^\"]+)\"/);
						param = param[1];
						url = $(ui.draggable).attr('src').match(/src=\"([^\"]+)\"/);
						url = url[1];
					}
					
					if ( $("#droplist").children("#"+param+"").length ) {
						
						$("#droplist").children("#"+param+"").fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
						$('.delete a#delete').click( function() {
							$(this).parent().remove().addCookie().adjustHeight();
							return false;
					});
						
					} else {
						var item = $('<li id='+param+'><p>'+param+'</p><a id=delete></a><a href='+url+' class="thickbox" id=zoom></a><div class="clear"></div></li>').addClass('delete');
						$("#droplist").append(item).addCookie();
						$('.delete a#delete').click( function() { 
							$(this).parent().remove().addCookie().adjustHeight();
							return false;	
						});
						$(".send:hidden").fadeIn();
						$(".remember").fadeIn();
						tb_init('a.thickbox, area.thickbox, input.thickbox');
						
					}
					
					
					
				}
	});
	
	$('.delete a#delete').click( function() {
			$(this).parent().remove().addCookie().adjustHeight();
			return false;
					
	});

	$('#submit').click( function() {
		$('#formmail').submit();
		$('#overlay').hide(); $('#overlay_bg').hide();
return false;
		
	});
	

	var counter = $('#slides_container > img').size() - 1;
	var items = counter;
	
	rotate = function(){
	    play = setInterval(function(){
	    	//console.log(counter+" "+items);
			$("#slides_container img").eq(counter).fadeOut(1500);
			if ( counter == 0 ) {
				counter = items;
				$("#slides_container").children().fadeIn(1500);
			} else {
			counter--;
			}
	    }, 4000); //Timer speed in milliseconds (7 seconds)
	    
	};
	
	rotate(); //Run function on launch

	
  	
  	
  });