jQuery(function($){

    $('.sidebar_right').scrollFollow();
    $('form .jqtransform').jqTransform({imgPath:'/static/teliadk2010/css/img/'});
    $(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});
    $("#recipient_name").focus();
    $("#recipient_mobile").focus();
    $("#verification_code").focus();

    	$('#closeBtn').live('click', function(e){
       		e.preventDefault();
		$.prettyPhoto.close();
    	});

	

    	$('a.addToBasket').live('click', function(e){
		var itemId = $(this).parent().find('input[name=product_id]').val();  
		var clickId = '#click_' + itemId;
       		e.preventDefault();
		$(clickId).click();
		$.prettyPhoto.close();
    	});

    $('#recipient_mobile').keyup(function(e){
		var value = $(this).val();
                if(value.match(/^\d{8}$/)){
	            $('#nextBtn button').addClass('active');
                } else {
	            $('#nextBtn button').removeClass('active');
                }
    });
    $('#recipient_mobile').change(function(e){
		var value = $(this).val();
                if(value.match(/^\d{8}$/)){
	            $('#nextBtn button').addClass('active');
                } else {
	            $('#nextBtn button').removeClass('active');
                }
    });


    $('#verification_code').keyup(function(e){
		var value = $(this).val();
                if(value.match(/^\d{5}$/)){
	            $('#nextBtn button').addClass('active');
                } else {
	            $('#nextBtn button').removeClass('active');
                }
    });
    $('#verification_code').change(function(e){
		var value = $(this).val();
                if(value.match(/^\d{5}$/)){
	            $('#nextBtn button').addClass('active');
                } else {
	            $('#nextBtn button').removeClass('active');
                }
    });

    $('.cont_left .field2 #recipient_accept-terms').change(function(e){
                if($('.cont_left .field2 input[type="checkbox"]').is(':checked')){
	            $('#nextBtn button').addClass('active');
	            //$('#nextBtn button').fadeTo(600, 1);
                } else {
	            $('#nextBtn button').removeClass('active');
	            //$('#nextBtn button').fadeTo(600, 0.6);
                }
    });

    $('.cont_left .item a.details').click(function(e){
        e.preventDefault();
	var itemHref = $(this).attr('href');
	$('#ahah_details').load(itemHref + '?render_mode=raw', {}, function(){
		$('#ahah_click').click();
		return false;
	});
	return false;
    });
	
    $('.cont_left .item_det a:not(.more)').click(function(e){

        e.preventDefault();

        //var rand = Math.floor(Math.random()*5000);

        var item = $(this).parent().parent();
	var itemId = item.attr('id');

        if(!item.hasClass('greyed')){

            //item.attr('id', rand);

            grayOut(item,true);

            var el = $('<div class="item" id="'+itemId+'-cart">'+
                '<input type="hidden" name="products" value="'+itemId+'"/>'+
                '<div class="item_pic">'+
                ' <a href="#">'+
                '<img src="'+item.find('.item_pic img').attr('src')+'" width="71" height="100" alt="" />'+
                '</a>'+
                '</div>'+
                '<div class="item_det">'+
				item.find('h4:first').text() + 
                '<p>&nbsp;</p>'+
                '<a href="#" title="Fjern"><img src="/static/teliadk2010/images/fjern.png" width="66" height="22" alt="Fjern" /></a>'+
                '</div>'+
                '</div>');


            if($('.sidebar_right .item').length  == 2){

                var rm_el = $($('.sidebar_right .item')[1]);
                var id = rm_el.attr('id');
                id = id.replace('-cart','');
                grayOut($('#'+id),false);
                rm_el.remove();

                el.insertBefore($('.sidebar_right .item')[0]);


            }else{

                if($('.item_place_holder').length == 2){
                    var pl1 = $('.item_place_holder')[0];
                    var pl2 = $('.item_place_holder')[1];
                    $('#cart').empty();
                    $('#cart').append(el);
                    bindDeleteEvent(el.attr('id'))
                    $('#cart').append(pl2);
                }else{
                    var el1 = $('.sidebar_right .item')[0];
                    $('#cart').empty();
                    $('#cart').append(el);
                    $('#cart').append(el1);
                    bindDeleteEvent($(el1).attr('id'))
                }

            }
                if($('.sidebar_right .item').length  == 2){
	            $('#submitBtn button').addClass('active');
	            //$('#submitBtn').fadeTo(600, 1);
                }

            bindDeleteEvent(itemId+'-cart');

        }

    });

    function bindDeleteEvent(id){
        $('#'+id+' a').bind('click', (function(e){

            e.preventDefault();

            var item = $(this).parent().parent();

            if($('#cart .item:first').attr('id') == item.attr('id') && ($('.item_place_holder').length == 0 || $($('.item_place_holder')[0]).find('.item_pic img').attr('src').indexOf('pic2') != -1)){
                item.after('<div class="item_inact item_place_holder"><div class="item_pic"><a href="#"><img src="/static/teliadk2010/images/pic1.gif" width="71" height="100" alt="" /></a></div><div class="item_det"><h4>Vælg en film</h4><p>&nbsp;</p><div></div>')
                .remove();
            }else{
                item.after('<div class="item_inact item_place_holder"><div class="item_pic"><a href="#"><img src="/static/teliadk2010/images/pic2.gif" width="71" height="100" alt="" /></a></div><div class="item_det"><h4>Vælg en film</h4><p>&nbsp;</p><div></div>')
                .remove();
            }
            
            grayOut($('#'+id.replace('-cart', '')), false);
		$('#submitBtn button').removeClass('active');
		//$('#submitBtn').fadeTo(600,0.6);
            
        }));
    }

    function grayOut(item, flag){
        if(flag){
            item.addClass('greyed');
            item.fadeTo(300, 0.4);
            item.find('.item_pic img').fadeTo(300, 0.4);
        }else{
            item.removeClass('greyed');
            item.fadeTo(300, 1);
            item.find('.item_pic img').fadeTo(300, 1);
        }
    }

    var item_to_add = $(document).getUrlParam('addToBasket');
	if(item_to_add) {
		var clickId = '#' + item_to_add;
		$(clickId).click();
	}

});