$(document).ready(function () {
 function setCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return false;
}
if(getCookie('scrapper') != false)  {
	var cook = getCookie('scrapper').split(',');
	for (var i = 0; i < cook.length; i++) {
		$("#scrapbook .inner").append("<div class='scrapItem'><img class='tooltipTrig1' title='View' src='" + cook[i] + "' alt=''/><div class='scrapRemove' title='Remove from your Scrapbook'></div></div>");
	}
}
else {
	$("#nullpl").show();
}
           var triggers = $(".mip").overlay({

                mask: {
                    color: '#000000',
                    loadSpeed: 200,
                    opacity: 0.9
                },

                closeOnClick: true
            });
            $("#showScrapBook").click(function () {
                $("#scrapbook").toggle('slow', function () {
                    if($("#scrapbook").is(":visible")) {
				var heightset = 150 + $("#scrapbook").height();
				$("#page").animate({ 'padding-top' : heightset }, "slow");

			}
			else {
				$("#page").animate({ 'padding-top' : '130px' }, "slow");
			}
                });
            });
            $(".drag").draggable({ revert: true,
                drag: function (event, ui) {
                    $(this).css({ 'z-index': '101' });
                },
		stop: function(event, ui) {
                    $(this).css({ 'z-index': '1' });		
		}
            });
		function updateList() {
			var i = 0;
			var scarray = [];
			$.each($(".scrapItem img"), function(index, value) {
				scarray[i] = $(this).attr("src");
				i++;
			});	
			setCookie('scrapper', scarray, 30);	
			if(i<1) { $("#nullpl:hidden").show(); deleteCookie('scrapper'); } else { $("#nullpl:visible").hide(); }
				var heightset = 150 + $("#scrapbook").height();
				$("#page").animate({ 'padding-top' : heightset }, "slow");
		}
            $("#scrapbook").droppable({ tolerance: 'touch',
                accept: ".drag",
                hoverClass: "hovering",
                drop: function (event, ui) {
		    var added = 0;
                    var dropImgSrc = ui.draggable.attr("src");
		    dropImgSrc = encodeURI(dropImgSrc);
                    var dropImgRel = ui.draggable.attr("rel");

			$.each($("#scrapbook .scrapItem img"), function(index, value) {
				if($(this).attr("src") == dropImgSrc) {
					added++;
				}
			});			

			if(added<1) {
                    		$("#scrapbook .inner").append("<div class='scrapItem'><img src=" + dropImgSrc + " alt=''/><div class='scrapRemove' title='Remove from your Scrapbook'></div></div>");
	                }
			updateList();
		}
            });
            $(".scrapRemove").live('click', function() {
                $(this).parent().remove();
		updateList();           
            });
        $(".tooltipTrig[title]").tooltip({ position: 'center bottom' });
        $(".like").click(function () {
            $(this).attr("src", "/img/icons/liked.png");
            $(this).removeAttr("tooltipTrig");
            var postId = $(this).attr("rel");
            $.post('http://www.csswebgallery.com/like.ashx', { gID: postId, like: '1' });
        });
        });