var rebuildcol1 = new Array();
var rebuildcol2 = new Array();
$(function(){
	$('.dragbox')
	.each(function(){
		$(this).hover(function(){
			$(this).find('h2').addClass('collapse');
		}, function(){
			$(this).find('h2').removeClass('collapse');
		})
		.find('h2').hover(function(){
			$(this).find('.configure').css('visibility', 'visible');
		}, function(){
			$(this).find('.configure').css('visibility', 'hidden');
		})
		.click(function(){
			$(this).siblings('.dragbox-content').toggle();
		})
		.end()
		.find('.configure').css('visibility', 'hidden');
	});
	$('.column').sortable({
		connectWith: '.column',
		handle: 'h2',
		cursor: 'move',
		placeholder: 'placeholder',
		forcePlaceholderSize: true,
		opacity: 0.4,
		stop: function(event, ui){
			$(ui.item).find('h2').click();
			var sortorder='';
			$('.column').each(function(){
				var itemorder=$(this).sortable('toArray');
				var columnId=$(this).attr('id');
				sortorder+=columnId+'='+itemorder.toString()+'&';
		    });
        var str = sortorder;
        var ar1 = str.split("&",2);
        //alert(ar1[0]);
        var ar2 = ar1[0].split("=",2);
        var ar3 = ar1[1].split("=",2);
        
        var col1 = ar2[1].split(",");
        var col2 = ar3[1].split(",");
        $.cookie('js-col1', col1);
        $.cookie('js-col2', col2);


            //alert('SortOrder: '+sortorder);
			/*Pass sortorder variable to server using ajax to save state*/
		}
	})
	.disableSelection();
});


$('#addimg1').livequery('click',function() { 
	
	var newcnt1 = $("div#icontent1 li").size();
	
	for (var i = 5; i < newcnt1; i++) {
		if($("div#icontent1 li")[i].style.display == "none") {
			  $("div#icontent1 li")[i].style.display = "block";	
			  $.cookie('js-licount1', i+2);
			  return;
		}
    }
	
});


$('#addimg2').livequery('click',function() { 
	
	var newcnt2 = $("div#icontent2 li").size();
	
	for (var i = 5; i < newcnt2; i++) {
		if($("div#icontent2 li")[i].style.display == "none") {
			  $("div#icontent2 li")[i].style.display = "block";
			  $.cookie('js-licount2', i+2);
			  return false;
		}
    }
	
});


$('#addimg3').livequery('click',function() { 
	
	var newcnt3 = $("div#icontent3 li").size();
	
	for (var i = 5; i < newcnt3; i++) {
		if($("div#icontent3 li")[i].style.display == "none") {
			  $("div#icontent3 li")[i].style.display = "block";	
			  $.cookie('js-licount3', i+2);
			  return false;
		}
    }
	
});


$('#addimg4').livequery('click',function() { 
	
	var newcnt4 = $("div#icontent4 li").size();
	
	for (var i = 5; i < newcnt4; i++) {
		if($("div#icontent4 li")[i].style.display == "none") {
			  $("div#icontent4 li")[i].style.display = "block";
			  $.cookie('js-licount4', i+2);
			  return false;
		}
    }
	
});


$('#addimg5').livequery('click',function() { 
	
	var newcnt5 = $("div#icontent5 li").size();
	
	for (var i = 5; i < newcnt5; i++) {
		if($("div#icontent5 li")[i].style.display == "none") {
			  $("div#icontent5 li")[i].style.display = "block";
			  $.cookie('js-licount5', i+2);
			  return false;
		}
    }
	
});



$('#addimg6').livequery('click',function() { 
	
	var newcnt6 = $("div#icontent6 li").size();
	
	for (var i = 5; i < newcnt6; i++) {
		if($("div#icontent6 li")[i].style.display == "none") {
			  $("div#icontent6 li")[i].style.display = "block";
			  $.cookie('js-licount6', i+2);
			  return false;
		}
    }
	
});


$('#addimg7').livequery('click',function() { 
	
	var newcnt7 = $("div#icontent7 li").size();
	
	for (var i = 5; i < newcnt7; i++) {
		if($("div#icontent7 li")[i].style.display == "none") {
			  $("div#icontent7 li")[i].style.display = "block";
			  $.cookie('js-licount7', i+2);
			  return false;
		}
    }
	
});


$('#delimg1').livequery('click',function() { 
    var delcnt = $("div#icontent1 li").size();	

	for (var k = delcnt; k > 6; k--) {
		if($.cookie('js-licount1') != k){
			$("div#icontent1 li:nth-child("+k+")").hide();
			$.cookie('js-licount1', k);
			return false;
		}
	}
});


$('#delimg2').livequery('click',function() { 
    var delcnt = $("div#icontent2 li").size();	

	for (var k = delcnt; k > 6; k--) {
		if($.cookie('js-licount2') != k){
			$("div#icontent2 li:nth-child("+k+")").hide();
			$.cookie('js-licount2', k);
			return false;
		}
	}
});


$('#delimg3').livequery('click',function() { 
    var delcnt = $("div#icontent3 li").size();	

	for (var k = delcnt; k > 6; k--) {
		if($.cookie('js-licount3') != k){
			$("div#icontent3 li:nth-child("+k+")").hide();
			$.cookie('js-licount3', k);
			return false;
		}
	}
});


$('#delimg4').livequery('click',function() { 
    var delcnt = $("div#icontent4 li").size();	

	for (var k = delcnt; k > 6; k--) {
		if($.cookie('js-licount4') != k){
			$("div#icontent4 li:nth-child("+k+")").hide();
			$.cookie('js-licount4', k);
			return false;
		}
	}
});


$('#delimg5').livequery('click',function() { 
    var delcnt = $("div#icontent5 li").size();	

	for (var k = delcnt; k > 6; k--) {
		if($.cookie('js-licount5') != k){
			$("div#icontent5 li:nth-child("+k+")").hide();
			$.cookie('js-licount5', k);
			return false;
		}
	}
});


$('#delimg6').livequery('click',function() { 
    var delcnt = $("div#icontent6 li").size();	

	for (var k = delcnt; k > 6; k--) {
		if($.cookie('js-licount6') != k){
			$("div#icontent6 li:nth-child("+k+")").hide();
			$.cookie('js-licount6', k);
			return false;
		}
	}
});


$('#delimg7').livequery('click',function() { 
    var delcnt = $("div#icontent7 li").size();	

	for (var k = delcnt; k > 6; k--) {
		if($.cookie('js-licount7') != k){
			$("div#icontent7 li:nth-child("+k+")").hide();
			$.cookie('js-licount7', k);
			return false;
		}
	}
});


$(document).ready(function()
{


        if(($.cookie('js-col1') != null) || ($.cookie('js-col2') != null)){
            var cookie1 = $.cookie('js-col1');
            var cookie2 = $.cookie('js-col2');
            var ID1 = cookie1.split(",");
            var ID2 = cookie2.split(",");

            for (var i = 0 ; i<ID1.length; i++) {
    		   $('#column1').append($('#'+ID1[i]));
	       }

            for (var i = 0 ; i<ID2.length; i++) {
        	   $('#column2').append($('#'+ID2[i]));
            }
        }
     
	   if($.cookie('js-licount1') == null) {
			var newcnt = $("div#icontent1 li").size();
			for (var i = 1; i < newcnt; i++) {
				if(i > 5) {
        			$("div#icontent1 li")[i].style.display = "none";
	   			}
	    	}
		}
		else {
			var chkli = $.cookie('js-licount1');
			for(var j=chkli; j<=13; j++){
				$("div#icontent1 li:nth-child("+j+")").hide();
			}
		}
		
		
		
		if($.cookie('js-licount2') == null) {
			var newcnt = $("div#icontent2 li").size();
			for (var i = 1; i < newcnt; i++) {
				if(i > 5) {
        			$("div#icontent2 li")[i].style.display = "none";
	   			}
	    	}
		}
		else {
			var chkli = $.cookie('js-licount2');
			for(var j=chkli; j<=13; j++){
				$("div#icontent2 li:nth-child("+j+")").hide();
			}
		}
		
		
		if($.cookie('js-licount3') == null) {
			var newcnt = $("div#icontent3 li").size();
			for (var i = 1; i < newcnt; i++) {
				if(i > 5) {
        			$("div#icontent3 li")[i].style.display = "none";
	   			}
	    	}
		}
		else {
			var chkli = $.cookie('js-licount3');
			for(var j=chkli; j<=13; j++){
				$("div#icontent3 li:nth-child("+j+")").hide();
			}
		}
		
		
		if($.cookie('js-licount4') == null) {
			var newcnt = $("div#icontent4 li").size();
			for (var i = 1; i < newcnt; i++) {
				if(i > 5) {
        			$("div#icontent4 li")[i].style.display = "none";
	   			}
	    	}
		}
		else {
			var chkli = $.cookie('js-licount4');
			for(var j=chkli; j<=13; j++){
				$("div#icontent4 li:nth-child("+j+")").hide();
			}
		}
		
		
		if($.cookie('js-licount5') == null) {
			var newcnt = $("div#icontent5 li").size();
			for (var i = 1; i < newcnt; i++) {
				if(i > 5) {
        			$("div#icontent5 li")[i].style.display = "none";
	   			}
	    	}
		}
		else {
			var chkli = $.cookie('js-licount5');
			for(var j=chkli; j<=13; j++){
				$("div#icontent5 li:nth-child("+j+")").hide();
			}
		}
		
		
		if($.cookie('js-licount6') == null) {
			var newcnt = $("div#icontent6 li").size();
			for (var i = 1; i < newcnt; i++) {
				if(i > 5) {
        			$("div#icontent6 li")[i].style.display = "none";
	   			}
	    	}
		}
		else {
			var chkli = $.cookie('js-licount6');
			for(var j=chkli; j<=13; j++){
				$("div#icontent6 li:nth-child("+j+")").hide();
			}
		}
		
		
		if($.cookie('js-licount7') == null) {
			var newcnt = $("div#icontent7 li").size();
			for (var i = 1; i < newcnt; i++) {
				if(i > 5) {
        			$("div#icontent7 li")[i].style.display = "none";
	   			}
	    	}
		}
		else {
			var chkli = $.cookie('js-licount7');
			for(var j=chkli; j<=13; j++){
				$("div#icontent7 li:nth-child("+j+")").hide();
			}
		}
	
	
	if(($.cookie('js-drag1') != '1') && ($.cookie('js-drag2') != '1') && ($.cookie('js-drag3') != '1') && ($.cookie('js-drag4') != '1') && ($.cookie('js-drag5') != '1') && ($.cookie('js-drag6') != '1') && ($.cookie('js-drag7') != '1')) {
	$.cookie('js-drag1', '1');
	$('.js-drag1').show()
	$.cookie('js-drag2', '1');
	$('.js-drag2').show()
	$.cookie('js-drag3', '1');
	$('.js-drag3').show()
	$.cookie('js-drag4', '1');
	$('.js-drag4').show()
	$.cookie('js-drag5', '1');
	$('.js-drag5').show()
	$.cookie('js-drag6', '1');
	$('.js-drag6').show()
	$.cookie('js-drag7', '1');
	$('.js-drag7').show()
	}
});


$('.js-show-drag1').livequery(
	function()
	{
		var check = $.cookie('js-drag1');
		if(check == '1') {
			$('.js-drag1').show();
		//	$.cookie('js-positem1', '1');
			$('.js-show-drag1').attr('checked', 'checked');
			$.cookie('js-drag1', '1');
			if($.cookie('js-positem1') != null){
                var chkpos = $.cookie('js-positem1').split("_");
                $.cookie('js-position1', chkpos[0]);
                $.cookie('js-poscolumn1', chkpos[1]);
                //alert($.cookie('js-position1'));
               // alert($.cookie('js-poscolumn1'));
            }
		}
		else {
			$('.js-drag1').hide();
			$.cookie('js-drag1', '0');
		}
	});
$('.js-show-drag1').livequery('click',
	function()
	{
		if($('.js-show-drag1:checked').length) {
			$('.js-drag1').show();
			$.cookie('js-drag1', '1');
		}
		else {
			$('.js-drag1').hide();
			$.cookie('js-drag1', '0');
		}
	});



$('.js-show-drag2').livequery(
	function()
	{
		var check = $.cookie('js-drag2');
		if(check == '1') {
			$('.js-drag2').show();
			$('.js-show-drag2').attr('checked', 'checked');
			$.cookie('js-drag2', '1');
		}
		else {
			$('.js-drag2').hide();
			$.cookie('js-drag2', '0');
		}
	});
$('.js-show-drag2').livequery('click',
	function()
	{
		if($('.js-show-drag2:checked').length) {
			$('.js-drag2').show();
			$.cookie('js-drag2', '1');
		}
		else {
			$('.js-drag2').hide();
			$.cookie('js-drag2', '0');
		}
	});

$('.js-show-drag3').livequery(
	function()
	{
		var check = $.cookie('js-drag3');
		if(check == '1') {
			$('.js-drag3').show();
			$('.js-show-drag3').attr('checked', 'checked');
			$.cookie('js-drag3', '1');
		}
		else {
			$('.js-drag3').hide();
			$.cookie('js-drag3', '0');
		}
	});
$('.js-show-drag3').livequery('click',
	function()
	{
		if($('.js-show-drag3:checked').length) {
			$('.js-drag3').show();
			$.cookie('js-drag3', '1');
		}
		else {
			$('.js-drag3').hide();
			$.cookie('js-drag3', '0');
		}
	});

$('.js-show-drag4').livequery(
	function()
	{
		var check = $.cookie('js-drag4');
		if(check == '1') {
			$('.js-drag4').show();
			$('.js-show-drag4').attr('checked', 'checked');
			$.cookie('js-drag4', '1');
		}
		else {
			$('.js-drag4').hide();
			$.cookie('js-drag4', '0');
		}
	});
$('.js-show-drag4').livequery('click',
	function()
	{
		if($('.js-show-drag4:checked').length) {
			$('.js-drag4').show();
			$.cookie('js-drag4', '1');
		}
		else {
			$('.js-drag4').hide();
			$.cookie('js-drag4', '0');
		}
	});

$('.js-show-drag5').livequery(
	function()
	{
		var check = $.cookie('js-drag5');
		if(check == '1') {
			$('.js-drag5').show();
			$('.js-show-drag5').attr('checked', 'checked');
			$.cookie('js-drag5', '1');
		}
		else {
			$('.js-drag5').hide();
			$.cookie('js-drag5', '0');
		}
	});
$('.js-show-drag5').livequery('click',
	function()
	{
		if($('.js-show-drag5:checked').length) {
			$('.js-drag5').show();
			$.cookie('js-drag5', '1');
		}
		else {
			$('.js-drag5').hide();
			$.cookie('js-drag5', '0');
		}
	});
$('.js-show-drag6').livequery(
	function()
	{
		var check = $.cookie('js-drag6');
		if(check == '1') {
			$('.js-drag6').show();
			$('.js-show-drag6').attr('checked', 'checked');
			$.cookie('js-drag6', '1');
		}
		else {
			$('.js-drag6').hide();
			$.cookie('js-drag6', '0');
		}
	});
$('.js-show-drag6').livequery('click',
	function()
	{
		if($('.js-show-drag6:checked').length) {
			$('.js-drag6').show();
			$.cookie('js-drag6', '1');
		//	alert(hi);
		}
		else {
			$('.js-drag6').hide();
			$.cookie('js-drag6', '0');
		}
	});	

$('.js-show-drag7').livequery(
	function()
	{
		var check = $.cookie('js-drag7');
		if(check == '1') {
			$('.js-drag7').show();
			$('.js-show-drag7').attr('checked', 'checked');
			$.cookie('js-drag7', '1');
		}
		else {
			$('.js-drag7').hide();
			$.cookie('js-drag7', '0');
		}
	});
$('.js-show-drag7').livequery('click',
	function()
	{
		if($('.js-show-drag7:checked').length) {
			$('.js-drag7').show();
			$.cookie('js-drag7', '1');
		}
		else {
			$('.js-drag7').hide();
			$.cookie('js-drag7', '0');
		}
	});