var cxt,rasiToBhavaConversion , counter , divcounting , arraylength;
$(document).ready(function() {

    function getcookieContent() {
    sendparameters = "getcookies=1";
      $.ajax(
        {
           'type': 'POST',
           'async': false,
           'global': false,
           'url': 'getcookiechart.asp',                
           'success': function(data) {
           //alert(data+"mydata");
           MyUrl = data.split("#");
           counter = MyUrl[3];
           //alert(MyUrl[0]);
           if (MyUrl[0] == "1") {
           displaycookieBox(MyUrl[2],MyUrl[1]);
           }
           else 
           {
             counter = 6;
            //alert("cookie not found");
            displayPortletBox(2, 3);
       }}
   });
}


    getcookieContent();
//  displayPortletBox(2, 3);
    $(".column, .addbox").sortable({connectWith: ".column"});
    $(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all").find(".portlet-header").addClass("ui-widget-header-custom ui-corner-top")
        .prepend("<span class='ui-icon-custom ui-float-l ui-margin-r ui-margin-t ui-icon-minus ui-icon-shadow ui-icon-corner-all ui-icon-bg'></span>").end().find(".portlet-content");

    $(".portlet-header .ui-icon-custom").click(function() {
        $(this).toggleClass("ui-icon-minus").toggleClass("ui-icon-plus");
        $(this).parents(".portlet:first").find(".portlet-content").toggle();
    });
    
    $(".column").disableSelection();
    
    $("#addbox").click(function() {
        if (counter > 100) {
            //alert("Add box limit expired");
            alertbox('Add box limit expired.');
            return false;
        }
        var newAddBox = $(document.createElement('div')).attr("id", 'addbox' + counter)
        var optbtn = '<div class="ui-float-r" style="margin-top: 1px;"><button id="edituser-'+counter+'" onclick=opendialog("userbox-hdg' + counter + '","usersbox-' + counter + '","addbox' + counter + '") class="ui-button ui-corner-all ui-button-icon-only ui-widget-button-custom ui-margin-r" title="Options"><span class="ui-button-icon-primary ui-icon ui-icon-gear ui-icon-custom ui-icon-shadow ui-icon-corner-all ui-icon-bg"></span><span class="ui-button-text">Options</span></button><button id="removeBox-'+counter+'" onClick=removeBox("addbox' + counter + '"); class="ui-button ui-corner-all ui-button-icon-only ui-widget-button-custom ui-margin-r" title="Remove"><span class="ui-button-icon-primary ui-icon ui-icon-delete ui-icon-custom ui-icon-shadow ui-icon-corner-all ui-icon-bg"></span><span class="ui-button-text">Remove</span></button></div>'
        newAddBox.after().html('<div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"><div class="portlet-header ui-widget-header-custom ui-corner-top"><span class="ui-icon-custom ui-float-l ui-margin-r ui-margin-t ui-icon-minus ui-icon-shadow ui-icon-corner-all ui-icon-bg"></span><!--[if IE 7]><table><tr><td style="width:235px;"><![endif]--><span id="userbox-hdg' + counter + '">Blank Box</span> <!--[if IE 7]></td><td><![endif]--> ' + optbtn + '<!--[if IE 7]></td></tr></table><![endif]--></div><div class="portlet-content"><div id="usersbox-' + counter + '"><div class="ui-blankbox">Add your component by clicking on the Options menu button</div></div></div>');
        newAddBox.appendTo(".addbox");
        counter++;
    });

    $("#feedback").button({ icons: { primary: "ui-icon-stop"} });
    $("#feedback").removeClass('ui-widget ui-state-default').addClass('ui-widget-button-custom ui-widget-header-custom1');
    $("#savebox").button({ icons: { primary: "ui-icon-check"} });
    $("#savebox").removeClass('ui-widget ui-state-default').addClass('ui-widget-button-custom ui-widget-header-custom');
    $("#addbox").button({ icons: { primary: "ui-icon-plus"} });
    $("#addbox").removeClass('ui-widget ui-state-default').addClass('ui-widget-button-custom ui-widget-header-custom');
    $(".ui-button").hover(
                function() { $(this).removeClass('ui-state-hover').addClass("ui-btn-hover"); },
                function() { $(this).removeClass("ui-btn-hover"); });
    $('.ui-button').mousedown(function() { $(this).removeClass('ui-state-active').addClass("ui-btn-active"); });
    $('.ui-button').mouseup(function() { $(this).removeClass('ui-btn-active'); });
    $(".ui-widget-button-custom .ui-icon").addClass('ui-icon-custom ui-icon-shadow ui-icon-corner-all ui-icon-bg');

    for (i = 0; i < 101; i++) {
        $("#edituser-" + i + "").button({ icons: { primary: "ui-icon-gear"}, text: false })
        $("#edituser-" + i + "").removeClass('ui-widget ui-state-default').addClass('ui-widget-button-custom ui-margin-r')
       
    }
    
    for (i = 0; i < 101; i++) {
        $("#removeBox-" + i + "").button({ icons: { primary: "ui-icon-delete"}, text: false })
        $("#removeBox-" + i + "").removeClass('ui-widget ui-state-default').addClass('ui-widget-button-custom ui-margin-r')

        }

        /* Login------------------------------------------------------*/

    var button = $('#loginButton');
    var box = $('#loginBox');
    var form = $('#loginContent');
    button.removeAttr('href');
    button.mouseup(function(login) {
        box.toggle();
    });
    form.mouseup(function() {
        return false;
    });
    $(this).mouseup(function(login) {
        if (!($(login.target).parent('#loginButton').length > 0)) {
            box.hide();
        }
    });
    
});

/* for Option menu  */
$(document).delegate('#btnSaveExtra', 'mouseleave', function() { setTimeout(function() { if (!ItemActionButtons.isHoverMenu) { $('#btnSaveExtraOptions').hide(); } }, 100, 1) });
$(document).delegate('#btnSaveExtraOptions', 'mouseenter', function() { ItemActionButtons.isHoverMenu = true; });
$(document).delegate('#btnSaveExtraOptions', 'mouseleave', function() { $('#btnSaveExtraOptions').hide(); ItemActionButtons.isHoverMenu = false; });

var $IsHoverExtraOptionsFlag = 0;
$(document).ready(function() {
    $('#btnSaveExtraOptions li').mousedown(function() { $(this).addClass('ui-state-active'); });
    $('#btnSaveExtraOptions li').mouseup(function() { $(this).removeClass('ui-state-active'); });
});

var ItemActionButtons = {
    isHoverMenu: false,
    onSaveExtraClick: function() {
        $('#btnSaveExtraOptions').toggle();
    }

}
// for Remove
function removeBox(obj) { 
    var div = document.getElementById(obj);    
    div.parentNode.removeChild(div);
     removechartcookies(obj);
    // var el = document.getElementById(obj);
    //el.style.display = 'none';
}
function resizeImage(img) {
    var resizeWidth = screen.width;
    if (resizeWidth <= 1024) {
    img.width = 320;
    }
    else if (resizeWidth <= 1280) {
    img.width = 400;
    }
    else if (resizeWidth <= 1366) {
    img.width = 425;
    img.height = 243;
    }
    else {
        img.width = 450;
    }
}

function displaycookieBox(cookielength,column) {
var arrindex = [];
var initialPages = [] ;
var pageHeadingcommon = [];
var rasiToBhavaConversion = [];
var divid = [];
var ischart = [];
arraydataval = column.split("&");
for (n = 0; n < cookielength; n++)
{
arrindex.push(arraydataval[n+1]);
}

for (k = 0; k < cookielength; k++)
{
 arraydataval2 = arrindex[k].split("@");
 pageHeadingcommon.push(arraydataval2[0]);
 initialPages.push(arraydataval2[1]);
 rasiToBhavaConversion.push(arraydataval2[2]);
 ischart.push(arraydataval2[4]);
 divid.push(arraydataval2[3]);
}
for (m = 0; m < cookielength; m++)
{
//alert(pageHeadingcommon[m]);
//alert(initialPages[m]);
//alert(rasiToBhavaConversion[m]);
//alert(rasiToBhavaConversion[m]);
//alert(ischart[m]);
//alert("divid="+divid[m]);
}

var lenvaldivide = Math.floor(cookielength / 3);
var lenvalmod = cookielength % 3 ;
displayPortletothercookieBox(lenvaldivide , 3 , pageHeadingcommon ,initialPages , lenvalmod,ischart,rasiToBhavaConversion,cookielength,divid)
}


function displayPortletothercookieBox(row,column,pageHeadingcommon,initialPages,extradiv,ischart,rasiToBhavaConversion,cookielength,divid) {
var i, j, k;   

    k = 0;
    for (i = 0; i < column; i++) {
        $('#outerdiv').append('<div class="column" id="column' + i + '">');       
        if (i == 0) {
            $('#column' + i).append('<div class="addbox"></div>');
        }
       for (j = 0; j < row; j++) {  
        $('#column' + i).append("<div class='portlet' id='addbox" + divid[k] + "'><div class='portlet-header'><!--[if IE 7]><table><tr><td style='width:235px;'><![endif]--><span id='userbox-hdg" +  divid[k] + "'>" + Getcontent(pageHeadingcommon[k],54) + "</span><!--[if IE 7]></td><td><![endif]--><div class='ui-float-r' style='margin-top:1px;'><button id='edituser-" + divid[k] + "' onclick=opendialog('userbox-hdg" +  divid[k] + "','usersbox-" +  divid[k] + "','addbox" +  divid[k] +"')>Options</button><button id='removeBox-" +  divid[k] + "'  onClick=removeBox('addbox" + divid[k] + "');>Remove</button></div><!--[if IE 7]></td></tr></table><![endif]--></div><div class='portlet-content'><div id='usersbox-" + divid[k] + "'></div></div></div>");
        //getPageContent(initialPages[k],divid[k],ischart[k],GetRasibhavconversion(pageHeadingcommon[k],54));
        //alert("kk"+typeof(rasiToBhavaConversion[k]));
        // for conversion of datatype string to boolean
        var chk = rasiToBhavaConversion[k]; 
        if (chk == 'true'){rshbhav = true;}else{rshbhav = false;}
        getPageContent(initialPages[k],divid[k],ischart[k],rshbhav);
        k = k + 1; 
     }
     ek = k ;
    }  
     if (extradiv!=0)
     {
     for (ext = 0 ; ext < extradiv ; ext++) {
     $('#column' + ext).append("<div class='portlet' id='addbox" + divid[ek] + "'><div class='portlet-header'><!--[if IE 7]><table><tr><td style='width:235px;'><![endif]-->  <span id='userbox-hdg" + divid[ek] + "'>" + Getcontent(pageHeadingcommon[ek],54) + "</span><!--[if IE 7]></td><td><![endif]--><div class='ui-float-r' style='margin-top:1px;'><button id='edituser-" + divid[ek] + "'   onclick=opendialog('userbox-hdg" + divid[ek] + "','usersbox-" + divid[ek] + "','addbox" + divid[ek] +"')>Options</button><button id='removeBox-" + divid[ek] + "' onClick=removeBox('addbox" + divid[ek] + "');>Remove</button></div><!--[if IE 7]></td></tr></table><![endif]--></div><div class='portlet-content'><div id='usersbox-" + divid[ek] + "'></div></div></div>");
     //getPageContent(initialPages[ek],divid[ek],ischart[ek],GetRasibhavconversion(pageHeadingcommon[ek],54));
     var chk = rasiToBhavaConversion[ek]; 
     if (chk == 'true'){rshbhav = true;}else{rshbhav = false;}
     getPageContent(initialPages[ek],divid[ek],ischart[ek],rshbhav);
     ek++;
     }
     $('#outerdiv').append('</div>');
     }
}


function displayPortletBox(row,column) {
    var i, j, k;    
    var initialPages = new Array("lagna-chart.asp", "navamsha.asp", "transit-today.asp", "chalitchart.asp", "ashtakvarga.asp", "vimshottari-dasha.asp");
    var pageHeading = new Array('Lagna Kundli', 'Navamsha', 'Transit Today', 'Bhava Chalit', 'Ashtakvarga', 'Vimshottari Dasha')
    var pageHeadingcommon = new Array('LAGNA_KUNDLI', 'NAVAMSHA', 'TRANSIT_TODAY', 'BHAVA_CHALIT', 'ASHTAKVARGA', 'VIMSHOTRI_DASHA')
    rasiToBhavaConversion = new Array(false,false,true,true,'','')
    ischart = new Array('true','true','true','true','false','false')
    k = 0;
    for (i = 0; i < column; i++) {
        $('#outerdiv').append('<div class="column" id="column' + i + '">');       
        if (i == 0) {
            $('#column' + i).append('<div class="addbox"></div>');
        }
    for (j = 0; j < row; j++) {  
        $('#column' + i).append("<div class='portlet' id='addbox" + k + "'><div class='portlet-header'><!--[if IE 7]><table><tr><td style='width:235px;'><![endif]--><span id='userbox-hdg" + k + "'>" + pageHeading[k] + "</span><!--[if IE 7]></td><td><![endif]--><div class='ui-float-r' style='margin-top:1px;'><button id='edituser-" + k + "'   onclick=opendialog('userbox-hdg" + k + "','usersbox-" + k + "','addbox" + k +"')>Options</button><button id='removeBox-" + k + "' onClick=removeBox('addbox" + k + "');>Remove</button></div><!--[if IE 7]></td></tr></table><![endif]--></div><div class='portlet-content'><div id='usersbox-" + k + "'></div></div></div>");
        getPageContent(initialPages[k],k,ischart[k],rasiToBhavaConversion[k]);
        var cookiestvalue = pageHeadingcommon[k]+"@"+initialPages[k]+"@"+rasiToBhavaConversion[k]+"@"+k+"@"+ischart[k];
        setchartCookies(cookiestvalue);
        k = k + 1;      
    }
   $('#outerdiv').append('</div>');
    }   
}


function getPageContent(pageName,k,ischart,rasiToBhavaConversion) {
//alert("getPageContent="+pageName+rasiToBhavaConversion);
    var val;
    $.ajax(
        {
            'type': 'POST',
            'async': true,
            'global': false,
            'url': pageName,                
            'success': function(data) {
                if(ischart == 'true'){  
                    $('#usersbox-' + k).html(''); 
                    $('#usersbox-' + k).append("<canvas id='Canvas" + k + "' width='450' height='270' class='ui-canvas'></canvas>");
                    
                    var returndataobj = eval('(' + data + ')'); 
                    //alert(data);
                    var arrPlanetsShodashvarga = new Array();  
                    arrPlanetsShodashvarga = returndataobj[0].arrayval;  
                    if(Object.keys(returndataobj[0]).length == 4)
                    {
                    arrBhavRashi = returndataobj[0].BhavRashi;
                    arrRashiposition= returndataobj[0].arrayvalofrashi;
                    arrRashipositionforsouth = returndataobj[0].RashiPlanetForSouth;
                    //alert(returndataobj[0].BhavRashi);
                    getChartofKP(arrPlanetsShodashvarga,arrBhavRashi,arrRashiposition,arrRashipositionforsouth, , "Canvas"+k,rasiToBhavaConversion);  
                    }
                    else if(Object.keys(returndataobj[0]).length == 2)
                   {
                   arrRashipositionforsouth = returndataobj[0].RashiPlanetForSouth;
                   getChartofCommon(arrPlanetsShodashvarga,'','',arrRashipositionforsouth, , "Canvas"+k,rasiToBhavaConversion);  
                   }
                    else
                   {
                   getChart(arrPlanetsShodashvarga, , "Canvas"+k,rasiToBhavaConversion);   
                    }
                   }        
                  else{
                    
                        //$('#usersbox-' + k).html('');
                        $('#usersbox-' + k).append("<div style=' font-size:larger; font-weight:bold; height:200px; padding:5px;'>Your session has been expired.<br/> Please <a href="/cloud/login.asp" style="color:#ff0000">Login</a> again.</div>");    
                    
                }
            }
        });   
}

function getChartofKP(arrPlanetsShodashvarga,arrBhavRashi,arrRashiposition,arrRashipositionforsouth, Lcode, canvasid,rasiToBhavaConversion){
//alert(arrPlanetsShodashvarga+","+ Lcode+","+ canvasid+","+rasiToBhavaConversion+","+typeof(rasiToBhavaConversion));
//alert(Lcode);

LanguageCode = Lcode;
textcolor = COLOR_INFO;
if(window.HTMLCanvasElement) {  
 
    var c = document.getElementById(canvasid);
    cxt = c.getContext("2d");
    cxt.strokeStyle = "#ff0000";
    Chart_Type = ;

    SetFontSize(12);  
       
        if (window.innerWidth <= 1024) {
           PrintChartofKP(0, 0, 450, 270, arrPlanetsShodashvarga,arrBhavRashi,arrRashiposition,arrRashipositionforsouth, Chart_Type, LanguageCode,rasiToBhavaConversion); 
        }
        else if (window.innerWidth <= 1152) {
		     PrintChartofKP(0, 0, 450, 270, arrPlanetsShodashvarga,arrBhavRashi,arrRashiposition,arrRashipositionforsouth, Chart_Type, LanguageCode,rasiToBhavaConversion);
	    }
	    else {
		    PrintChartofKP(0, 0, 450, 270, arrPlanetsShodashvarga,arrBhavRashi,arrRashiposition,arrRashipositionforsouth, Chart_Type, LanguageCode,rasiToBhavaConversion)
	    }  
}    
else {

$("#chart").append('<img src=lagna-navamsa-chart.asp?Chart_type=LagnaKundli&LanguageCode=' + LanguageCode + '&textcolor=' + textcolor + '&planetstyle=0>');
}
}

function getChart(arrPlanetsShodashvarga, Lcode, canvasid,rasiToBhavaConversion){
//alert(arrPlanetsShodashvarga+","+ Lcode+","+ canvasid+","+rasiToBhavaConversion+","+typeof(rasiToBhavaConversion));
//alert(Lcode);

LanguageCode = Lcode;
textcolor = COLOR_INFO;
if(window.HTMLCanvasElement) {  
 
    var c = document.getElementById(canvasid);
    cxt = c.getContext("2d");
    cxt.strokeStyle = "#ff0000";
    Chart_Type = ;

    SetFontSize(12);  
       
        if (window.innerWidth <= 1024) {
           PrintChart(0, 0, 450, 270, arrPlanetsShodashvarga, Chart_Type, LanguageCode,rasiToBhavaConversion); 
        }
        else if (window.innerWidth <= 1152) {
		     PrintChart(0, 0, 450, 270, arrPlanetsShodashvarga, Chart_Type, LanguageCode,rasiToBhavaConversion);
	    }
	    else {
		    PrintChart(0, 0, 450, 270, arrPlanetsShodashvarga, Chart_Type, LanguageCode,rasiToBhavaConversion)
	    }  
}    
else {

$("#chart").append('<img src=lagna-navamsa-chart.asp?Chart_type=LagnaKundli&LanguageCode=' + LanguageCode + '&textcolor=' + textcolor + '&planetstyle=0>');
}
}



function Getcontent(Heading , arrlength) { 
  for (loopcounter = 0; loopcounter < arrlength; loopcounter++) {
   if (Headingarr[loopcounter][0] == Heading) {
    headingval = Headingarr[loopcounter][1];
    }
    }
    return headingval;
}



function getChartofCommon(arrPlanetsShodashvarga,arrBhavRashi,arrRashiposition,arrRashipositionforsouth, Lcode, canvasid,rasiToBhavaConversion){
//alert(arrRashipositionforsouth+","+ Lcode+","+ canvasid+","+rasiToBhavaConversion+","+typeof(rasiToBhavaConversion));
//alert(Lcode);

LanguageCode = Lcode;
textcolor = COLOR_INFO;
if(window.HTMLCanvasElement) {  
 
    var c = document.getElementById(canvasid);
    cxt = c.getContext("2d");
    cxt.strokeStyle = "#ff0000";
    Chart_Type = ;

    SetFontSize(12);  
       
        if (window.innerWidth <= 1024) {
           PrintChartofCommon(0, 0, 450, 270, arrPlanetsShodashvarga,arrBhavRashi,arrRashiposition,arrRashipositionforsouth, Chart_Type, LanguageCode,rasiToBhavaConversion); 
        }
        else if (window.innerWidth <= 1152) {
		     PrintChartofCommon(0, 0, 450, 270, arrPlanetsShodashvarga,arrBhavRashi,arrRashiposition,arrRashipositionforsouth, Chart_Type, LanguageCode,rasiToBhavaConversion);
	    }
	    else {
		    PrintChartofCommon(0, 0, 450, 270, arrPlanetsShodashvarga,arrBhavRashi,arrRashiposition,arrRashipositionforsouth, Chart_Type, LanguageCode,rasiToBhavaConversion)
	    }  
}    
else {

$("#chart").append('<img src=lagna-navamsa-chart.asp?Chart_type=LagnaKundli&LanguageCode=' + LanguageCode + '&textcolor=' + textcolor + '&planetstyle=0>');
}
}