
 $(document).ready(function() {

 

 $("#chic_vote a").click(function(e){

     if(navigator.appName.indexOf("Microsoft") != -1){

          $("#vote_output").css(" padding-left:-100px;");
	 }
     $("#linetopvote1").css(" padding-top:250px;");
     $("#linetopvote2").css(" padding-top:250px;");	  
     $("#vote_output").height(248); 	
	 //$("#vote_frame").height(1650); 
	 $("#vote_box").height(850);
   	                 

	 var vote_sel = $("input[name='poll']:checked").val();	 
     // stop normal link click

     e.preventDefault();     
       // send request
	   $.post("rate.php", {vote: vote_sel}, function(xml) {
       // format and output result

	 if(navigator.appName.indexOf("Microsoft") != -1){
 		document.getElementById('myvote_result').innerHTML = '<div style=" position:absolute; left:101px; top: 53px; width:140px; height:9px; background-color:#d1d1d1; ">'+
	 '	<img src="images/poll/vote_green.png" width="'+$("vote_bar1", xml).text()+'" height="9" />'+
	 '</div> '+
     '<div style=" position:absolute; left:101px; top: 108px; width:140px; height:9px; background-color:#d1d1d1;">'+
	 '	<img src="images/poll/vote_green.png" width="'+$("vote_bar2", xml).text()+'" height="9" />'+
	 '</div> '+
     '<div style=" position:absolute; left:101px; top:160px; width:140px; height:9px; background-color:#d1d1d1;">'+
	 '	<img src="images/poll/vote_green.png" width="'+$("vote_bar3", xml).text()+'" height="9" />'+
	 '</div> 	'+
	 '    <div style=" position:absolute; left:251px; top: 50px; width:40px; height:25px;color:#353535; font-weight:bold; ">'+
	 '		<h6>'+$("vote_percent1", xml).text()+'&nbsp;%</h6>'+
	 '	</div> '+
     '	<div style=" position:absolute; left:251px; top: 102px; width:40px; height:25px;color:#353535;font-weight:bold; ">'+
	 '		<h6>'+$("vote_percent2", xml).text()+'&nbsp;%</h6>'+
	 '	</div> '+
     '	 <div style=" position:absolute; left:251px; top:154px; width:40px; height:25px;color:#353535;font-weight:bold;  ">'+
	 '		<h6>'+$("vote_percent3", xml).text()+'&nbsp;%</h6>'+
	 '	</div> 	'+
	 '		     <div style=" position:absolute; left:101px; top: 64px; width:140px; height:25px;color:#b1b1b1;font-size:8px; font-family:Georgia   ">'+
	 '		<h5>'+$("vote_str1", xml).text()+' '+$("vote1", xml).text()+'&nbsp;す</h5>'+
	 '	</div> '+
     '	<div style=" position:absolute; left:101px; top: 116px; width:140px; height:25px;color:#b1b1b1;font-size:8px; font-family:Georgia ">'+
	 '		<h5>'+$("vote_str2", xml).text()+' '+$("vote2", xml).text()+'&nbsp;す</h5>'+
	 '	</div> '+
     '	 <div style=" position:absolute; left:101px; top:168px; width:140px; height:25px;color:#b1b1b1;font-size:8px; font-family:Georgia  ">'+
	 '		<h5>'+$("vote_str3", xml).text()+' '+$("vote3", xml).text()+'&nbsp;す</h5>'+
	 '	</div> 	'+
	   '<div id="myvote_close" ><a href="javascript:close_vote()"  style=" position:absolute; left:238px; top:208px; color:#b1b1b1; font-weight:bold; "><h5 >x Close</h5></a></div> 						 ';
       
	 }
	 else{	   
       $("#myvote_result").html(
 '<div style=" position:absolute; left:101px; top: 53px; width:140px; height:9px; background-color:#d1d1d1; ">'+
	 '	<img src="images/poll/vote_green.png" width="'+$("vote_bar1", xml).text()+'" height="9" />'+
	 '</div> '+
     '<div style=" position:absolute; left:101px; top: 108px; width:140px; height:9px; background-color:#d1d1d1;">'+
	 '	<img src="images/poll/vote_green.png" width="'+$("vote_bar2", xml).text()+'" height="9" />'+
	 '</div> '+
     '<div style=" position:absolute; left:101px; top:160px; width:140px; height:9px; background-color:#d1d1d1;">'+
	 '	<img src="images/poll/vote_green.png" width="'+$("vote_bar3", xml).text()+'" height="9" />'+
	 '</div> 	'+
	 '    <div style=" position:absolute; left:251px; top: 50px; width:40px; height:25px;color:#353535; font-weight:bold; ">'+
	 '		<h6>'+$("vote_percent1", xml).text()+'&nbsp;%</h6>'+
	 '	</div> '+
     '	<div style=" position:absolute; left:251px; top: 102px; width:40px; height:25px;color:#353535;font-weight:bold; ">'+
	 '		<h6>'+$("vote_percent2", xml).text()+'&nbsp;%</h6>'+
	 '	</div> '+
     '	 <div style=" position:absolute; left:251px; top:154px; width:40px; height:25px;color:#353535;font-weight:bold;  ">'+
	 '		<h6>'+$("vote_percent3", xml).text()+'&nbsp;%</h6>'+
	 '	</div> 	'+
	 '		     <div style=" position:absolute; left:101px; top: 64px; width:140px; height:25px;color:#b1b1b1;font-size:8px; font-family:Georgia   ">'+
	 '		<h5>'+$("vote_str1", xml).text()+' '+$("vote1", xml).text()+'&nbsp;す</h5>'+
	 '	</div> '+
     '	<div style=" position:absolute; left:101px; top: 116px; width:140px; height:25px;color:#b1b1b1;font-size:8px; font-family:Georgia ">'+
	 '		<h5>'+$("vote_str2", xml).text()+' '+$("vote2", xml).text()+'&nbsp;す</h5>'+
	 '	</div> '+
     '	 <div style=" position:absolute; left:101px; top:168px; width:140px; height:25px;color:#b1b1b1;font-size:8px; font-family:Georgia  ">'+
	 '		<h5>'+$("vote_str3", xml).text()+' '+$("vote3", xml).text()+'&nbsp;す</h5>'+
	 '	</div> 	'+
	   '<div id="myvote_close" ><a href="javascript:close_vote()"  style=" position:absolute; left:238px; top:208px; color:#b1b1b1; font-weight:bold; "><h5 >x Close</h5></a></div> 						 '
       );
     }
     });
	
   });
   
   $("#myvote_close").click(function(e){

    $("#linetopvote1").css(" padding-top:0px;");
    $("#linetopvote2").css(" padding-top:0px;");
    $("#vote_box").height(600);  
	$("#vote_output").height(2); 	 
     // stop normal link click
     e.preventDefault();

 });
 });
 

function close_vote(){
	$("#vote_output").height(2); 	
	$("#vote_box").height(600);	
}