﻿var _maximumrows = 12;

function tabcontent(tags)
{    
    var params = 'tags=' + tags; 
    var url = globalURL + "services/ajaxtab.asmx/gettabcontentfortags";    
    var xmlhttp = getxmlhttp();    
    openloadpleasewait('pleasewaitdiv');    
    
    if (xmlhttp!= null)
    {
        xmlhttp.onreadystatechange = function() { tabcontentresponse(xmlhttp); };
        xmlhttp.open("POST", url,true);
        xmlhttp.setRequestHeader("Host","http://www.pinokey.com");                
        xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");                
        xmlhttp.send(params);        
    }
}

function tabcontentresponse(xmlhttp)
{    
    var xmldoc = xmlhttp.responseXML; 
    var stringcontent = '';
    if(xmlhttp.readyState == 4)
    {  
        
       document.getElementById('tabcontent').innerHTML = '';   
       var recordset = xmldoc.getElementsByTagName("tabcontent");
       if (recordset.length == 0)
       {           
            stringcontent = "<table cellpadding=0 cellspacing=0 style='height:150px'><tr><td>Oops, no product promotion(s) to show.</td></tr></table>";
       }
       
       for (var i=0; i<recordset.length; i++)
       {
            var promotionid = recordset[i].getElementsByTagName('promotionid')[0].firstChild.nodeValue;
            var subject = recordset[i].getElementsByTagName('subject')[0].firstChild.nodeValue;
            var thumbnailimage = recordset[i].getElementsByTagName('thumbnailimage')[0].firstChild.nodeValue;
            var price = recordset[i].getElementsByTagName('price')[0].firstChild.nodeValue;
   
            stringcontent = stringcontent + "<div class='bottom'>";     
            stringcontent = stringcontent + "<div class='btm-producta'>" + price + "</div>";       
            stringcontent = stringcontent + "<div class='btm-text'>&nbsp;</div>";  
            stringcontent = stringcontent + "<div><img src='" + thumbnailimage + "' border='1' style='border-color:gray;' /></div>";
            stringcontent = stringcontent + "<div class='btm-text'>&nbsp;</div>";            
            stringcontent = stringcontent + "<div class='orange-button-btm'><a href='detailpromotion.aspx?id=" + promotionid + "' class='orange-btn-btm'><span>View Details</span></a></div>";            
            stringcontent = stringcontent + "</div>";
            
       }
       document.getElementById('tabcontent').innerHTML = stringcontent;     
       closeloadpleasewait('pleasewaitdiv');  
    }
}

function pinokeysearchpress(event)
{
    
    if ((event && event.which == 13) || (event && event.keyCode == 13))
    {
       searchpinokey();
       return false;
    }
}

function homepinokeysearchpress(event)
{
      
    if ((event && event.which == 13) || (event && event.keyCode == 13))
    {      
       submitform();
       return false;
    }
}

function submitform()
{    
    document.forms[0].action='search.aspx?pinokeyinput=' + document.getElementById('pinokeyinput').value;
    document.forms[0].__VIEWSTATE.name = 'NOVIEWSTATE';
    document.forms[0].submit();
}

function searchpinokey()
{
   document.getElementById('ctl00_placeholder_hdnSearchText').value = document.getElementById('pinokeyinput').value;
   var searchtext = document.getElementById('ctl00_placeholder_hdnSearchText').value;       
   pinokeysearch(1,10,searchtext);
}

function pinokeysearch(pagenumber, maximumrows, searchtext)
{
   
   var params = 'pagenumber=' +pagenumber + '&maximumrows=' +_maximumrows + '&searchtext=' + searchtext;      
   
    var url = globalURL + "services/ajaxpromotion.asmx/pinokeysearch";           
    openloadpleasewait('pleasewaitdiv');   
    var xmlhttp = getxmlhttp();
    if (xmlhttp!= null)
    {
        xmlhttp.onreadystatechange = function() { pinokeysearchresponse(xmlhttp); };
        xmlhttp.open("POST", url,true);
        xmlhttp.setRequestHeader("Host","http://www.morewinz.com");                
        xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");                
        xmlhttp.send(params);
        
    }
    
    //window.setTimeout(hidepanel,2000);
}

function changepagenumber()
{
    var searchtext = document.getElementById('ctl00_placeholder_hdnSearchText').value;    
    var gopage = document.getElementById("pagenumbers").value;
    var categoryid = document.getElementById('hdncategory').value;    
    var date = document.getElementById('hdnpromotiondate').value;      
    pinokeysearch(gopage,_maximumrows,searchtext);      
}

function gotopage(gopage)
{

    var searchtext = document.getElementById('ctl00_placeholder_hdnSearchText').value;
    
    document.getElementById('hdnPageNumber').value = gopage;        
    pinokeysearch(gopage,_maximumrows,searchtext);    
}

function pagerlimitations(totalrecords, currentpage)
{
    var atag;
    var spacer;

    var pager = document.getElementById("paginator");   
    document.getElementById("paginator").innerHTML = '';
    if (totalrecords <= 1) //remove pager and return
        return;
    
    var startIndex = 0;
    var endIndex = 0;
    
    startIndex = currentpage - 5;    
    if (startIndex <= 0) startIndex = 1;
    endIndex = startIndex + 9;
    if (endIndex > totalrecords)
    endIndex = totalrecords;
    
    //first link if required
    if (startIndex > 1)
    {
        atag = document.createElement("a"); 
        atag.setAttribute("href","javascript:gotopage('1');");   
        atag.appendChild(document.createTextNode(1));        
        pager.appendChild(atag); 
        pager.appendChild(getspacer());
        pager.appendChild(getpagebreak());         
    }
        
    for (counter=startIndex;counter <=endIndex;counter++)
    {        
        atag = document.createElement("a");  
        atag.setAttribute("href","javascript:gotopage('" + counter + "');");    
        atag.appendChild(document.createTextNode(counter));        
            
             
        if (counter == currentpage)
        {
            spacer = document.createElement('span');
            spacer.innerHTML = currentpage;            
            spacer.className = 'this-page';
            pager.appendChild(spacer);    
        }
        else
        {
            pager.appendChild(atag);    
        }        
        pager.appendChild(getspacer());
    }
    
    //last link if required
    if (endIndex < totalrecords)
    {  
        pager.appendChild(getpagebreak()); 
        atag = document.createElement("a");         
        atag.setAttribute("href","javascript:gotopage('" + totalrecords + "');");    
        atag.appendChild(document.createTextNode(totalrecords));
        pager.appendChild(atag); 
    }    
    
}

function getpagebreak()
{
    var breaktag = document.createElement('span');
    breaktag.innerHTML = '..';
    breaktag.className = 'break';
    return breaktag;
}

function getspacer()
{
    var spacer = document.createElement('span');
    spacer.innerHTML = '&nbsp;'; 
    return spacer;
}

function addpagerdropdown(totalrecords, currentpage)
{   
    
    document.getElementById('hdnPageNumber').value = currentpage;
    pagerlimitations(totalrecords, currentpage);        
    var counter = 0;
    document.getElementById("pagenumbers").length = 0;
    for (counter=1;counter <=totalrecords;counter++)
    {
        var opt = document.createElement("option");
        opt.text = counter;
        opt.value = counter;
        if (counter == currentpage) opt.selected = true;
        document.getElementById("pagenumbers").options.add(opt);
    } 
}

function pinokeysearchresponse(xmlhttp)
{    
    var xmldoc = xmlhttp.responseXML; 
    if(xmlhttp.readyState == 4)
    {  
        
       document.getElementById('searchoutput').innerHTML = '';   
       var recordset = xmldoc.getElementsByTagName("promotion");
       var objtable = document.createElement("Table");
       var pager = xmldoc.getElementsByTagName("pager");   
       var totalrecords = pager[0].getElementsByTagName('totalrecords')[0].firstChild.nodeValue
       var totalpage = pager[0].getElementsByTagName('totalpages')[0].firstChild.nodeValue
       var currentpage = pager[0].getElementsByTagName('currentpage')[0].firstChild.nodeValue
             
       addpagerdropdown(totalpage,currentpage);
       objtable.setAttribute('border','0');
       objtable.setAttribute('align','center');
       objtable.setAttribute('width','520px');
       
       
       
       /*
       if (recordset.length == 0) 
            document.getElementById("gotodiv").style.visibility = "hidden"; 
       else
            document.getElementById("gotodiv").style.visibility = "hidden"; 
       */
       var row = 0;
       var rowobject;
       var columnobject;
       
       if (recordset.length == 0)
       {           
            var objrow = objtable.insertRow(row);              
            var objcell = objrow.insertCell(0);                       
            objcell.setAttribute('class',"categorytext"); 
            objcell.innerHTML = 'No promotion(s) found.';
            objcell.className = 'categorytext';
            objcell.colSpan = "4";        
       }
       
       for (var i=0; i<recordset.length; i++)
       {
            var id = recordset[i].getElementsByTagName('id')[0].firstChild.nodeValue;
            var subject = recordset[i].getElementsByTagName('subject')[0].firstChild.nodeValue;
            var desc = recordset[i].getElementsByTagName('description')[0].firstChild.nodeValue;
            var price = recordset[i].getElementsByTagName('price')[0].firstChild.nodeValue;
            var imgpath = recordset[i].getElementsByTagName('imgpath')[0].firstChild.nodeValue;
            var viewed = recordset[i].getElementsByTagName('viewed')[0].firstChild.nodeValue;
            var vendorname =  recordset[i].getElementsByTagName('vendorname')[0].firstChild.nodeValue;                    
            var vendorweb;
            var tagname = recordset[i].getElementsByTagName('tagname')[0].firstChild.nodeValue;  
            tagname = gettagsplits(tagname);
            var postdate =   recordset[i].getElementsByTagName('postdate')[0].firstChild.nodeValue;                    
            try
            {
                vendorweb = recordset[i].getElementsByTagName('vendorweb')[0].firstChild.nodeValue; 
            }   
            catch(err)
            {

            }        
            var objrow = objtable.insertRow(row);         
            
            var objcell = objrow.insertCell(0); 
            objcell.setAttribute('colspan','4');            
            objcell.setAttribute('class',"categoryhead"); 
            objcell.innerHTML = subject ;         
            objcell.className = 'categoryhead';
            objcell.colSpan = "4";
            
            row = row +1 ;
            
            rowobject = document.createElement("tr");            
            columnobject = document.createElement("td");            
            rowobject.appendChild(columnobject);
            objtable.appendChild(rowobject);
            
            //empty row
            objrow = objtable.insertRow(row);  
            objcell = objrow.insertCell(0); 
            objcell.colSpan = "4";
            
            row = row +1 ;
            
            objrow = objtable.insertRow(row);  
            objcell = objrow.insertCell(0); 
            objcell.align = "center";
            objcell.innerHTML = "<img src='http://www.pinokey.com" + imgpath + "'/>";
            objcell.width = "50";
            
            
            objcell = objrow.insertCell(1);       
            objcell.width = "60%";
            objcell.innerHTML = desc; 
            objcell.className = "categorytext";
            
            objcell = objrow.insertCell(2);  
            objcell.width = "15%";
            objcell.innerHTML = "<center><img src='imageweb/sg.png'/></center><br><center>" + price + "</center>";
            objcell.className = "rate";
            
            
            objcell = objrow.insertCell(3);  
            objcell.innerHTML =  "<a target='_blank' href=detailpromotion.aspx?id=" + id + "><img src='imageweb/contact.png' border='0' width='102px' height='20px'/></a>";             
            row = row +1 ;
            
            objrow = objtable.insertRow(row);  
            objcell = objrow.insertCell(0); 
            objcell.innerHTML = "&nbsp;";
            objcell = objrow.insertCell(1); 
            objcell.innerHTML = "<a id='showcollapsetags" + i + "' href=javascript:showcollapsetags('tag" + i + "','showcollapsetags" + i + "')>expand tags</a>" + "<div id='tag" + i + "' class='tagstyle'>" + tagname + "</div>";  
            objcell.align = "left";        
            objcell.colSpan = "3";           
            row = row +1 ;
            
            objrow = objtable.insertRow(row);  
            objcell = objrow.insertCell(0); 
            objcell.align = "center";
            objcell.innerHTML = "Viewed <br/>(" + viewed + ") times";
            objcell.className = "categorytext";     
            
            objcell = objrow.insertCell(1);              
            vendorweb = "http://www.yahoo.com";
            vendorweb = null;
            if (vendorweb!= null)
                objcell.innerHTML = "<a target='_blank' class='promotions_prodvendortxt' href='" + vendorweb + "'>" +  vendorname + "</a>(Member)";                 
            else
                objcell.innerHTML = '<u><b>' + vendorname + ' ' + '(Member)</b></u>';                 
            objcell.className = "categorytext";
            
            objcell = objrow.insertCell(2);  
            objcell.innerHTML = "&nbsp;"; 
            objcell.className = "categorytext";
                        
            objcell = objrow.insertCell(3);  
            objcell.innerHTML = '<i><b>&nbsp;' + postdate + '</b></i>'; 
            objcell.className = "categorytext";
                  
            row = row +1 ;
            
            
            
            objrow = objtable.insertRow(row);  
            objcell = objrow.insertCell(0); 
            objcell.innerHTML = "<hr/>";            
            objcell.colSpan = "4";           
            row = row +1 ;
   
        }
         var para = document.getElementById("searchoutput");
         para.appendChild(objtable);
         closeloadpleasewait('pleasewaitdiv');
            
       
    }
} 


function getrelatedpromotions(promoid, maxrows)
{
    var params = 'promoid=' +promoid + '&maxrows=' +_maximumrows;
    var url = globalURL + "services/ajaxpromotion.asmx/getrelatedpromotions";   
    //openpanel();
    //displayloading('relatedpromotionsofmerchant',800,70);
    var xmlhttp = getxmlhttp();
    if (xmlhttp!= null)
    {
        xmlhttp.onreadystatechange = function() { getrelatedpromotionsresponse(xmlhttp); };
        xmlhttp.open("POST", url,true);
        xmlhttp.setRequestHeader("Host","http://www.morewinz.com");                
        xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");                
        xmlhttp.send(params);
        
    }
}


function gettagsplits(str)
{
   
    var returnstring;
    var array;
    var counter;
    try
    {
        counter = 1;        
        if (str!=null)
        {
            returnstring = "";
            array = str.split(",");
            for(var i=0;i<array.length;i++)
            {
               if (counter == 5) 
               {
                
                    returnstring = returnstring + "<br/>";
                    counter = 0;
               }
               returnstring = returnstring + "<img src='http://www.pinokey.com/imageweb/arrow2.jpg'>&nbsp;<a class='categorytext' href='search.aspx?pinokeyinput=" + array[i] + "'>" + array[i] + "</a>&nbsp;";
               counter = counter +1;
            }
            return returnstring;
        }
    }
    catch(e)
    {
        
    }
    return "&nbsp;";
}
function getrelatedpromotionsresponse(xmlhttp)
{    
    var xmldoc = xmlhttp.responseXML; 
    if(xmlhttp.readyState == 4)
    {  
        
       document.getElementById('modulecontent').innerHTML = '';   
       var recordset = xmldoc.getElementsByTagName("relatedpromotion");
       var objtable = document.createElement("Table");      
       objtable.setAttribute('border','0');
       objtable.setAttribute('width','90%');
       var row = 0;
       var rowobject;
       var columnobject;
       
       if (recordset.length == 0)
       {
           //print no promotions exisit
       }
       
       for (var i=0; i<recordset.length; i++)
       {
            var id = recordset[i].getElementsByTagName('id')[0].firstChild.nodeValue;
            var subject = recordset[i].getElementsByTagName('subject')[0].firstChild.nodeValue;
            var desc = recordset[i].getElementsByTagName('shortdesc')[0].firstChild.nodeValue;
            var price = recordset[i].getElementsByTagName('price')[0].firstChild.nodeValue;
            var thumbnailimage = recordset[i].getElementsByTagName('thumbnailimage')[0].firstChild.nodeValue;
            var viewed = recordset[i].getElementsByTagName('viewed')[0].firstChild.nodeValue;
            var vendorname = recordset[i].getElementsByTagName('name')[0].firstChild.nodeValue;
           
           
            
            var objrow = objtable.insertRow(row); 
            var objcell = objrow.insertCell(0); 
            
            /*
            objcell.setAttribute('colspan','2');            
            objcell.setAttribute('class',"redcoloredHeaderText"); 
            objcell.innerHTML = subject + ' ' + price + '$';            
            objcell.className = 'redcoloredHeaderText';
            objcell.colSpan = "2";            
            row = row +1 ;
            */
            
            rowobject = document.createElement("tr");            
            columnobject = document.createElement("td");            
            rowobject.appendChild(columnobject);
            objtable.appendChild(rowobject);
            
            //empty row
            objrow = objtable.insertRow(row);  
            objcell = objrow.insertCell(0); 
            objcell.colSpan = "2";            
            row = row +1 ;
            
            objrow = objtable.insertRow(row);  
            objcell = objrow.insertCell(0); 
            objcell.align = "center";
            objcell.innerHTML = "<img src='" + thumbnailimage + "'/>";
            objcell.width = "50";
            
            
            objcell = objrow.insertCell(1);  
            objcell.innerHTML = "<a class='moreinfo-url-text' href='detailpromotion.aspx?id=" + id +"'>" + subject + "</a><br><b>Views:</b>" + viewed + "<br><b>From:</b>" + vendorname; 
            objcell.className = "moreinfo-url-text1";
            row = row +1 ;
            
            //empty row
            objrow = objtable.insertRow(row);  
            objcell = objrow.insertCell(0); 
            objcell.innerHTML = "<hr/>";
            objcell.colSpan = "2";            
            row = row +1 ;
           
   
        }
        var para = document.createElement("div");
        para.appendChild(objtable);
        
        //hidepanel();
        YAHOO.namespace("example.container");
        YAHOO.example.container.relatedpromotionmodule = new YAHOO.widget.Module("relatedpromotionmodule", { visible: true });                
        YAHOO.example.container.relatedpromotionmodule.setBody(objtable);  
        YAHOO.example.container.relatedpromotionmodule.render();
        
        
       
    }
} 


 function showcollapsetags(control,control1)
{
    var divstyle = new String();
    divstyle = document.getElementById(control).style.display;
    
    if(divstyle.toLowerCase()=="block")
    {
        document.getElementById(control).style.display = "none";
        document.getElementById(control1).innerHTML = "expand tags";
    }
    else if(divstyle.toLowerCase()=="none" || divstyle == "")
    {
        document.getElementById(control).style.display = "block";
        document.getElementById(control1).innerHTML = "collapse tags";
    }
}
